threejs
threejs技术
kevin.yau
这个作者很懒,什么都没留下…
展开
-
Threejs开发笔记之十纹理
什么是纹理 纹理就是为网格上每个像素指定颜色基本纹理使用function createMesh(geom, imageFile) { var texture = THREE.ImageUtils.loadTexture("../assets/textures/general/" + imageFile); var mat = new THREE.MeshPhongMaterial(); mat.m原创 2017-09-03 16:00:11 · 937 阅读 · 0 评论 -
Threejs开发笔记之九移动相机和动画
动画重复渲染function render(){ requestAnimationFrame(render) }通过鼠标选择对象var projector = new THREE.Projector();//Projector var tube;function onDocumentMouseDown(event) {event.clientYvector = vector.unprojec原创 2017-09-03 15:39:42 · 5414 阅读 · 0 评论 -
Thressjs开发笔记之八创建、加载高级网格和几何体
组合对象也就是把几个物体捆绑在一起,方便对整体做出统一的操作sphere = createMesh(new THREE.SphereGeometry(5, 10, 10)); cube = createMesh(new THREE.BoxGeometry(6, 6, 6));sphere.position.set(; cube.position.set();group = new THREE.Gro原创 2017-09-03 14:26:33 · 1269 阅读 · 0 评论 -
Threejs学习笔记之五几何体
二维几何体PlaneGeometry-矩形面//PlaneGeometry 矩形面(宽度,高度,宽线段数,高线段数) var plane = createMesh(new THREE.PlaneGeometry(10, 14, 4, 4)); //多个面 varmesh = THREE.SceneUtils.createMuutiMaterialObject(plane,[aMeterial,bMa原创 2017-09-03 13:13:45 · 1700 阅读 · 0 评论 -
Threejs开发笔记之四材质
材质介绍:材质就像物体的皮肤,可以决定物体的质感,透明度,线框。原创 2017-09-03 11:09:40 · 3511 阅读 · 0 评论 -
Threejs开发笔记之三光源
光源的种类 光源名称 描述 AmbientLight(环境光源) 颜色会直接作用物体的当前颜色上 PointLight(点光源) 一个点向所有方向 SpotLight(聚光灯) 聚光灯效果(范围)例如台灯 DirectionalLight(方向光源) 平行光源 例如太阳光 HemisphereLight(半球光) 创造自然室外光线,模拟反光和光线微弱的天原创 2017-09-03 00:01:03 · 1476 阅读 · 0 评论 -
Threejs开发笔记之二场景与基本组件
Scene场景的组件包括三种相机:决定哪些东西将要显示在屏幕上渲染 光源:它们对材质如何显示,以及生产阴影是材质如何产生影响 物体(Mesh对象):它们是在相机视图里主要的渲染对象:方块、球体等 Scene就是这些对象的容器。(Mesh对象)是区别相机和光源对象的方法,可以这样判断是不是Mesh对象if (lastObject instanceof THREE.Mesh) 场景函数变量 sce原创 2017-09-02 22:59:41 · 1512 阅读 · 0 评论 -
Threejs开发笔记之一
开始下载并引入一下类库 1.threejs库 2.JQuery库 3.代码资源基础概念坐标scene(场景)var scene = new THREE.Scene(); //实例化camera(相机)var camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000); camera原创 2017-09-02 20:13:48 · 1227 阅读 · 0 评论