前言
part1

前言

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

第一章
part1

第1章 开启Threejs之旅(一)

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

第一章
part2
第二章
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

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

本课在不久前还属于中级课程的第一课,属于收费课程。鉴于许多非VIP学员对3D模型有浓烈的学习兴趣,所以,我们经过考虑,将这一节课转换为免费课程。感谢大家的阅读,也感谢大家尊重我们的劳动成果。...

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

无论你信不信,3D世界只有三种运动方式:移动、旋转、放大缩小。为了让大家记忆深刻,我们绞尽脑汁,终于用男女之间的那些事将3D世界的运动规律进行了归纳。...