超酷的元素周期表
【原文链接】：https://blog.tecchen.tech ，博文同步发布到博客园。
由于精力有限，对文章的更新可能不能及时同步，请点击上面的原文链接访问最新内容。
欢迎访问我的个人网站：https://www.tecchen.tech 。
官方演示地址：【http://www.hewebgl.com/code/show/4.html】
对于一个后端Java开发来说，炫酷的网页是非常有吸引力的。各种特效、动态效果也很容易吸引住网友的注意力。
最近一直想给自己的博客【www.tecchen.tech】 做个独立的主页， 博客仅仅作为其中的一个栏目，所以搜索了各种个人网站的首页演示效果、代码及其他大神的博客和主页。
在看到webgl和three.js时，对其中的特效很感兴趣，就copy了官方演示效果的【http://www.hewebgl.com/code/show/4.html】 源码，并参考【TWaver版3D化学元素周期表-https://www.cnblogs.com/twaver/p/3842177.html】 的效果，得到了下面的代码。
个人代码演示地址
http://show.tecchen.tech/periodicTable.html
TODO工作
- 1、一字长蛇特效
- 2、点击翻转特效（参考轻松一下效果）
- 3、双击放大特效
- 4、点击打开链接效果
- 5、实战（个人网站首页）
- 6、元素中文及读音（已完成）
源码
超酷的元素周期表 periodic table - three.js css3d
three.js css3d - 超酷的元素周期表 periodic table.