Three.js之吊炸天的3D元素周期表探究及再开发

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/xiao_xiao_b/article/details/99904769

吊炸天的3D元素周期表

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。

理解可能比较乏味，直接上官方demo感受一下
元素周期表：http://threejs.org/examples/css3d_periodictable.html

这就是一个普通的html+css+js页面，却给了我小时候科幻片的感觉

这个页面刷新了我对前端的认知

所以就从这个页面入手去深入剖析到底是如何实现了3d效果

持续更新

（感兴趣的朋友欢迎加群811430241一起学习探究）

1. 3D元素周期表源码（已加注释）及分析https://blog.csdn.net/xiao_xiao_b/article/details/100056447
2. 3D元素周期表实现数据库交互
3. 3D元素周期表再开发
   3.1 webGL关键属性了解
   3.2 transform属性分析及使用
   3.3 camera的合理使用
   3.4 实现自定义留言墙 demo预览http://www.benxiaob.cn/mesboard/3d/mesboard.html
   。。。。。。

ps：偷个懒，上面这几篇还没整理出来，先欠着

你们的点赞和关注就是我更新下去的动力哦！