我的小项目

我的小书: 网页设计

这确实是一段漫长的旅程。 我从大一（2021 年秋季）开始学习和迭代我的网站设计。 我记得我做了一个小型讨论论坛的小演示，用 GitHub Pages 部署并发布它，并让我的同学通过二维码访问它。 这个 Demo 只能让用户自己发贴。 所有帖子都在用户的设备上而且只有用户可见，这确实是我的第一次 Web 开发经历.

一开始, 大一, 我上了一系列关于 HTML、CSS、Javascript 和 Angular 的 Coursera 课程来学习 Web 设计和开发。 后来，为了我能够展示和演示我的网络/图形可视化，我学习了 Bruno Simon 的 ThreeJS 课程。 受到他课程中 React-Three-Fiber 的想法和便利性的启发，我通过 React 官网学习了 React。 距离 2021 年两年，2023 年秋天，我学习了 NextJS。 受到 Rust 书风格和理念的启发，我最终做出了这个网站。得陇望蜀真是人之常情 haha.

游戏学习: 竖四子棋

网络可视化: Multi-level Force-directed Graph Layout

这个是我时间跨度最长的一个想法了. 我从 2019 年开始思考如何能把网络漂亮的可视化. 当时我想可视化一个指尖游戏的游戏结构. 然后我就开始阅读 Dr.Hu 的一篇叫做"Efficient, high-quality force-directed graph drawing"的文章, 用 Python, C++, 和 Rust 迭代的实现, 加上学习 3D 网页技术去提升研究的有趣度和透明度加上展示最终结果.

迷你项目

给海螺心理社做赛博玫瑰

• 链接

该网站, 或者说网页, 是社团针对 2024 年情人节的一个小活动. 这是挺有趣的一个展示一株 3D 亮晶晶玫瑰的网页. 我当时也在学习如何在不同的 Threads 之间记录一个总的 State, 好比说那个 counting. 不过呢, 目前每次服务器重新启动时计数都会重置. 我暂时将初始计数设置为情人节前后我手动更新的数字.

Blender 里导入网络可视化和用网络的方式去理解模型

其实 3D 的模型也是由网络组成的, 只是在侧重上稍有区别: 3D 模型更关心一个个由三个节点组成的三角的位置, 而图可能往往更在意连接和关系. 初中的一位语文老师曾经说: "理解万岁." 理解各个不同的人, 不同的思路, 去解决不同的问题, 用不同的结构去表示网络, 也是很有意思的.

待整理

• 用网络可视化去制作艺术字和图片

• INFO303 可视化小强化学习模型学迷宫

• INFO303 用迷宫写艺术字并可视化深度优先搜索

• IS308 制作个介绍 Implicit Bias 的网页加选择题

• ThreeJS 练习们: 留声机, 传送门, 等等

• 3D 打印分形图案

• 使用 3D 水晶内雕技术去展示网络可视化的过程