![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three-js
文章平均质量分 65
无关风月鱼
这个作者很懒,什么都没留下…
展开
-
Hello World(2) - - 加载纹理
本文可以做什么添加地面添加辅助坐标轴坐标轴的颜色给地面添加纹理调整纹理映射设置纹理包裹背面的纹理0. 本文可以做什么在前一节的基础上,添加了有纹理的地面 、辅助坐标。1. 添加地面在init()中加入// floor{ var mat = new THREE.MeshBasicMaterial({color:0xffffff}); var geom = new THR原创 2017-11-19 18:29:51 · 262 阅读 · 0 评论 -
Hello Wrold(2.5) - - Typescript
本来Hello World打算3篇写完的,但是中途又了解到还有一个WebGL库叫Babylon.js也很好用,就跑去试了下。结果好不好用没感觉出来,倒是因为这个库推荐用Typescript来写,到是感觉这个东西太好用了,有写AS3的感觉。于是就多了这篇,把之前写的都用Typescript重写下。本文做了什么搭建开发环境1 安装Visual Studio 20172 创建解决方案3 创建t原创 2017-11-21 23:12:45 · 242 阅读 · 0 评论 -
Hello World(3) - - 要有光
这是Hello World的最后一篇,给场景加入了简单的灯光。本文做了什么加入灯光添加光照模型所用的材质关于光照模型前路0. 本文做了什么给场景加入了灯光。1. 加入灯光在Project类的构造函数里加入// light{ let light = new THREE.PointLight(0xffffff); light.position.y = 3; this.s原创 2017-11-23 21:00:27 · 185 阅读 · 0 评论 -
简单的场景组织
three.js官方例子里有个看起来效果不错,其实非常简单的例子场景层次。 名字意思是场景层级,也就是场景结构。一般三维场景都是树形结构组织起来的。 一个父节点可以有多个子节点,这样递归起来自然就有了一颗场景树。官方的例子里用随机数在一个正方体空间里生成了许多小正方体,它们有不同的位置和旋转角,最后加上一个根据鼠标x,y位置改变相机参数的事件响应,就有了不错的效果。我就仿照其写了一个类似龙卷风的原创 2017-12-12 23:22:35 · 380 阅读 · 0 评论 -
Three.js - - Hello World(1)
这并不是算一个教程,更像是一个笔记,笔者水平有限;如果读起来感觉不对应该广泛查询资料。关于Threejs如何学习本文做了什么开始构键html页面加入js文件全局变量初始化创建场景创建相机创建渲染器创建三维物体渲染循环启动结果改进创建操纵器改进结果关于Three.jsThree.js是一个WebGL的库,可以快速在网页上创原创 2017-11-19 17:26:02 · 382 阅读 · 0 评论