最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择，结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图来建模。 我在网上找到一张自己喜欢的风格的建筑图做参考，明确自己大概要实现的效果，但结果不一定要一模一样。…

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…

看了饿了么小小倩老师的canvas作品，心血来潮，学着做了个3D地球，也算是入坑WebGL了吧。之前有用过原生的canvas画2D的图形，这次则是用了Three.js和stats.js的3D框架，边学边练手，效果还算比较满意...毕竟第一次接触WebGL 代码还有很多不足，求大…

去年谷歌和火狐针对 WebVR 提出了 WebVR API 的标准，顾名思义，WebVR 即 web + VR 的体验方式，我们可以戴着头显享受沉浸式的网页，新的 API 标准让我们可以使用 js 语言来开发。

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…