threejs2

Free HTML5 Bootstrap Template by FreeHTML5.co

108 THREE.JS 使用矩阵对3D对象进行位置设置

threejs 点击数: 0

大家都知道,对模型操作常用的就是 平移,旋转,缩放三种操作。
正常我们使用Three.js的时候,都是通过模型对象上面的position rotation scale进行设置相关。Three.js通过这三种依

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

107 THREE.JS 使用StereoEffect实现模拟VR双屏

threejs 点击数: 0

公司的项目里面需求一个手机模拟VR双屏幕的效果,然后可以使用VR头显,将手机放入来查看模拟3d的效果。
好在Three.js已经实现了这个功能这个文件位置在官方文件的路径:\examples

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

106 THREE.JS 实现配合使用web Workers

threejs 点击数: 364

之前一直想研究一下web Workers多线程处理,页面中使用web Workers大家可以转弯去web Workers多线程看一下如何使用。
这篇文章主要实现的是Three.js和web Workers一次简单的

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

105 THREE.JS 手动实现相机沿焦点旋转

threejs 点击数: 278

之前,我们一直使用相机控制器control来实现一些相关操作。比如是:OrbitControls.js,大家普遍都喜欢使用的一种控制器。
这种控制器有两个方法:getPolarAngle 和 getAzimuthalAng

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

104 THREE.JS 实现merge后显示相应的材质

threejs 点击数: 542

之前,我使用merge实现过63 THREE.JS 将多个网格合并成一个网格,当时只是简单的实现了一下几何体的merge,证明merge后的能够提高很大的性能。merge的几何体有弊端就是,merge以后,

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

103 THREE.JS 实现局部纹理刷新

threejs 点击数: 937

前言
由于公司的项目需要增加用户体验,而且图片尺寸比较大,动不动就会大于2k,4k,甚至更高。如果直接加载这样尺寸的图片,会需要很长时间,对于用户体验十分的不友好。
所以,需要首先

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

102 Three.js 使用几何体生成拱门形状

threejs 点击数: 743

这是我制作的一个简单的拱门形状的几何体。这个创建可以使用BSP插件创建两个模型一个立方体和一个圆柱进行求余。但是,今天我们不用插件,自己手动实现。接下来我说一下实现的

查看详情
Free HTML5 Bootstrap Template by FreeHTML5.co

101 Three.js 场景世界坐标和平面二维坐标互转

threejs 点击数: 2170

平面坐标转场景坐标这种转换由于是由2D转换为3D,所以转换过于以后,平面的坐标在场景坐标内的位置应该是从相机的near到far的一条直线。所以我们无法确定单个点的坐标,一般都是

查看详情

联系我们

一个人的力量不如两个人的,两个人的力量不如一群人的。欢迎加入大家庭一起共同学习,共同进步。

查看更多