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格式模型,尽可能转换为gltf或上

- 阅读全文 -

Vue/React页面引入three.js实现3d动画场景

页面引入three.js实现3d动画场景研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的 3D 引擎,你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。所需依赖我们开始引入three.js相关插件。npm install three2.接下来利用npm安装轨道控件插件:npm install thre

- 阅读全文 -

AxiosStream-使用Axios和Blob对象实现文件流下载(axios二进制流文件下载)

AxiosStream通过axios下载流文件该库仅适用于使用axios作为HTTP请求库的WEB项目请先安装axios,然后再使用axios-stream 它解决的问题:使用Axios和Blob对象实现文件流下载如何使用:1.安装npm install axios-stream或yarn add axios-stream2.参考从“ axios-stream”导入AxiosStream;3.调用

- 阅读全文 -

AXIOS 执行多个并发请求

执行多个并发请求AXIOS官方处理方式 const getUserAccount =()=> { return axios.get('joynop.com/user/12345'); } const getUserPermissions =()=> { return axios.get('joynop.com/user/12345/permissions'); } ax

- 阅读全文 -

ES6 尾调用和尾递归

什么是尾调用?尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。function f(x){ return g(x); }上面代码中,函数f的最后一步是调用函数g,这就叫尾调用。以下三种情况,都不属于尾调用。// 情况一 function f(x){ let y = g(x); return y; } /

- 阅读全文 -

getElementById和querySelector方法的区别

js原生的DOM选择符,getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。说不定一不小心就发现彩蛋了。那么我们来说说上面那几个方法。"querySelector 属于 W3C 中的 Selectors API 规范 。而 getElementsBy 系列则属于 W3C 的 DOM 规范"------

- 阅读全文 -

页面可见性判断:document.hidden与visibilitychange事件

 我们需要在特定的时候判断页面的显示状态,例如:当视频加载到可播放状态时,根据用户是否停留在当前页面来决定是否开始自动播放。页面的展示的状态的判断就需要用到html5新增的一个api:document.hidden。  document.hidden属性:bool型,表示页面是否处于隐藏状态。页面隐藏包括页面在后台标签页或者浏览器最小化。  visibilitychange事件:当文档的可见性改变

- 阅读全文 -

JavaScript执行机制

大纲  1. 场景分析  2. 执行机制相关知识点  3. 以实例来说明JavaScript的执行机制  4. 相关概念1. 场景分析/* 以下这段代码的执行结果是什么? 如果依照:js是按照语句出现的顺序执行这个理念, 那么代码执行的结果应该是: //"定时器开始啦" //"马上执行for循环啦"

- 阅读全文 -

跨端扫码确认实现Web登录(扫二维码登录)

起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能以下为伪代码,仅供查阅前端需要两个路由,两个页面login提供Web端用户登录和扫码图片仅提供扫码展示,密码登录不写了login2提供给跨端用户(如手机端)扫码进入主要为二次确认,提供确认登录和取消登录确认登录后,页面跳转至lo

- 阅读全文 -