Three.js基本 Demo
对于新手来说，几个简单的例子非常实用，偶然发现几个不错的Demo，分享给大家！ Three.js基本 Demo 1.最基本的Hello World：http://stemkoski.github.io/Three.js/HelloWorld.html 2.在网页上调用摄像头：http ...
原文：Three.js Demo源码分析-1.MorphTargets与BufferGeometry
Three.js主页上有很多绚丽的Demo，是学习的极佳素材。我正利用闲暇时间学习这些Demo，并将心得体会记录下来。 老调重弹 先睹为快 空间中旋转的立方体板条箱，恐怕是主页上最简单的一个例子了。在WebGL原生API教程中就有这个例子，用Three.js实现起来更加方便了。但是，作为开始的开始，还是再重弹一遍老调吧。 较简单的例子多采用这种一目了然的结构： 在init 中初始化相机，场景，渲染 ...
2013-02-22 10:51 0 6243 推荐指数：
相关推荐
three.js中合并多个BufferGeometry类型的模型
在three.js中，合并模型可以通过它的扩展库ThreeBsp.js来办到。不过当模型稍微较复杂时，操作时间会延长，且浏览器容易崩溃。其实three.js自己也提供了这个功能，那就是通过THREE.GeometryUtils.merge来实现。 具体实现： 假如要合并模型A、B、C ...
Three.js源码阅读笔记-1
Three.js是一个比较伟大的webgl开源库，它简化了浏览器3D编程，使得使用JavaScript在浏览器中创建复杂的场景变得容易很多。Github上众多webgl demo令我兴奋不已，跃跃欲试。由于这个库还处在开发阶段，因此资料非常匮乏，爱好者大部分时间不得不通过阅读该库的源码进行学习 ...
Three.js源码阅读笔记-2
这是Three.js源码阅读笔记的第二篇，直接开始。 Core::Object3D Object3D似乎是Three.js框架中最重要的类，相当一部分其他的类都是继承自Object3D类，比如场景类、几何形体类、相机类、光照类等等：他们都是3D空间中的对象，所以称为Object3D类 ...
Three.js源码阅读笔记-3
这是Three.js源码阅读笔记第三篇。之前两篇主要是关于核心对象的，这些核心对象主要围绕着矢量vector3对象和矩阵matrix4对象展开的，关注的是空间中的单个顶点的位置和变化。这一篇将主要讨论Three.js中的物体是如何组织的：即如何将顶点、表面、材质组合成为一个具体的对象 ...
three.js各种材质的实现源码
three.js常用材质：基本材质、兰伯特材质、冯氏材质、标准材质。 我们可以自己使用着色器实现这些材质，用于批量渲染等用途。 为了简单，假设物体只有一张漫反射贴图，场景中只存在一个环境光和一个平行光。 一、基本材质（MeshBasicMaterial） 基本材质不对光源产生反应 ...
Three.js源码阅读笔记-5
Core::Ray 该类用来表示空间中的“射线”，主要用来进行碰撞检测。 Ray类的构造函数颇为简单，只有两个参数origin和direction，顾名思义，也就是端点和方向。 R ...
WebGL与three.js
前面学习了一些webgl的基础知识，现在就用一下three.js写一个小例子，记录一下学习的过程。 效果图： 1.去github下载three.js，然后将它加载到网页中 <script src="js/three.js"></script> ...