超高速的Web端3D应用框架——whs.js

JavaScript020

超高速的Web端3D应用框架——whs.js,第1张

whs是一个在Three.js基础上构建的Web端3D应用框架,它实现了一个具有组件系统和插件支持的核心,可以快速开发出3D场景。

whs是开源项目,因此你可以直接到Github上获取,也同时提供了相关文档和案例演示,今后可能不会直接给出地址,原因大家都知道!

安装:

官网文档中展示了相当多的案例,我们通过Gif来简单感受下,动图不能太大,可能效果稍差,建议直接去文档看案例

whs将各种物理场景进行了抽象,变成一个个组件

core(核心抽象层):

components/meshes(网、线、面、盒等)

components/lights(灯光)

components/cameras(相机)

还包括一些模型等

modules

modules/app

modules/mesh

总的来说whs是一个有意思的3D框架,其结合3D动画能做出一些非常炫酷的场景出来,模拟出个各种实际物理意义上的模型出来!还是值得我们学习的!

推荐一个前端开发者的常用工具列表:

1. lodash:一个一致性、模块化、高性能的 JavaScript实用工具库。

2. ramda:一个很重要的库,提供了许多有用的方法,每个 javaScript程序员都应该掌握这个工具。

3. dayjs:一个轻量的处理时间和日期的 JavaScript库,js工具类和 Moment js的AP设计保持完全一样,体积 只有2kb。

4. big.js:一个小型,快速的 JavaScript库,用于任意精度 的十进制算术运算。

5. qs:一个url参数转化 (parse和stringify)的轻量级js 库。

6. three.js:基于webgl的开源3D框架,对webgl进行封装,需要专业的3D开发知识。

7. thingjs: 一款新兴的3D框架,封装物联网3D开发概念(建筑、楼层等),仅要求初级js基础。

常见的技术社区,都会有【大前端】学习资源和社区讨论,推荐spring4all、博客园、开源中国、思否、CSDN、V2ex、腾讯云、阿里云、spring4all、掘金、ITPUB,总有合适你的学习氛围。

如果有一定的美术能力,3D可视化是不错的发展方向!审美在线,又有开发基础的话,转行3D开发师不用愁。我所处的物联网3D可视化领域,这个职业很有前景哦~thingjs官网-资源中心提供视频教程、demo案例、下载插件和3D模型,好好实操一下,初学者有破了一周开发3D项目的记录!

ThingJS教程(2019版)

ThingJS教程(2020版)

CampusBuilder教程

ChartBuilder教程

ThingJS行业案例

看一下模型效果杠杠滴!