摘要:
1、关于模型的基础知识 3D模型由顶点(vertex)组成,顶点之间连成三角形或四边形(在一个平面上),多个三角形或四边形就能够组成复杂的立体模型; 使用ParaView查看3D模型; 2、模型在three.js中的表示 模型由面组成,面分为三角形和四边形。三角形和四边形面组成了网格模型。在thre 阅读全文
摘要:
1、canvas 绘制 当canvas不设置大小时,默认宽300,高150; 注意:不建议使用css 设置大小,可以利用行内样式 width="",height=""去设置(无单位); canvas 是基于状态进行绘制的; 举例说明: 上述代码显示结果为全部均为黑色; 如何更改? 在绘制前conte 阅读全文
摘要:
1、时钟外圆的绘制 了解基本概念: 1度 = Math.PI/180; var canvas = document.getElementById('clock'); var ctx = canvas.getContext('2d'); var width = ctx.canvas.width; va 阅读全文
摘要:
<!DOCTYPE html> <html> <head> <title>clock-three</title> <meta charset="utf-8"/> <style> body { margin: 0px; background-color: #000; overflow:hidden; 阅读全文
摘要:
1、纹理由图片组成 在threejs中,纹理类由THREE.Texture表示,其构造函数如下所示: 阅读全文
摘要:
3、环境光和方向光结合效果 当环境光和方向光同时存在的时候,可以想象成两种光源同时作用于物体;产生的效果和每种光源分别作用于物体, 然后将两者的结果相加是一种效果; 举例说明: function initLight(){ //绿色的环境光 light = new THREE.AmbientLight 阅读全文
摘要:
1、Threejs中各种光源 1)光源基类 在Threejs中,光源用Light表示,它是所有光源的基类。它的构造函数是:THREE.Light(hex); 它有一个参数hex,接受一个16进制的颜色值。如果要定义一种红色的光源,例如: var RedLight = new THREE.Light( 阅读全文
摘要:
1、认识相机 在Threejs中相机的表示是THREE.Camera,他是相机的抽象基类; 其子类有两种相机,分别是正投影相机Three.OrthographicCamera和透视投影相机THREE.PerspectiveCamera. 关于两者之间的区别: 总结:透视投影有一个基本点,就是远处的物 阅读全文