随遇而安

嗨，我是夏翔，一个热爱 3D 的前端开发者，喜欢探索好玩的新技术

个人简介

我的主要职责是前端 React 开发，涉及的核心技术框架包括 Hippy、React 和 Rollup 等，除此之外，还偶尔涉猎 WebGL、Pixi 和 Three.js 等领域的开发工作，拓展技能范围

让我们联系

技能

我的主要职责是前端 React 开发，涉及的核心技术框架包括 Hippy、React 和 Rollup 等，除此之外，还偶尔涉猎 WebGL、Pixi 和 Three.js 等领域的开发工作，拓展技能范围

前端开发

你会收到一份前端各类技术细节，各种 css 特效、旋转、缩放和 3d 特效，以及很多支持

3d 开发

您将收到一份从前端视角出发的指南，详细介绍如何学习图形学以及3D相关技术

项目

3D功能demo总结

1. 漫游功能, 具有2D鹰眼图；2. 轨迹线, 接收实时轨迹线, 渲染出来；3. 船移动的效果, 简单移动效果, 场景搭建；4. 漫游, 漫游功能；5. 模型交互；6. 视频投影；7. 分解爆炸图

Latex 入门教程

Latex 入门教程，整个 Latex 文件分为两个部分，第一个部分为导言区，第二个部分为正文区。具体内容如下，运行环境：texlive2021、texstudio-4.1.2-win-qt6

博客

自建博客网站+自动化部署+内网穿刺

自建 next 博客网站，旧电脑利用，内网穿刺，自动化部署

视频投影（二维视频投影到三维模型上

现在我们可以得到三个图 1. 上帝视角图 2. 投影相机视角图 3. 视频中的投影图其中，投影相机视角图 = 视频投影图（等式 1），2 = 3 因此，现在我们求出投影相机与模型产生的交点，并且根据 “等式1” 找到这个点的颜色，并将颜色赋值上去，最终便得到视频投影效果

d3js 各种力的仿真

> 我的理解，简单图形，比如柱形图，饼状图，条形图，要求不高可以直接用 echarts，自由度需要高些的使用 d3js，需要频繁交互的使用 pixi > 偶然发现 d3js 可以进行各种力的模拟，学习后进行分析，希望大家能点个赞，让我有更多动力。点赞过十，下星期分享一篇 d3js 入门教程

图形学旋转与投影矩阵-3

1. 正确构建模型矩阵 2. 正确构建透视投影矩阵 3. 看到变换后的三角形 4. 按 A 和 D 三角形能够进行旋转 5. 按 Q 和 E 三角形能够绕任意过原点的向量进行旋转