上一页 1 2 3 4 5 6 ··· 10 下一页
摘要:1.设置后期处理 设置Three.js库为后期处理做准备,我们需要通过以下步骤对当前的配置进行修改: 1)创建一个EffectComposer(效果组合器)对象,然后在该对象上添加后期处理通道。 2)配置该对象,使它可以渲染我们的场景,并应用额外的后期处理步骤。 3)在render循环中,使用Eff 阅读全文
posted @ 2017-05-07 09:21 heavi 阅读 (3779) 评论 (3) 编辑
摘要:1.创建可用Physijs的基本Three.js场景 创建一个可用Physijs的Three.js场景非常简单,只要几个步骤即可。首先我们要包含正确的文件, 需要引入physi.js文件。实际模拟物理场景时非常耗费CPU的,如果我么能在render线程中做的话,场景的帧频会受到严重的影响。为了弥补这 阅读全文
posted @ 2017-05-07 09:21 heavi 阅读 (2111) 评论 (0) 编辑
摘要:UV映射是一个用来2D图片纹理转换3D网格的标准技术。U和V表示平面坐标的两个轴,对应了3D空间中X、Y和Z。Blender手册是这样解释UV映射的:想象一个3D模型对象,例如一个球体,平铺到桌面上。每个3D的坐标都会在平面上有一个2D坐标对应。Blender提供了另外一种界面“UV/Image E 阅读全文
posted @ 2017-05-05 00:43 heavi 阅读 (4244) 评论 (1) 编辑
摘要:1.如何通过鼠标获取网格对象 首先需要把鼠标的起始位置在左上角的屏幕坐标转换为笛卡尔坐标。然后将坐标转为为以Camera为中心点的三维空间坐标。接下来根据摄像头位置和鼠标位置的法向量创建射线对象。最终根据射线对象的intersectObjects函数确认哪个网格被选中。 下面是比较经典的使用方法: 阅读全文
posted @ 2017-04-30 20:44 heavi 阅读 (934) 评论 (1) 编辑
摘要:加载和使用纹理需要了解以下几个方面:在Three.js里加载纹理并应用到网格上;使用凹凸贴图和法线贴图为网格添加深度和细节;使用光照贴图创建假阴影;使用环境贴图在材质上添加反光细节;使用光亮贴图,让网格的某些部分变得“闪亮”;通过修改网格的UV贴图,对贴图进行微调;将HTML5画布和视频元素作为纹理 阅读全文
posted @ 2017-04-28 01:42 heavi 阅读 (1829) 评论 (1) 编辑
摘要:1.对象合并 使用THREE.Group对象作为组合对象,调用它的add函数附加其他几何体。如下面的代码,创建了两个几何体sphere、cube,然后调用group的add函数,把两个几何体组合在一起。代码中的redraw函数在最后调用了position.BoundingBox()函数,用来定位组合 阅读全文
posted @ 2017-04-25 21:38 heavi 阅读 (775) 评论 (0) 编辑
摘要:1.粒子材质和粒子几何体 创建粒子系统的点,可以存放在Geometry几何体中。使用Geometry的vertices保存点、colors保存点的颜色。但我们必须使用粒子的专用材质对象PointCloudMaterial(原名叫做ParticleBasicMaterial)设置材质。包含的属性如下列 阅读全文
posted @ 2017-04-23 23:53 heavi 阅读 (2039) 评论 (0) 编辑
摘要:1.简单几何体 three.js提供的稍微简单点的几何体包括有:PlaneGeometry(平面)、CircleGeometry(圆形)、ShapeGeometry(塑性)、CubeGeometry(立方体)、CylinderGeometry(圆柱)、TorusGeometry(圆环)、TorusK 阅读全文
posted @ 2017-04-22 02:00 heavi 阅读 (3634) 评论 (0) 编辑
摘要:1.three.js库提供的光源 three.js库提供了一些列光源,而且没种光源都有特定的行为和用途。这些光源包括: 光源名称/描述 AmbientLight(环境光)/这是一种基础光源,它的颜色会添加到整个场景和所有对象的当前颜色上 PointLight(点光源)/空间中的一点,朝所有的方向发射 阅读全文
posted @ 2017-04-20 23:26 heavi 阅读 (3539) 评论 (0) 编辑
摘要:1.three.js提供哪些材质? MeshBasicMaterial(网格基础材质)/基础材质,,可以用它富裕几何体一种简单的亚瑟,或者显示几何体的线框 MeshDepthMaterial(网格深度材质)/根据网格到相机的举例,这种材质决定如何给网格染色 MeshNormalMaterial(网格 阅读全文
posted @ 2017-04-20 23:25 heavi 阅读 (4052) 评论 (0) 编辑
上一页 1 2 3 4 5 6 ··· 10 下一页