- 博客(1)
- 资源 (1)
- 收藏
- 关注
原创 Arrow Functions—箭头函数
我们来一起认识一下箭头函数? 在js中,函数可以用 "arrow" => 定义。 For, example: 第一点: 箭头函数的语法: const show=(a,b) => a+b; show(1,5); // 结果返回6 之前,传统的函数定义: function show(a,b){ return a+b;
2016-09-25 13:59:26
970
【妙味课堂】JavaScript实现的3D球面标签云效果
效果说明:
这个效果起初是由 妙味课堂QQ群 里的 “小小丫头” 提出来的,
她说似乎只有 FLASH 才能完成这个效果,不知道用 JavaScript 能不能写出来。
我们也十分喜欢这个效果,尝试着模拟了一个,
相比较 FLASH 而言,除了字体变大小时有些锯齿之外,其他的都应该差不多。
使用说明:
主要修改的,应该是3D球面的大小,也就是半径,修改了大小,就可以随意放进自己页面的任何位置。
半径大小修改:
下载后,打开 miaov.js 文件,第一行:var radius = 120; 这就是半径大小值了。
文字的修改在 miaov_demo.html 文件中,可以任意添加关键词的个数;
如果希望修改文字颜色、鼠标经过的样式,可以打开 miaov_style.css 文件,修改相关的样式即可。
由于这个效果发出来以后,很多朋友们比较感兴趣,问到它的实现原理,
我们只能说,制作它需要重新回顾一下高中的数学知识:球坐标系
例如:
r∈[0,+∞),
φ∈[0, 2π],
θ∈[0, π] .
r = 常数,即以原点为心的球面;
θ= 常数,即以原点为顶点、z轴为轴的圆锥面;
φ= 常数,即过z轴的半平面。
……
在这里,我们就不展开讲了,由数学老师来说明更合适些^_^
有兴趣的朋友可以看看百度百科的球坐标系原理:http://baike.baidu.com/view/1196991.htm
traceback:http://bbs.miaov.com/viewthread.php?tid=29&extra=page%3D1
2011-05-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人