dawn888

摘要： //load_Model为需要居中的3D模型 //原理是通过boundingBoxHelper 来计算模型的大小范围 var hex = 0xff0000; var MD_Length,MD_Width,MD_height;//记录长宽高 var BaxH = new THREE.BoundingB 阅读全文

摘要： three.js是最近非常流行的一个前端webgl库。 js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载，而不需要引用其它的loader插件。 obj格式转js格式使用的是threejs.org官方提供的一个convert_obj_three 阅读全文

摘要： 这个项目的目的是用最简单的开发模式创建一个轻量级的3 d代码库，这个js库提供了canvas,svg,css3d和webgl这四种渲染方式。 下载地址: 下载地址：https://github.com/mrdoob/three.js/archive/master.zip 目录结构： .github目 阅读全文

摘要： 自己动手写一个方法比分析他人的写的方法困难很多，由此而来的对程序的进一步理解也是分析别人的代码很难得到的。 一、先来几张效果图： 1、场景中有两个半径为1的球体，蓝色线段从球心出发指向球体的“正向” 2、物体被选中后改变纹理图片和透明度，可以使用“w、s、a、d、空格、ctrl”控制物体相对于物体的 阅读全文

摘要： 本篇主要通过分析Tony Parisi的sim.js库（原版代码托管于：https://github.com/tparisi/WebGLBook/tree/master/sim），总结基础Web3D框架的编写方法。在上一篇的基础上，要求读者具有简短英文阅读或者查字典的能力。 限于水平和时间，本文难免 阅读全文

摘要： 1 /*在这里对这段时间学习的3D编程知识做个总结，以备再次出发。计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。*/ 2 /*第一部分，webgl与three.js基础介绍，要求读者掌握Ja 阅读全文

摘要： 最近又搞了一波网站的兼容,由于要求ie浏览器还是要兼容到ie8，所以调起来还是各种蛋疼。 现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hac 阅读全文

摘要： 创建场景中的三维模型往往需要设置显示大小、位置、角度，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跟随物体一起旋转呢？问题一：我知道的一种方法如下： / 阅读全文