为什么要写这个系列呢? 市面上关于前端的三维渲染的入门教程层出不穷, 有偏重于数学计算原理的, 有偏向于渲染管线流程介绍的, 也有告诉你API怎么用如何快速上手的. 这系列文章期望从零开始去考虑3D渲染引擎的搭建, 从无到有一步一步去构建三维渲染必备的要素和流程, 让读者能够"…

关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

盆友们好啊，最近在团队内部分享了 Three.js 相关的内容，正好周末有时间想总结记录一下。 废话不多说，先看 demo 效果 看到这个效果，很多小伙伴是不是觉得眼熟呢，或许你想说的是这个：UP20

本篇的实际效果可以查看极光的Au Design官网，Au Design现已正式上线啦！！！觉得不错的话别忘了点个赞支持一下。

本次分享的特效案例，基于官方项目r129版本，实现的超酷炫Threejs 3D地球，喜欢的可以点个赞

材质和纹理有那么一点微妙的关系，纹理决定了物体的表面，而材质则决定了物体的“气质”，比如说，反射度，光滑度，金属感，塑料感或者玻璃的模仿等。当然，在 ThreeJs 中，纹理想要被展示出来是要被依附在材质中的。 ThreeJs 中定义了非常丰富的材质，其类图如下。 从类图上看，…

搞了三年前端，呆过几个不大的公司，做过几个不大的项目。三年来心态略显浮躁，昔日的朋友早已练就大佬之身，而我却在原地停留了很久很久。由于在前段时间离职，所以近期正在备试恶补，弄得日夜颠倒，已分不清白天黑夜。强行灌输总是那么枯燥，并且我那该死的记忆力太不争气，左脑进右脑出，所以找点…

和其他 GUI 系统一样，web 也提供了一个使用 canvas 来绘制图形的基础环境。利用 canvas 我们可以绘制矩形，三角形，直线，圆弧和曲线等比较复杂的图形。具体可以参考 WebGL 本质上也是在 canvas 上作画，只不过它基于是一个 3D 的场景。而在 Thre…

WebGL 是什么 对于 WebGL 百度百科给出的解释是 WebGL 是一种 3D 绘图协议，而对此维基百科给出的解释却是一种 JavaScript API。由于 WebGL 技术旨在帮助我们在不使