WebGL中文网

前言

part1

前言

从开始接触3D开发，已快15年。大三时(1999年大学)，以为学会《计算机图形学》，就能玩转OpenGL和DX了，从而编写自己的游戏了。理想很丰满，现实很骨感，当试图去写一个3D射击游戏的时候，才知道，这比想象中的难很多。...

第一章

part1

第1章开启Threejs之旅(一)

什么是threejs，很简单，你将它理解成three + js就可以了。three表示3D的意思，js表示javascript的意思。那么合起来，threejs就是使用javascript来写3D程序的意思。...

第一章

part2

第1章开启Threejs之旅(二)

threejs教程...

第二章

part1

第2章还记得点、线、面吗(一）

还记得2000年左右有一个很不错的OpenGL教程《Nehe OpenGL》，大学时，我才有机会读到那么好的教程。那时，废寝忘食，花了一个月的时间看完了整个教程。...

第二章

part2

第2章还记得点、线、面吗(二)

我们下面会学习使用直线画一个网格出来，为了更好的理解这个网格在空间中的位置，我们是时候，讲一讲空间坐标系了。...

第三章

part1

第3章让场景动起来

场景中的物体怎么才能运动起来。我们这里从《古兰经》讲起，这样，你永远不会忘记。...

第四章

part1

第4章三维空间的观察

在Threejs中相机的表示是THREE.Camera，它是相机的抽象基类，其派生于两种相机，分别是正投影相机THREE.OrthographicCamera和透视投影相机THREE.PerspectiveCamera。...

第五章

part1

第5章五彩的光源(一)

宇宙间的物体有的是发光的，有的是不发光的，我们把发光的物体叫做光源。太阳、电灯、燃烧着的蜡烛等都是光源。在Threejs的世界里，有了光，就不会在黑暗。...

第五章

part2

第5章五彩的光源(二)

平行光又称为方向光（Directional Light），是一组没有衰减的平行的光线，类似太阳光的效果。...

第五章

part3

第5章五彩的光源(三)

接下来，我们来看看多种光源同时存在于场景之中，对物体颜色的影响。当环境光和方向光同时存在的时候，会出现怎么样的情况呢？...

第六章

part1

第6章纹理，不一样的皮肤(一)

纹理对于我们来说是多么的重要，以至于大家已经忘记了它的重要性。闭上眼睛想一想，如果你心爱的女人，没有穿衣服，该是多么的令你心动啊。哦，说错了，是她不仅没有穿衣服，而且没有皮肤，就像画皮中的没有皮的周迅一样，你就不会喜欢它了，因为她奇丑无比。...

第六章

part1

第6章将canvas作为纹理，将动画作为纹理（二）

从本质上来说，纹理只是图片而已，它是由像素点组成。无论在内存还是显存中，它都是由4个分量组成，这四个分量是R、G、B和A。唯一的不同的，在显存中，会比内存中更快的渲染到显示器上。这是毋庸置疑的，因为显存中的帧缓冲本来就是和显示器上的像素一一对应的。...

第七章

part1

前言

第1章开启Threejs之旅(一)

第1章开启Threejs之旅(二)

第2章还记得点、线、面吗(一）

第2章还记得点、线、面吗(二)

第3章让场景动起来

第4章三维空间的观察

第5章五彩的光源(一)

第5章五彩的光源(二)

第5章五彩的光源(三)

第6章纹理，不一样的皮肤(一)

第6章将canvas作为纹理，将动画作为纹理（二）

第7章 3D模型的加载与使用

第8章：动画基础-网格模型旋转的常用技巧和方法

第9章：多摄像机、多视图、多角度摄影

第10章：xxxx