threejs2

Free HTML5 Bootstrap Template by FreeHTML5.co

116 Three.js实现地形扫描效果

threejs 点击数: 1639

之前实现过,是利用的sprite永久朝向相机的特性实现的效果。但是这种效果对于雪还比较好,如果贴图修改成长条形的雨的话,从上往下看,就会有一种说不出的感觉,不真实。
而我也通过修改shader和自己拼接渲染数据,实现了一个比较简单的渲染效果。接下来讲解一下实现逻辑:

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

115 Three.js实现地形显示隐藏过渡效果

threejs 点击数: 573

之前实现过,是利用的sprite永久朝向相机的特性实现的效果。但是这种效果对于雪还比较好,如果贴图修改成长条形的雨的话,从上往下看,就会有一种说不出的感觉,不真实。
而我也通过修改shader和自己拼接渲染数据,实现了一个比较简单的渲染效果。接下来讲解一下实现逻辑:

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

114 Three.js实现深度遮挡的下雨特效

threejs 点击数: 938

之前实现过,是利用的sprite永久朝向相机的特性实现的效果。但是这种效果对于雪还比较好,如果贴图修改成长条形的雨的话,从上往下看,就会有一种说不出的感觉,不真实。
而我也通过修改shader和自己拼接渲染数据,实现了一个比较简单的渲染效果。接下来讲解一下实现逻辑:

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

111 three.js下雨进阶版,面只旋转y轴朝向相机

threejs 点击数: 2802

之前实现过,是利用的sprite永久朝向相机的特性实现的效果。但是这种效果对于雪还比较好,如果贴图修改成长条形的雨的话,从上往下看,就会有一种说不出的感觉,不真实。
而我也通过修改shader和自己拼接渲染数据,实现了一个比较简单的渲染效果。接下来讲解一下实现逻辑:

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

109 THREE.JS 判断一个点是否处于一个立方体内

threejs 点击数: 430

今天不知道是群里的哪个大佬起的头,是山椒大佬还是谁,说起判断一个点是否处于在一个立方体内。
然后我想了一下,就写一个案例吧,接下来说一下实现逻辑:
首先:将立方体的包围盒更新

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

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

threejs 点击数: 3163

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

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

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

threejs 点击数: 3197

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

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

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

threejs 点击数: 6232

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

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

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

threejs 点击数: 3092

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

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

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

threejs 点击数: 4194

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

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

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

threejs 点击数: 6883

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

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

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

threejs 点击数: 1871

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

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

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

threejs 点击数: 8093

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

查看详情

联系我们

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

查看更多