正在读取中...

正在读取中...

当前位置:首页 > JS代码 > 其它代码

JavaScript实现的酷炫3D球面标签云效果

所属栏目:其它代码 时间:2014-03-25 来源:网络 作者:不详 次围观 次下载
JavaScript实现的酷炫3D球面标签云效果
兼容:
查看演示
本地下载
收藏

正在读取中...

一般需要修改的,应该是3D球面的大小,也就是半径,修改了大小,就可以随意放进自己页面的任何地方。


半径大小修改:

下载后,打开 miaov.js 文件,第一行:var radius = 120; 这就是半径大小值了。

文字的修改在 miaov_demo.html 文件中,可以任意添加关键词的个数;

如果希望修改文字颜色、鼠标经过的样式,可以打开 miaov_style.css 文件,修改相关的样式即可。


效果原理:


制作这个效果需要重新回顾一下高中的数学知识:

球坐标系

例如:

r∈[0,+∞),

φ∈[0, 2π],

θ∈[0, π] .

r = 常数,即以原点为心的球面;

θ= 常数,即以原点为顶点、z轴为轴的圆锥面;

φ= 常数,即过z轴的半平面。


具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

正在读取中...

猜你喜欢

共有 条评论

给个评价吧

验证码: