随遇丿而安

作为一个3D的项目，从用户打开页面到最终模型的渲染加载的时间也会比普通的H5项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低loading...

自建博客网站 最开始使用 React 框架搭建了一套 SPA 网页，部署在 nginx 上，打包后的文件体积为 2M，放在腾讯云服务器上，下载完预计 12s 左右，体验感很...

弹簧系统三维可视化 实现历程 实现弹簧系统可视化需要经历模拟和渲染，模拟和渲染实际上是两个不同步骤。 模拟：输入物体质量和位置以及收到的力，输出该物体下一时刻的位置 渲染：...

贝塞尔曲线(面)二三维可视化(Three+d3) 展示一下二三维贝塞尔曲线的样子 功能一：重现二维和三维的贝塞尔曲线；功能二：可对二维贝塞尔曲线进行控制 理论基础 首先我们...

Blinn-Phong反射模型实践(web实现) 完成了 不带贴图的 Blinn-Phone 反射模型 带贴图的模型，但是纹理映射应用在顶点着色器上 带贴图的模型，纹理映射...

Canvas原生API(纯CPU)计算并渲染三维图 最终完成功能 Canvas 原生API实现三角形栅格化算法 实现 z-buffer 判断三角形先后关系 使用 super...

Latex 入门教程 1. 基本结构 整个 Latex 文件分为两个部分，第一个部分为导言区，第二个部分为正文区。具体内容如下 2. 中文处理 设置编辑器，查看 选项-》设...

图形学 旋转与投影矩阵-3 使用 THREEJS 作为基础框架，构建各类矩阵，自定义矩阵运算，最终完成 正确构建模型矩阵 正确构建透视投影矩阵 看到变换后的三角形 按 A ...

d3js 各种力的仿真 效果如下 1. 创建数据 首先创建两组 JSON 数据，这里我使用的是网上的数据。一组数据记录了每个点的信息，另一组数据记录了连接信息。 2. 代码...

图形学 旋转与投影矩阵—2 使用 THREEJS 作为基础框架，构建各类矩阵，自定义矩阵运算，最终完成 正确构建模型矩阵 正确构建透视投影矩阵 看到变换后的三角形 按 A ...

图形学 旋转与投影矩阵—1 使用 THREEJS 作为基础框架，构建各类矩阵，自定义矩阵运算，最终完成 正确构建模型矩阵 正确构建透视投影矩阵 看到变换后的三角形 按 A ...

利用齐次坐标进行坐标转换 目的 了解齐次坐标表示矩阵的意义 使用 threejs 和 tweenjs 模拟坐标转换过程 创建矩阵进行运算 给定点 P =（2，1），先旋转，...

算法--希尔排序可视化 现用工具 echarts 做排序过程可视化 希尔排序 算法性能取决于 h 其中 process 是用来存储过程的数组，每次变化的数组结果都存在该数组...

各位同学们大家好，又到了周末写文章的时间，之前群里有粉丝提问， 就是shader不是很理解。 然后今天他就来了， 废话不多说，读完今天的这篇文章你可以学到以下几点： 为什么...

视频投影分享 [TOC] 前置知识 物体与纹理 视频投影两个关键元素，模型与视频材质 物体组成 在虚拟世界中，所有物体由三角面构成（也有用四角形的，主流是三角形） 一般模型...

PIXI+THREE 效果 思路 初始化 PIXI 的 Application, 作为 pixi 最重要的变量 创建 container 并加入到 app.stage 中 ...

webgl 图像处理 图像处理2---图像传输 webgl 进行图形处理的第二步: 传输图片到 GPU 下图为传输图片并进行相应渲染的结果 对图像进行模糊处理, 并转换为数...

webgl 图像处理 图像处理1---数据传输 webgl 进行图形处理的第一步: 传输数据到 GPU 下图为传输点数据到 GPU 并进行相应渲染的结果 数据传输过程 创建...

Animation 初印象 播放动画需要基本元素 AnimationMixer 用于场景中特定对象的动画的播放器。一个对象可能有多个动作，Mixer 是用来管理所有动作的，...

Animation 体验一 其中涉及到 skeletion、clipAction、GUI Skeletion 在建模软件中可导出 skeletion，这里安利一个可以创建动...