摘要：
1、关于模型的基础知识 3D模型由顶点（vertex）组成，顶点之间连成三角形或四边形（在一个平面上），多个三角形或四边形就能够组成复杂的立体模型； 使用ParaView查看3D模型； 2、模型在three.js中的表示 模型由面组成，面分为三角形和四边形。三角形和四边形面组成了网格模型。在thre 阅读全文
posted @ 2019-02-26 17:37
倩妞驾到
阅读(4553)
评论(1)
推荐(1)
摘要：
1、canvas 绘制 当canvas不设置大小时，默认宽300，高150； 注意：不建议使用css 设置大小，可以利用行内样式 width="",height=""去设置（无单位）； canvas 是基于状态进行绘制的； 举例说明： 上述代码显示结果为全部均为黑色； 如何更改？ 在绘制前conte 阅读全文
posted @ 2019-02-23 14:31
倩妞驾到
阅读(680)
评论(0)
推荐(1)
摘要：
1、时钟外圆的绘制 了解基本概念： 1度 = Math.PI/180; var canvas = document.getElementById('clock'); var ctx = canvas.getContext('2d'); var width = ctx.canvas.width; va 阅读全文
posted @ 2019-02-22 15:17
倩妞驾到
阅读(227)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <title>clock-three</title> <meta charset="utf-8"/> <style> body { margin: 0px; background-color: #000; overflow:hidden; 阅读全文
posted @ 2019-02-22 11:12
倩妞驾到
阅读(589)
评论(0)
推荐(0)
摘要：
1、纹理由图片组成 在threejs中，纹理类由THREE.Texture表示，其构造函数如下所示： 阅读全文
posted @ 2019-02-21 17:40
倩妞驾到
阅读(273)
评论(0)
推荐(0)
摘要：
3、环境光和方向光结合效果 当环境光和方向光同时存在的时候，可以想象成两种光源同时作用于物体；产生的效果和每种光源分别作用于物体， 然后将两者的结果相加是一种效果； 举例说明： function initLight(){ //绿色的环境光 light = new THREE.AmbientLight 阅读全文
posted @ 2019-02-21 17:39
倩妞驾到
阅读(271)
评论(0)
推荐(0)
摘要：
1、Threejs中各种光源 1）光源基类 在Threejs中，光源用Light表示，它是所有光源的基类。它的构造函数是：THREE.Light(hex); 它有一个参数hex，接受一个16进制的颜色值。如果要定义一种红色的光源，例如： var RedLight = new THREE.Light( 阅读全文
posted @ 2019-02-21 15:41
倩妞驾到
阅读(236)
评论(0)
推荐(0)
摘要：
1、认识相机 在Threejs中相机的表示是THREE.Camera,他是相机的抽象基类； 其子类有两种相机，分别是正投影相机Three.OrthographicCamera和透视投影相机THREE.PerspectiveCamera. 关于两者之间的区别： 总结：透视投影有一个基本点，就是远处的物 阅读全文
posted @ 2019-02-21 11:54
倩妞驾到
阅读(256)
评论(0)
推荐(0)
摘要：
重点掌握： ① 圆的极坐标和常用动画技巧； ② 如何实现径向菜单展开效果 ③ 如何实现时钟效果 关于径向菜单实现原理： 阅读全文
posted @ 2019-02-20 17:45
倩妞驾到
阅读(301)
评论(0)
推荐(0)
摘要：
1、场景如何动起来？ 有两种实现方式：1）让物体在坐标系里面移动，摄像机不动；2）让摄像机在坐标系里面移动，物体不动； 2、循环渲染 如果我们改变了物体的位置或者颜色之类的属性，就必须重新调用render()函数，才能将新的场景绘制到 浏览器中。否则浏览器不会自动刷新场景的； renderer.re 阅读全文
posted @ 2019-02-20 16:14
倩妞驾到
阅读(261)
评论(0)
推荐(0)
浙公网安备 33010602011771号