原文转至:http://topic.csdn.net/u/20101021/10/33959060-2c51-4e15-aba7-fc770a39e328.html
如图所示:
效果预览点这里:http://www.miaov.com/miaov_demo/3dLable/miaov_demo.html
下载效果点这里:http://www.miaov.com/miaov_demo/3dLable/3dLable.rar
使用说明:
一般需要修改的,应该是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
分享到:
相关推荐
javascript 写的 3d 云标签
Javascript实现3D标签云的效果
Html+css+JavaScript实现的3D球面标签云效果
JavaScript案例特效 - 3D标签云
3D球体标签云源代码,JavaScript CSS实现的特效,看上去非常漂亮,并且可以响应鼠标旋转,具体的大家下载源码后自己测试吧,特效截图如下:
3D标签云网页特效代码,运用了球坐标系技术。球坐标是一种三维坐标。分别有原点、方位角、仰角、距离构成。 设P(x,y,z)为空间内一点,则点P也可用这样三个有次序的数r,φ,θ来确定,其中r为原点O与点P间...
将音乐列表做成3D球状,所有的歌曲名称以标签的形式在一个3D空间内不断旋转,参考网页版的3D云标签 ,结合JavaScript与Java通信,将3D云标签应用于音乐播放列表.rar,太多无法一一验证是否可用,程序如果跑不起来需要...
JavaScript实现的3D球面标签云效果。这是一个很好玩的3d球形关键字或者文字模块
内容索引:脚本资源,jQuery,标签云,3D球面标签云 3d Lable JavaScript 实现3D球面标签云,是一种很炫的效果,包括百度的搜索风云榜也用了3D云标签的效果,包括现在的许多博客左侧都会常见到云标签,只不过他们都是...
3D标签云-效果流畅堪比flash,但并非我原创
HTML5 SVG可互动的3D标签云代码.zip
摘要:脚本资源,Ajax/JavaScript,标签云 3D标签云网页特效代码,运用了球坐标系技术。球坐标是一种三维坐标。分别有原点、方位角、仰角、距离构成。 设P(x,y,z)为空间内一点,则点P也可用这样三个有次序的数r...
javascript特效代码,标签云,实现重要标签3D旋转切换功能,达到视觉上一个云的效果。
JavaScript实现的3D球面标签云效果,云标签特效,三维动态滚动,鼠标控制。
服务器端利用 PHP插件 生成标签云数据,页面用 flash 3D效果展示标签,效果很爽的,放在自己博客格外吸引眼球。 查看效果: http://www.roytanck.com/about-my-themes/donations/ 下面是详细: -------------------...
将音乐列表做成3D球状,所有的歌曲名称以标签的形式在一个3D空间内不断旋转,参考网页版的3D云标签 ,结合JavaScript与Java通信,将3D云标签应用于音乐播放列表。
包含echarts根据自定义图片内容形状生成词云图,纯 js 简单实现酷炫的3d球体滚动词云,并可实现根据鼠标悬浮位置定向滚动,html5方式根据htmlCanvs画布实现3d球体动态混动,可自由缩放词云画布大小。
TagCanvas HTML5画布标签云TagCanvas将文本或图像链接转换为3D旋转标签云。 有关示例,文档等,请访问: :
课程分享——地图Web3D可视化-WebGL、Three.js,附源码 课程概述 - 本课程讲解如何在web...章节3、行政区射线拾取、信息标签和热点 章节4、行政区数据可视化 章节5、密集位置数据可视化 章节6、信息流数据可视化(飞线)
一些常用的javascript效果和工具类其中包含了瀑布流,skitter幻灯片,多动排序,还有一些类库目录结构|—— 3d完成版 javascript的3d云标签球形转动效果|—— drag 网上的一个jquery 拖动排序插件|—— dragofycd ...