本文用两个框架，一个是threejs，一个是phaser3，其实流程都是一样。 nodejs、npm是基础，不再多说！ 首先新建一个文件夹命名three-study，然后npm init -y 用webpack工具，第一步要安装webpack主功能包： npm i webpack --save-de ...
分类：
Web程序 时间：
2019-12-06 11:31:03
阅读次数：
156
在数据可视化领域利用webgl来创建三维场景或VR已经越来越普遍，各种开发框架也应运而生。今天我们就通过最基本的threejs来完成第一人称视角的场景巡检功能。如果你是一位threejs的初学者或正打算入门，我强烈推荐你仔细阅读本文并在我的代码基础之上继续深入学习。因为它将是你能够在网上找到的最好的 ...
分类：
移动开发 时间：
2019-09-22 12:54:18
阅读次数：
236
threejs 开发使用插件Gui.js与three.js引擎如何联合使用
分类：
Web程序 时间：
2019-09-11 18:10:42
阅读次数：
137
前言 我们前面使用的是自己编写的ts，以及自己手动引入的jquery，由于第三方库采用的是直接引入js，没有d.ts声明文件，开发起来很累，所以一般情况下我们使用npm引入第三方的库，本文记录使用npm，typescript开发threejs3D项目，搭建基础实例，为以后开发具体业务做准备 项目结构 ...
分类：
Web程序 时间：
2019-09-04 19:23:11
阅读次数：
2168
3D定位、三维室内定位、3d建筑,3d消防,消防演习模拟,3d库房,3d档案室,3d密集架,webGL,threejs,3d机房,bim管理系统 ...
分类：
Web程序 时间：
2019-08-15 12:46:04
阅读次数：
168
选取gltf格式时，出现模型为黑色，模型出不来 原因： 我们设计部可能是用maya或者3dmax去做；在模型导出时，没有gltf格式；如果maya或者3dmax导出obj然后导进blender，再导出gltf格式，就容易再格式转换的过程中出现数据丢失。（这时候你会发现你展示出来的模型为黑色，在你代码 ...
分类：
Web程序 时间：
2019-08-08 13:04:03
阅读次数：
644
webgl调试 起初使用threejs 在小程序里面调试，明明是按着官方的文档来，但是会发现开发者工具上面会提示getContext，经过一翻摸索，发现webgl调试只能在手机端调试。 总结：webgl 调试在微信开发者工具中不支持调试，只能在手机上预览，调试起来起来很慢。每次调试都要不停的按编译， ...
分类：
微信 时间：
2019-06-26 19:17:10
阅读次数：
561
1、认识相机 在Threejs中相机的表示是THREE.Camera,他是相机的抽象基类； 其子类有两种相机，分别是正投影相机Three.OrthographicCamera和透视投影相机THREE.PerspectiveCamera. 关于两者之间的区别： 总结：透视投影有一个基本点，就是远处的物 ...
分类：
Web程序 时间：
2019-02-21 13:04:40
阅读次数：
170
目前three.js是浏览器展现3D效果的一个很强大的js工具，遗憾的是没有特别系统而全面的文档（threejs官方文档感觉有些缺漏，可以和WebGL中文网的threejs教程对比着看）。好了，根据WebGL中文网的threejs教程开始学习，因为教程里的部分代码已经不适用（过时）了，导致学习的时候 ...
分类：
Web程序 时间：
2019-02-09 00:51:16
阅读次数：
320
threejs已经有了sprite插件，这就方便了three的用户，直接可以使用threejs的sprite插件来制作GUI模型。sprite插件是阿里的lasoy老师改造过的，这个很厉害，要学习一哈他的源码。闲话少叙，我们来看一下如何用原生的webgl来实现sprite精灵效果。首先我们来看一个样 ...
分类：
Web程序 时间：
2019-01-20 11:58:52
阅读次数：
243
