three.js
ChorKiu
已工作一年左右
展开
-
初学three.js(二)画线条
// 三要素var scene=new THREE.Scene();var camera = new THREE.PerspectiveCamera(45,1,1,1000);camera.position.set(0,0,100);camera.lookAt(new THREE.Vector3(0,0,0));// 渲染器var renderer=new THREE.WebGLRe...原创 2018-09-08 18:59:25 · 2372 阅读 · 0 评论 -
初学three.js(三)照相机之正交投影照相机
针对投影方式不同,照相机分为正交投影照相机与透视投影照相机正交投影照相机 与 透视投影照相机的区别。1、透视投影照相机出来的效果是类似于人眼在真实世界中看到的有“近大远小”的效果。2、正交投影照相机就想是在数学几何学上画的正方体效果一样,对于在三维空间内的平行线,投影到二维空间中也一定是平行的。 正交投影照相机 正交投影照相机(Orthographic Camera)设置起来...原创 2018-09-09 10:31:53 · 1068 阅读 · 0 评论 -
初学three.js(四)几何形状之立方体
在创建物体的时候,需要传如两个参数,一个是几何形状(Geometry),另外一个是材质(Material)。在这篇文章先讲述几何形状。几何形状最主要的宫嗯那个是储存了一个物体的顶点信息。WebGL需要指定每一个顶点的位置,而在three.js里面,可以通过指定一些特征来创建几何形状。例如使用半径创建一个球体,从而省去了一个个指定顶点的工作量。在这里会介绍立方体、平面、球体、圆柱体、四面体、八面...原创 2018-09-15 22:10:48 · 1855 阅读 · 0 评论 -
初学three.js(一)创建立方体
1、三大组建 场景(scene) 相机(camera) 渲染器(renderer) 有这三样才能把物体渲染到页面上,才能够使用相机将场景渲染到网页上去创建三要素的代码:场景(场景是所有物体的容器,如果要显示一个苹果,就需要将苹果对象加入场景中。)相机,只要设置不同的相机参数,就能够让相机产生不一样的效果。定义一个相机的代码如下:渲染器 决定了渲染...原创 2018-09-07 14:43:37 · 1979 阅读 · 0 评论