dawn888

摘要： 创建场景中的三维模型往往需要设置显示大小、位置、角度，three.js提供了一系列网格模型对象的几何变换方法，从WebGL的角度看，旋转、缩放、平移对应的都是模型变换矩阵，关于矩阵变换内容可以观看本人博客发布的原生WebGL课程。 网格模型对象的旋转、缩放、平移等方法或属性可以查找three.js文 阅读全文

摘要： 评论区发现的建议，最近没空测试，先贴这 还有好多人说找不到插件的 https://pan.baidu.com/s/1Q5g0... 密码：b43e 。 应该是他们现在只是维护blender，只有这个的插件，不如改用blender？ 在自己做的一个小玩意中，发现要从3dMax中导出js文件供给thre 阅读全文

摘要： 现在根据鼠标点击的屏幕位置能够得到屏幕的坐标event.clientX和event.clientY，然后我的annotation就初始化在这个屏幕坐标的位置，那么如何绑定annotation和三维物体，使得物体旋转的时候可以让annotation跟随物体一起旋转呢？问题一：我知道的一种方法如下： / 阅读全文

摘要： 1.问题 three.js中模型选中使用的是射线法，根据摄像机角度，鼠标点击位置和模型选中的distance参数判断来选中模型。对于原生的矢量模型完全没有问题，但是当遇到导入的外部模型，如obj、stl等的时候，就发现完全选中不了，本文就如果解决选中外部模型和原生模型问题进行解决。 先说说射线法，参 阅读全文

摘要： 基础概念 坐标系 我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL替我们操作了许多事情。 世界坐标系：在webGL中，世界坐标系是以屏幕中心为原点(0, 0 阅读全文

摘要： 上一篇知道如何制作threejs地球之后，就正式coding了，当然还是使用最心爱的Vue。本篇会有一些代码，但是都是十几行的独立片段，相信你不用担心。 布局 在进入本篇主题前，要简单看一下xplan中的自适应解决方案，即如何在不同尺寸设备中，都保证地球最合适的大小和位置，并且与其配套的一些图片（虚 阅读全文

摘要： 上个月底，在朋友圈看到一个号称“这可能是地球上最美的h5”的分享，点进入后发现这个h5还很别致，思考了一会，决定要不高仿一个? 到今天为止，高仿基本完成， 线上地址 github地址 除了手机端的media控制没有去兼容，其他的基本都给仿了。 那为了让你觉得是高仿，最好使用chrome的手机调试模式 阅读全文

摘要： 这是我之前做的一个demo，导入的3d模型文件是obj格式的，需要使用OBJLoader和MTLLoader， mtl文件用于描述多边形可视面貌的材质如果你可以导出obj、mtl文件的话，那么就可以使用下面的代码把3d模型添加到three.js构建的场景里了 function loadBuild() 阅读全文

摘要： 公司要做智慧消防楼层可视化，需要用到web3d，开源的引擎中先研究了cesium三维地球，但cesium做楼层感觉是大材小用，而且体验也不好，最终选用的是功能强大、更适合小型场景的three。 three是图形引擎，而web二维三维地图都是基于图形引擎的，所以拿three来开发需求简单的三维地图应用 阅读全文