文字作为纹理贴图 From:http://www.linhongxu.com/post/view?id=222 这里可以使用canvas作为纹理贴图，Three为我们提供里CanvasTexture 这样我们就可以利用canvas画上文字或者图形，用来填充纹理贴图。 From:https://www ...
分类：
Web程序 时间：
2018-10-13 21:43:36
阅读次数：
792
选中物体变红色demo: https://threejs.org/examples/#webgl_raycast_sprite From: https://www.cnblogs.com/xuejianxiyang/p/9732632.html ...
分类：
Web程序 时间：
2018-09-30 18:09:03
阅读次数：
902
本文来自网易云社区 作者：唐钊 Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它在 web 中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解 webgl 的世界。 3D 场景前置知识 下面我们依次详细学习以上的细分知识点。 相机 Three.js ...
分类：
Web程序 时间：
2018-09-27 11:16:12
阅读次数：
238
本文来自网易云社区 作者：唐钊 Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它在 web 中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解 webgl 的世界。 3D 场景前置知识 下面我们依次详细学习以上的细分知识点。 相机 Three.js ...
分类：
Web程序 时间：
2018-09-27 11:13:59
阅读次数：
182
为了对3D模型理解更透，这里采用threejs(WebGL第三方库)实现,刚开始学习入门，为了能看明白基本都注释清楚. 如果仅仅是为了实现全景图，可以用photo-sphere-viewer.js更方便(它也是基于threejs基础上重新封装的)移动端也支持。 由于拍照稳定性原因，导致图片偏位，后面 ...
分类：
其他好文 时间：
2018-07-30 21:34:44
阅读次数：
199
网址：https://github.com/anvaka/three.map.control 在threejs群里发现的一个很有意思的问题之前没有接触过： 存在的问题： 我在微信小游戏中，用orbit也会出现计算错误的情况，动一下就不见了。 解决办法： 发现了， 原来是小游戏里面获取不到 eleme ...
分类：
其他好文 时间：
2018-07-09 17:14:47
阅读次数：
388
网站： http://www.yanhuangxueyuan.com/Three.js_course/screen.html 方法.project 通过Vector3对象的方法project，方法的参数是相机对象，语句worldVector.project(camera);返回的结果是世界坐标wor ...
分类：
Web程序 时间：
2018-06-06 12:34:22
阅读次数：
364
纹理 纹理用来表现物体的细节。理论上可以将物体的每个细节建模出来，但是这样时间成本和性能成本都太高，因此，将物体的一些细节用纹理来表示。 图片纹理 图片纹理直接在物体表面应用图片。可以使用TextureLoader类的load方法来加载纹理。 注意加载图片是异步的，所以这里我们使用render循环来 ...
分类：
Web程序 时间：
2018-05-28 16:12:24
阅读次数：
387
首先，如果想要学习threejs，先去看看 官方基础教程 ，里面阐述了threejs的核心概念和一些重要的对象。这边文章就是具体使用threejs加入3D图形的一个水文，看了自由添加其他物体有个参照。 使用threejs绘制3D图形，一般绘制的结果都是通过canvas元素生成，对于平面、3D效果、视 ...
分类：
Web程序 时间：
2018-05-28 00:59:18
阅读次数：
1295
基础概念 坐标系 我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL替我们操作了许多事情。 世界坐标系：在webGL中，世界坐标系是以屏幕中心为原点(0, 0 ...
分类：
Web程序 时间：
2018-05-22 14:59:07
阅读次数：
1190
