three.js入门系列之光和阴影
初中物理教过我们镜面反射和漫反射，这是由于物体的材质直接导致的。在three.js中，由于物体的材料不同，对于光源的反应也是不一样的，下面就让我们一探究竟。一、材料据Three.js中描述，有两种材料能对光源有所反应：就是图中箭头标识的两种材料。二、检验编辑前例，设置光源位置：如图所示，我们在（1,...
Three.js开发指南---创建，加载高级网格和几何体（第八章）
本章的主要内容：一， 通过Three.js自带的功能来组合和合并已有的几何体，创建出新的几何体二， 从外部资源中加载网格和几何体1 前面的章节中，我们学习到，一个几何体创建的网格，想使用多个材质的方法：var mesh=THREE.SceneUtils.createMultiMaterialObje...
拾取模型的原理及其在THREE.JS中的代码实现
1. Three.js中的拾取 1.1. 从模型转到屏幕上的过程说开由于图形显示的基本单位是三角形，那就先从一个三角形从世界坐标转到屏幕坐标说起，例如三角形abc乘以模型视图矩阵就进入了视点坐标系，其实就是相机所在的坐标系，如下图：进入视点坐标系后，再乘以投影矩阵，就会变换到一个立方体内，如下图:这...
Three.js基础探寻四——立方体、平面与球体
前面简单介绍了webGL和Three.js的背景以及照相机的设定，接下来介绍一些Three.js中的几何形状。1.立方体虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是：THREE.CubeGeometry(width,heigh...
WebGL three.js学习笔记 创建three.js代码的基本框架
WebGL学习----Three.js学习笔记（1）webgl介绍WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。WebGL技...
THREE.js代码备份——线框cube、按键、鼠标控制
<!DOCTYPE html><html lang="en"><head> <title>three.js canvas - geometry - cube</title> <meta charset="utf-8">...
Three.js 进阶之旅：物理效果-碰撞和声音 ????
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块...
three.js 源码注释（八十八）extras/GeometryUtils.js
商域无疆 (http://blog.csdn.net/omni360/) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句：商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究：数据可视化、GOLANG、Html5、WEBGL、THREE.JS，否则，出自本博客的文章拒...
从Blender导出的json对象中处理Three.js中的3维
I was wondering if there is a way for the user to manipulate manually from my website a 3d object that was created by Blender and exported in json for...
three.js css3d全景停止动画加载
I'm using three.js css3d panorama and I would like to stop animation on load. I want a static panomara on load and it moves only throw user action. Ho...
THREE.js跟踪模型（对象）
I am loading .obj files using THREE.OBJLoader() and pushing each object in myobj[] array after adding it to screen. 我正在使用THREE.OBJLoader（）加载.obj文件，并在...
Three.js 进阶之旅：新春特典-Rabbit craft go ????
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要兔年到了，祝大家身体健，康万事顺利。本文内容作为兔年新春纪念页面，将使用 Three.js 及 其他前端开发知识，创建一个以兔子为主题的 3D 简单的趣味页面 Rabbit cr...
WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记（5）点击查看demo演示Demo地址：https://nsytsqdtn.github.io/demo/360/360简单网格材质 MeshNormalMaterialMeshNormalMaterial是一种不受渲染时使用的颜色影响的材质，它只与自己...
three.js 地形纹理混合
地形生成通常使用高度图， 而高度图的生成可以使用绘图工具，或者通过分形算法生成，例如square-diamond, fbm方法。 这里采用简单求平均值+随机波动的方法。 对于一个2^n+1 * 2^n+1 的网格， 中心点的高度是四角点的平均值加随机偏移， 边上中点的高度值是边两端点的平均...
three.js 地形纹理混合
地形生成通常使用高度图， 而高度图的生成可以使用绘图工具，或者通过分形算法生成，例如square-diamond, fbm方法。 这里采用简单求平均值+随机波动的方法。 对于一个2^n+1 * 2^n+1 的网格， 中心点的高度是四角点的平均值加随机偏移， 边上中点的高度值是边两端点的平均值加...
three.js地球没有加载纹理
I recently downloaded three.js and tried creating an earth in the universe. It's all working quite good, but when I try to put a texture on my Sphere,...
three.js .png图像渲染白色而不是它应该
I am trying to get a .obj to render with a .png texture, however when I put the .png texture, the head turns white as seen here: 我试图用.png纹理渲染一个.obj,但是...
Three.js canvas：卸载/加载纹理下一张全景图像
what is the best practice for display next panorama ? (change images) like this ? 显示下一个全景图的最佳做法是什么? (改变图像)像这样? Event click button -> 事件单击按钮 - > ...
three.js 微信小游戏
最近在 https://classroom.udacity.com/courses/cs291 学习了一些 3D 引擎和 three.js 的知识把 three.js 弄到微信小游戏里，先随便跑一跑最终效果：代码结构如下：(先忽略 audio 和 images, 这里先不用)game.js 代码im...
关于three.js中添加文字的方式[转]
https://blog.csdn.net/qq563969790/article/details/76584976网上资料大部分是通过引入外部font库进行文字效果的载入，但是在实际运行的时候发现非常占用资源。于是不得不想另一种方法。于是想到了three.js中的粒子系统。这当中有个很gay的骚操...