threejs 源码解析
关注
分享
扫一扫
那年我七岁
学徒一个，在学习过程中遇到无数的问题，于是来到这里记录一下。
展开
-
Threejs Line3.js 中 closestPointToPointParameter 函数的意义
<h4> Line3.js中 closestPointToPointParameter() 函数意义 ；返回一个基于点投影到线段上的点的参数（就是参数point投影到线段的位置）， <hr> 如果 clampToLine 为true，那么返回值将是0和1之间</h4><script> /*----------------- 函数...原创 2018-09-05 17:35:17 · 998 阅读 · 0 评论 -
Threejs 源码解析（Box2.js）
import { Vector2 } from './Vector2.js';/** * @author bhouston / http://clara.io *//** * 二维包围盒，盒子类一般都是用来做包围盒，包围盒的作用是减少计算量，比如一个杯子，你要做射线拾取的话，你要与每个面计算是否相交 * ，才能得到是否与它相交，如果有成百上千的杯子，性能就会很低，用盒子把它包围着...原创 2018-09-10 23:42:45 · 1366 阅读 · 0 评论 -
Threejs 源码解析（Ray.js）
import { Vector3 } from './Vector3.js';/** * @author bhouston / http://clara.io *//** * @classdesc 射线类<br /> * 注释内容部分参照 http://blog.youkuaiyun.com/omni360 * @desc 创建一个原点为origin,方向为direction的射...原创 2018-09-10 23:44:07 · 1735 阅读 · 0 评论 -
Threejs 源码解析 (Object3D)
版本95本来想就这么用算了，可是发现好多都不理解，也就起了解析源码的心思，下苦功夫了，以前老版本的有人写过，不过threejs 更新太快，有些变动，并且他只是简单的注释，并未详细的解释，对于我这种刚开始接触的小白来说，数学就是一大硬伤，本来想做个原生的射线拾取，结果看的我一脸懵逼，跳的函数太多，刚开始容易迷路，所有就打算慢慢啃；方法都尽量解释，以便知道这样的方法为什么得这样的结果；相关连的...原创 2018-09-10 23:39:39 · 12028 阅读 · 0 评论 -
Threejs 源码解析（WebGLExtension.js）
/** * @author mrdoob / http://mrdoob.com/ *//** * WebGL 扩展 * @param gl webGL上下文对象 * @returns {{get: get}} * @constructor * 扩展详见：https://www.khronos.org/registry/webgl/extensions/ */functio...原创 2018-09-13 16:56:23 · 1496 阅读 · 0 评论 -
Threejs 源码解析（WebGLState.js）重要
解释有什么问题，说一下，不喜勿喷，转载请注明：七岁 https://blog.youkuaiyun.com/qq_25909453/article/details/82704620/** * @author mrdoob / http://mrdoob.com/ */import { NotEqualDepth, GreaterDepth, GreaterEqualDepth, E...原创 2018-09-14 16:09:43 · 1388 阅读 · 0 评论 -
Threejs 官网镜子demo源码分析
效果如下：这个功能其实跟webgl 编程指南中的纹理demo一样的思路思路是把相机放在镜子的位置，所形成材质，贴在镜子上面，这个有区别的是，它还计算了相机的位置，通过相机位置拿到与镜子镜像的相机位置，所形成的纹理；demo 如下：<!DOCTYPE html><html lang="en"> <head> ...原创 2018-12-18 16:23:08 · 3357 阅读 · 0 评论