threejs所用版本为 114dev 为每个面贴相同的图片 这个简单，几句话就搞定。 var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 ); var texture = new THREE.TextureLoader().load( '**.j ...
分类：
其他好文 时间：
2020-02-25 13:17:45
阅读次数：
212
什么是WebGL WebGL是在浏览器中实现三维效果的一套规范。 WebGL能做什么 游戏、家居、虚拟现实、城市地图、CAD制图等等 什么是Three.js three.js就是使用javascript 来写的，运行在浏览器上的3D程序。three.js是一个封装好的WebGL库，相当于简化了Web ...
分类：
Web程序 时间：
2020-01-31 12:07:59
阅读次数：
110
var geometry = new THREE.BoxGeometry(200, 200, 200);var materialsbg = [];for (var i = 0; i < geometry.faces.length / 2; i += 1) { var material = new T ...
分类：
Web程序 时间：
2020-01-16 12:35:15
阅读次数：
342
ThreeJS 开启阴影正确做法： 1. 渲染器启用阴影 renderer.shadowMap.enabled = true;2. 灯光产生阴影 light.castShadow = true;3. 物体遮挡阴影 obj.castShadow = true;4. 地面显示阴影 obj.receive ...
分类：
Web程序 时间：
2020-01-16 10:35:48
阅读次数：
206
THREE.js 封装了 TextGeometry 类可以很容易地生成三维文字 TextGeometry(text : String, parameters : Object) 参数说明 text — The text that needs to be shown. （要显示的字符串） parame ...
分类：
Web程序 时间：
2020-01-14 10:00:25
阅读次数：
389
首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条https://threejs.org/ 然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。在example/js/loaders目录，你会 ...
分类：
Web程序 时间：
2020-01-10 22:15:38
阅读次数：
144
坑！ 当项目决定要做宇宙星空效果的时候，我百度了一波；发现了threejs；然后就从0开始学习了；一路上坑坑洼洼的；网上确实有相关文章，但没有相对于新手的；尤其是我这种现看文档现做的；而且很多代码都是使用原生js或者jquery的； 这次是我把threejs引入angular8做的一个太阳系效果；至 ...
分类：
Web程序 时间：
2020-01-09 14:42:45
阅读次数：
729
在学习2D文字的时候，看到官网有这样一个示例： https://threejs.org/examples/ css2d_label 月球的运动轨迹，在刷新函数中是这样写的： 其中 月球的运动轨迹就是通过修改月球在三维坐标系中的x和z值来实现的。 也就是这行关键代码： x轴坐标： y轴坐标： 其中el ...
分类：
移动开发 时间：
2019-12-27 15:24:27
阅读次数：
419
threejs提供有 DragController.js的例子来辅助拖拽 该例子可以在基于当前屏幕的x和y轴上拖拽物体，但是它不能影响z轴。 查看代码，可以在touchStart\mousedown下找到下述代码： 该代码的意义在于： 1、要确定一个目标平面（_plane），物件将会在该平面上移动 ...
分类：
Web程序 时间：
2019-12-20 18:59:35
阅读次数：
520
GridHelper.js可以帮助绘制一个xz平面网格，它没有提供更多的参数，所以不能用于生成xy网格。 xy网格实现代码如下： ...
分类：
Web程序 时间：
2019-12-20 18:26:35
阅读次数：
213
