threejs 点击数: 10347
简介既然我们可以使用canvas元素创建纹理,Three.js也给我们提供了可以实现video创建纹理的方法。我们通过Three.js提供的VideoTexture来实现创建视频纹理。案例实现首先还是
查看详情
threejs 点击数: 6423
简介Three.js可以直接将canvas画布上的图像作为纹理绘制到模型上面。下面我们说一下如何实现案例实现首先,我们创建了一个canvas对象,并使用js在上面循环绘制图像。在上面绘
查看详情
threejs 点击数: 5469
简介前几节我们也了解了纹理一些用法,在这一节,我们进行自定义UV映射。并且还可以查看到wrapS和wrapT两个配置项不同的区别。实现原理要实现通过Three.js改变纹理的UV映射,我们
查看详情
threejs 点击数: 4841
简介我们可以通过设置高光贴图来实现部分区域反光。通过设置高光贴图,我们会发现,只有海洋部分会有发光,而陆地部分没有高光的效果。
一般来讲,像素的值越高(从黑到白),物体表面就
查看详情
threejs 点击数: 3527
通过案例可以看到,中间的球体不但可以和上一节一样看到环境贴图的相关纹理,连两边的模型都实现了反光的效果。这主要得益于cubeCamera的强大功能。简介使用THREE.CubeCamera可
查看详情
threejs 点击数: 4608
简介计算环境的反光效果对CPU耗费是非常大,而且通常会使用光线追踪算法。在Three.js中你依然可以实现发光的效果,只不过是做一个假的。我们可以通过将纹理贴图到模型上面来模
查看详情
threejs 点击数: 3327
简介之前的阴影效果都是通过特定的法向贴图或者凹凸贴图再或者使用Three.js渲染生成的,这一节,我们使用另一种方法来创建阴影,也就是使用光照贴图。光照贴图是预先渲染好的的阴
查看详情
threejs 点击数: 1870
左边为设置normalMap后的效果,右边为正常效果。我们会发现设置了normalMap后的立体感非常的强烈。简介法线贴图保存的不是高度信息,二十法向量的方向。简单来讲,使用法向贴图只
查看详情
threejs 点击数: 2420
简介凹凸贴图用于为材质增加厚度。我们用到的凹凸贴图是一张灰度图,当然你也可以使用彩色图。像素的密集程度定义的是凹凸的高度,但是凹凸图只包含像素的相对高度,没有任何倾斜
查看详情
threejs 点击数: 3852
构造函数Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )案例// load a texture, set wrap mode to repeatvar texture = new T
查看详情
threejs 点击数: 15651
简介上一节本想直接了结动画这一章。最后一想,没有做过模型动画切换的案例。就此,再加一章,关于模型多个动画之间如何切换的问题。案例实现首先,我们需要先将模型导入,之前案例
查看详情
threejs 点击数: 3878
简介上一节,我们导入了一个官方的FBX格式的骨骼模型,实现了动画效果。这一节,更换了dae格式的模型导入,主要是这个模型返回的数据和FBX的返回格式有一些区别,下面我们将在案例中
查看详情
threejs 点击数: 4952
简介上一节,深入了解了一下SkinnedMesh模型对象的创建。这一节,我们导入外部骨骼绑定的模型,来实现动画显示。由于Three.js支持的三维格式非常多,由于导入模式大同小异,我们就选
查看详情
threejs 点击数: 2730
简介这一节,为了提高自己对SkinnedMesh的理解,查看了官方文档里面的对于这一个功能的介绍。发现,官方竟然是通过手动创建了一个模型。并独自绑定了相关的骨骼,我们可以通过dat.
查看详情
threejs 点击数: 2778
简介变形动画十分简洁。Three.js知道所有目标顶点的位置,实现变形动画所要做的就是将每一个顶点从一个位置变换到另一个位置。而骨骼和蒙皮则要复杂一些。当你使用骨骼创建动
查看详情
threejs 点击数: 1500
简介morphTargetInfluences属性是mesh对象上面所含有的属性,是专门作用域同等下标下的morphTargets顶点的值对当前默认的顶点值的影响权重。 官网的介绍:An array of weights
查看详情
threejs 点击数: 3554
前言这几天一直在做一个小游戏案例。来巩固一下之前学到的东西。想看我制作出来的案例特效可以查看网址:http://www.wjceo.com/blog/demo/2018-04-09/144.html 下面开始这一
查看详情
threejs 点击数: 9804
简历指针锁定API允许您在游戏界面中锁定鼠标或其他指针设备,以便您不用绝对定位光标就可以获得坐标变化值,从而准确地判断用户正在做什么,并且还可以防止用户意外地进入另一块
查看详情
threejs 点击数: 6743
简介顾名思义,通过第一视角控制器你可以像第一视角射击游戏那样控制摄像机。鼠标用于控制视角,键盘用于控制移动角色。本人感觉最类似的效果就是cs游戏死亡后,能够随意漂浮的
查看详情
threejs 点击数: 4085
简介Tween.js是一个轻量级的JavaScript库,中文官网是:http://www.createjs.cc/tweenjs/。通过这个库可以很容易地实现某个属性在两个值之间的进行过渡,而且起始值和结束值之间
查看详情
threejs 点击数: 2994
简介模型导入到上一节也就先告一段落了,接下来,我将学习动画方面的知识。在这之前,我先复习了一下基础变化的相关知识。 基础动画就是缩放、位置和旋转,也就是配置模型的scale
查看详情
threejs 点击数: 3589
简介前几节我已经将现在一些经常使用的模型导入的方法。之前也接触粒子的创建。这个案例是把两者结合起来,通过导入模型获得几何体的数据,然后创建粒子。实现案例案例查看地
查看详情
threejs 点击数: 1320
简介PDB是一种非常特殊的格式,由Protein Data Bank(蛋白质数据银行)创建,用于定义蛋白质的形状。蛋白质数据银行(www.rcsb.org)包含了很多分子和蛋白质的详细信息,还可以用PDB格式
查看详情
threejs 点击数: 1154
简介Babylon是一个三维JavaScript游戏库,它以自己的内部格式存储模型。有关这方面的信息请访问http://www.babylonjs.com实现案例案例查看地址: 首先,引入script加载器
查看详情
threejs 点击数: 2143
简介VRML是Virtual Reality Modeling Language的缩写。这是一种基于文本的格式,允许定义三维对象和世界。它已被X3D文件格式取代。Three.js不支持加载X3D模型,但这些模型可以
查看详情
threejs 点击数: 904
简介Open asset import library(也称为Assimp)是一种导入各种三维模型格式的标准方法,是用此加载程序,由assimp2json转换的大量三维格式都可以导入模型,更多详细信息请访问https
查看详情
threejs 点击数: 710
简介AWD是一种用于三维场景的二进制格式,并且通常与http://away3d.com/引擎一起使用。请注意,此加载程序不支持压缩的AWD文件。实现案例案例查看地址: 首先,引入script加载
查看详情
threejs 点击数: 1618
简介PLY格式的全称是多边形(Polygon)文件格式,通常用来保存三维扫描仪的信息。这种格式只保存几何体数据,没有纹理颜色。实现案例案例查看地址: 首先,引入script加载器