Three.js基础探寻四——立方体、平面与球体
前面简单介绍了webGL和Three.js的背景以及照相机的设定，接下来介绍一些Three.js中的几何形状。 1.立方体虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是：THREE.CubeGeometry(width,heig...
Three.js基础探寻二——正交投影照相机
本篇主要介绍照相机中的正交投影照相机。第一篇传送门：Three.js基础探寻一 1.照相机图形学中的照相机定义了三维空间到二维屏幕的投影方式。针对投影方式照相机分为正交投影照相机和透视投影照相机。2.两种相机的区别与适用范围正交投影： 透视投影： 正交投影就像数学课上画的；而透视投影有一个基本点，就...
Three.js基础探寻三——透视投影照相机
本篇主要介绍Three.js照相机中的透视投影照相机。上一篇：正交投影照相机 5.透视投影照相机构造函数透视投影照相机（PerspectiveCamera）的构造函数是：THREE.PerspectiveCamera(fov,aspect,near,far)-fov可视角度 -aspect实际窗口的...
Three.js基础探寻二——正交投影照相机
本篇主要介绍照相机中的正交投影照相机。第一篇传送门：Three.js基础探寻一 1.照相机图形学中的照相机定义了三维空间到二维屏幕的投影方式。针对投影方式照相机分为正交投影照相机和透视投影照相机。2.两种相机的区别与适用范围正交投影： 透视投影： 正交投影就像数学课上画的；而透视投影有一个基本点，就...
Three.js基础探寻四——立方体、平面与球体
前面简单介绍了webGL和Three.js的背景以及照相机的设定，接下来介绍一些Three.js中的几何形状。1.立方体虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是：THREE.CubeGeometry(width,heigh...
three.js学习笔记 基础1_2
2.创建一个three.js场景<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>three.js</title></head><body><...
Three.js基础探寻九——网格
在学习了几何形状和材质之后，我们就能使用他们来创建物体了。最常用的一种物体就是网格（Mesh），网格是由顶点、边、面等组成的物体；其他物体包括线段（Line）、骨骼（Bone）、粒子系统（ParticleSystem）等。创建物体需要指定几何形状和材质，其中，几何形状决定了物体的顶点位置等信息，材质...