Three.js入门教程[转]
中文原文链接：http://www.21haolou.com/articles/show/140 英文原文链接：http://aerotwist.com/tutorials/getting-started-with-three-js/ Three.js的GitHub：https://github.c...
《webgl入门指南》学习笔记二之three.js创建mesh
三维开发渲染最多的对象大概是网格mesh了，Webgl开发三维也不例外。 网格就是一系列的多边形组成的，三角形或者四边形，网格一般由顶点来描绘，我们看见的三维开发的模型就是由一系列的点组成的。 现在我们就来使用mesh组建一个太阳系，这是chapter-3的内容，它里面主要将如何使用mesh，以及贴...
《webgl入门指南》学习笔记一three.js与sim.js
最近又一次很久木有更新博客了，但是不是停了，而是一次性更新了太多，想清楚了自己水平有限，不想误导大家，所以就把这里单纯的当做自己的学习笔记。 上次让立方体转起来了，这次我们就直接介绍一个框架《webgl入门指南》的sim.js 这个东西是什么玩意呢，就是一个模拟器（官方说法），实际上就是简化了thr...
webGL之three.js入门3
这几天在看李鹏程翻译的[美]Jos Dirksen的《Three.js开发指南》，看到第八章了，现在来总结一下threejs中材料的相关知识。顺带也看完了上海交大的张雯莉出的《threejs入门指南》，我所学所写都是基于书和threejs官网的一些例子。 这两本书的电子版：链接: http://pa...
three.js入门（6）光源
一环境光AmbientLight 影响整个场景的光源 二点光源PointLight照射所有方向的光源 三聚光灯光源SpotLight具有锥形效果的光源 四平行光DirectinalLight类似太阳光线的光源 五半球光光源Hem...
[译] THREE.JS入门教程-2.着色器-上
译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 国外网站 aerotwist.com 有六篇较为...
three.js入门（4） 场景的作用
在前面我们已经创建了一个new THREE.Scene()对象，已经了解了一个场景想要显示任何东西需要三种类型的组件： 组件 描述 相机 决定哪些东西在屏幕上渲染 光源 对材质如何显示，以及生成阴影时材质如何使用产生影响 物体 相机里主要的渲染对象...
《webgl入门指南》学习笔记一three.js与sim.js
最近又一次很久木有更新博客了，但是不是停了，而是一次性更新了太多，想清楚了自己水平有限，不想误导大家，所以就把这里单纯的当做自己的学习笔记。 上次让立方体转起来了，这次我们就直接介绍一个框架《webgl入门指南》的sim.js 这个东西是什么玩意呢，就是一个模拟器（官方说法），实际上就是简化了thr...
WebGL库Three.js入门
HTML5和WebGL 简单认识一下HTML5吧。HTML5是目前构成WEB页的主流的HTML4和XHTML的后续语言、 2008年制定了草案、约定各大浏览器提供商一起力争在2014年前形成正式的版本。 HTML5在2012年1月还处于「草案」阶段、虽然还处于规范在变动的准备阶段、但是无论是开发...
【转】three.js详解之入门篇
原文链接：https://www.cnblogs.com/shawn-xie/archive/2012/08/16/2642553.html 开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的...
系列博文-Three.js入门指南(张雯莉)-照相机
照相机就是这样一个抽象，它定义了三维空间到二维屏幕的投影方式，用“照相机”这样一个类比，可以使我们直观地理解这一投影方式。而针对投影方式的不同，照相机又分为正交投影照相机与透视投影照相机。我们需要为自己的程序选择合适的照相机。2.2 正交投影vs透视投影举个简单的例子来说明正交投影与透视投影照相机的...