js中~~和 | 的妙用

双~的用法~~它代表双非按位取反运算符,如果你想使用比Math.floor()更快的方法,那就是它了。需要注意,对于正数,它向下取整;对于负数,向上取整;非数字取值为0,它具体的表现形式为:~~null; // => 0 ~~undefined; // => 0 ~~Infinity; // => 0 --NaN; // => 0 ~~0;

- 阅读全文 -

着色器语言 GLSL (opengl-shader-language) 基础入门必看

着色器语言 GLSL (opengl-shader-language)基本类型类型说明void空类型,即不返回任何值bool布尔类型 true,falseint带符号的整数 signed integerfloat带符号的浮点数 floating scalarvec2, vec3, vec4n 维浮点数向量 n-component floating point vectorbvec2, bvec3,

- 阅读全文 -

3D图像不是有XYZ轴吗?为什么会有XYZW轴这一说???

3D图像不是有XYZ轴共3根轴吗?为什么会有XYZW轴这一说???显卡运算提及到像素RGBA和顶点XYZW都称为4D矢量运算像素的四个通道RGB(三原色)和A(透明度)这个4D矢量XYZ比较常见,但就是不懂得W轴是哪根轴这个W轴指的是什么?纯空间性的四维空间另有一对垂直于其他三个主要方向的主要方向。这一对方向处在另一条同时垂直于x、y、z轴的坐标轴上,通常称作w轴。对这两个方向的命名,人们的看法不

- 阅读全文 -

双击鼠标左键选中模型并显示信息

双击鼠标左键选中模型并显示信息。坐标系的概念首先,解释一下三种坐标系的概念:场景坐标系(世界坐标系)、屏幕坐标系、视点坐标系。场景坐标通过three.js构建出来的场景,都具有一个固定不变的坐标系(无论相机的位置在哪),并且放置的任何物体都要以这个坐标系来确定自己的位置,也就是(0,0,0)坐标。例如我们创建一个场景并添加箭头辅助。屏幕坐标在显示屏上的坐标就是屏幕坐标系。如下图所示,其中的clie

- 阅读全文 -

通过引入模型文件实现3d展示

ThreeJS 官方提供了DRACOLoader \ GLTFLoader \ MMDLoader \ MTLLoader \ OBJLoader \ OBJLoader2 \ PCDLoader \ PDBLoader \ PRWMLoader \ SVGLoader \ TGALoader本次实验使用的是GLTF格式注意:实验demo 仅参考了现有gltf模型可行性,若非gltf格式模型,尽可

- 阅读全文 -