原文:-Three.js开发指南---用three.js创建你的第一个三维场景(第一章)

本章主要做了下面的工作 生成一个简单的场景,该场景的物体只有平面和坐标轴 在第一个demo的基础上添加光源和方块物体,并生成阴影 在第二个demo的基础上,增加动画,使得方块进行旋转 在第三个demo的基础上,增加图形操作界面,改变方块旋转的速度 在第四个demo的基础上,我们使用ascII效果 这个没有做出来,不知道为什么asciieffect没有定义 在下面的demo中, 生成了场景,相机,渲 ...

2016-12-08 17:54 0 5777 推荐指数:

查看详情

Three.js开发指南---使用three.js的材质(第四

材质就像物体的皮肤,决定了几何体的外表,例如是否像草地/金属,是否透明,是否显示线框等 一 材质   THREE.js的材质分为多种,Three.js提供了一个材质基类THREE.Material,   该基类拥有three.js所有材质的公有属性,分为三类:基础属性,融合属性,高级 ...

Mon Jan 30 00:41:00 CST 2017 0 17213
Three.js开发指南---使用three.js里的各种光源(第三

本章的主要内容   1 three.js有哪些可用的光源   2 什么时候用什么光源、   3 如何调整配置各种光源   4 如何创建镜头炫光 一 光源  光源大概有7种,   其中基础光源有4种     环境光(AmbientLight会它的颜色会添加到整个场景和所有对象的当 ...

Sat Dec 10 06:24:00 CST 2016 0 13726
three.js入门第一个案例

准备工作 1.运用three.js进行3d开发,其实和页面编程一样,首先需要在html文件中引入three.jsThree.js使用面向对象的方式来构建程序,它包含3个基本对象: 场景(scene), 相机(camera), 以及一个渲染器(renderer)。 第一步: 引入 ...

Tue Jan 14 19:14:00 CST 2020 1 3185
Three.js开发指南---创建,加载高级网格和几何体(第八

本章的主要内容:   一, 通过Three.js自带的功能来组合和合并已有的几何体,创建出新的几何体   二, 从外部资源中加载网格和几何体   1 前面的章节中,我们学习到,一个几何体创建的网格,想使用多个材质的方法:   看似一个网格中有一个几何体,多个材质,其实该网格 ...

Wed Feb 01 20:09:00 CST 2017 1 7579
Three.js开发指南---粒子和粒子系统(第七

使用粒子可以很容易的创建很多细小的物体,例如雨滴雪花等 本章主要内容:   1 使用ParticleBasicMaterial(基础粒子材质)来创建和设计粒子   2 使用ParticleSystem来创建一个粒子集合   3 使用已有的几何体来创建一个粒子系统   4 让粒子和粒子系统 ...

Tue Jan 31 07:44:00 CST 2017 0 11212
Three.js开发指南---学习使用几何体(第五

一 基础几何体   1 二图形:二图形都是基于x和y轴构建的,即展示的形式就是他们都是“直立”的,如果希望这些二图形躺下,则需要将几何体沿着x轴向后旋转1/4圈 mesh.rotation.x=-Math.PI/2;   1.1 PlaneGeometry:平面几何 ...

Mon Jan 30 07:02:00 CST 2017 0 6358
three.js展示三维模型

1.概要 最近学习Three.js,尝试加载一些3d max导出的obj、stl模型,在展示模型的时候遇到了一些问题,模型的尺寸、位置和旋转角度每次都靠手工调整,非常的不方便,就想着写一个方法来随心所欲的控制模型的尺寸、位置、角度。 2.实现思路 先看看官方加载外部 ...

Thu Sep 19 23:55:00 CST 2019 2 837
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM