ThreeJS核心组成

前言:

       学习threeJS完全是机缘巧合,记得有次客户提到我们系统(当时在职的公司产品)的数据总是以二维表的数据显示,略显枯燥乏味。所以那会我开始逐步摸索数据可视化(说白了就是网上找资料),了解到echarts,确实能然数据显示的更加漂亮。但是后面发现3D的echarts图形加载有点耗时,在查阅了很多资料后,关注点转移到了threeJS与thinkJS身上,但是当我得知thinkJS居然要收费,作为一个穷*,果断放弃。。。确定了涉猎threeJS,此次,主要和各位看官分享threeJS中的基础功能组成。

(.YZJGOOD原创文章,转载请注明出处)

正文:

threeJS模型页面展示主要构成:

场景(网格模型(具体实物+材质)+光照(点光源(阴影)+环境光源))+相机+渲染(鼠标缩放拖动之类的)

案例如下:

需要注意:引入关键js : three.js ; OrbitControls.js


  好的,这次的分享就到这里,谢谢!

(.YZJGOOD原创文章,转载请注明出处)

你可能感兴趣的:(ThreeJS核心组成)