Three.js入门篇（一）创建一个场景
上一面讲述了向场景中添加物体对象。这一篇准备把每个功能点细细的讲述一遍，一方面是为了加深自己的理解。另一方面希望能够 帮助到有需要的人。 一、在学习WEBGL的时候，你应该先了解要创建一个WebGL程序需要哪些步骤。就跟弄梅菜扣肉一样，需要哪些步骤。 初始化WebGL绘图 ...
原文：用three.js创建一个简易的天空盒
本文创建的天空盒是用六张图片来创建的。笔者会论述两种方法来创建，都是最简单基本的方法，不涉及着色器的使用。一种是创建一个盒子，然后将图片作为盒子 个面的纹理贴上来创建。另一种则是简单的将纹理作为场景的背景来创建。两种方法视觉效果是几乎没区别的，会给人身临其境的效果，感觉身处在这个 维空间里，最明显的区别就在于当你在用鼠标滚轮缩进的时候，天空盒会 原形毕露 ，暴露出其盒子的本性，视觉效果原理展现在你 ...
2017-08-02 14:19 0 2065 推荐指数：
相关推荐
-Three.js开发指南---用three.js创建你的第一个三维场景（第一章）
本章主要做了下面的工作 1 生成一个简单的场景，该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体，并生成阴影 3 在第二个demo的基础上，增加动画，使得方块进行旋转 4 在第三个demo的基础上，增加图形操作界面，改变方块旋转的速度 ...
Three.js构造一个简单的房间
主要研究three.js在3D场景中基本使用:画一个简单的房子、房子上画门和玻璃、房间内放一个床、定义鼠标事件可以移动场景、动画的使用等。 1.Three.js画的一个简单的房子，模拟地板以及四堵墙 准备素材: 3.jpg模拟地板 4.jpg模拟墙 代码 ...
在three.js中创建一个小球并且小球在外部添加辉光
本文参考 ： https://blog.csdn.net/srk19960903/article/details/78734238 我在这里，非常感谢大佬的分享！！！！！ 逻辑步骤： 1.创建两个球体，一个作为原始物体，一个略大一些作为它的辉光。 2. ...
three.js 材质
今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...
three.js 曲线
上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 ...
Three.js入门
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 什么是threejs，很简单，你将它理解成three ...
three.js 之旅 （三）
创建模型： 1.长方体： THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments) width是x方向上的长度； height是y方向上的长度； depth是z方向 ...