标签 webgl 下的文章
-
吱吱说VR，你怕了吗？
首先，看下demo效果，扫一下下面的二维码： 主要利用浏览器的deviceorientation事件监视设备朝向，记录下其受地心引力作用下而在方向上产生变化的数据，然后使用DeviceOrientationControls.js（一个three.js的插件）让摄像头根据设备的移动进行调整，相当于模拟人看向物体的某个方向，犹如人的视线一样。最后，结合three.js来构建一个3d世界。 1. 画一个会动的太阳 引用three.js, 建立3个要素：场景（scene）、相机（camera）和渲染器（renderer）。有了这三样东西，才能将物体渲染到网页中，然后再画一个太阳。 ......
-
这片云加了特效，Duang Duang Duang
首先，看下效果页面，感受一下。点我 是不是有点炫咧，这就是运用WebGL简单实现的效果，下面我们一起来看看代码吧。 Three.js 一个优秀的WebGL开源框架，官网地址https://github.com/mrdoob/three.js。点进去你会发现有好多酷炫的效果，而且基于这个库可以快速地写出3d程序。上面的镇魔曲手游官网的云海效果就是基于three.js实现的。 刚开始接触到Three.js，好多东西都是一头雾水的，然后官网的文档说明又是英文，阅读起来实在困难。在此强烈推荐一个中文基础教程，个人觉得对各种术语以及图形的构造和渲染理解起来相对简单些。英语厉害的同学可以忽略。......
