摘要: 运动起来的两种方式 方式介绍 1. 让物体运动 2. 让摄像机运动 游戏循环: 如果不进行游戏循环进行重复的渲染即使物体运动了,我们看到的场景也不会发生改变 stats.js可以用来监控three.js的运行状态 使用方法: Tween渐变动画包使用方法 一个示例程序 绿色旋转小方块源码 学习的资料 阅读全文
posted @ 2017-08-17 13:55 JefferyChang 阅读(174) 评论(0) 推荐(0) 编辑
摘要: Three.js中的坐标系 three.js中坐标系使用的是左手坐标系 左手坐标系和右手坐标系的对比: 当然three.js中使用的是右手坐标系 three.js中的旋转的定义 但是three.js中的旋转是如何定义的呢? 在three.js中旋转使用的是弧度制,2π为一圈一定要注意 可以用一个小部 阅读全文
posted @ 2017-08-17 13:11 JefferyChang 阅读(977) 评论(0) 推荐(0) 编辑
摘要: 坐标系 Threejs使用的是右手坐标系,这源于opengl默认情况下,也是右手坐标系。 WebGL中的点线面 线条的深入理解 在Threejs中,一条线由点,材质和颜色组成。 点由THREE.Vector3表示,Threejs中没有提供单独画点的函数,它必须被放到一个THREE.Geometry形 阅读全文
posted @ 2017-08-17 13:00 JefferyChang 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 在Threejs中定义一个点 在三维空间中的某一个点可以用一个坐标点来表示。一个坐标点由x,y,z三个分量构成。在three.js中,点可以在右手坐标系中表示: 空间几何中,点可以用一个向量来表示,在Three.js中也是用一个向量来表示的,代码如下所示: 我们来分析这段代码:前面我们已经知道了TH 阅读全文
posted @ 2017-08-17 12:50 JefferyChang 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 一、三大组件 在Three.js中,要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,才能将物体渲染到网页中去。 记住关建语句:有了这三样东西,我们才能够使用相机将场景渲染到网页上去。 创建这三要素的代码如下: 1、场景 在T 阅读全文
posted @ 2017-08-17 12:46 JefferyChang 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 前言 前段时间开始接触three.js本来以为会很简单但是真正开始学习的时候才发现事情并不是我想象的那么容易,three.js的学习资料非常的少稍微好一点的资料就是收费的,给three.js的学习带来了很大的阻碍,所以从那时起我就萌生了想要写这个教程的想法,希望和大家一起学习共同进步,学习的资料和源 阅读全文
posted @ 2017-08-17 12:31 JefferyChang 阅读(319) 评论(0) 推荐(0) 编辑