笔记 Notes

这里记录形状、运动和声音怎样从数学关系变成可以运行的代码。图片和代码都来自项目本身。 These notes follow form, motion, and sound from mathematical relationships into working code. The images and excerpts come from the projects themselves.

A grand piano with the lid off and half the case cut away, showing the strings, the plate and the whole row of hammers.

2026 · 09

用代码造一台三角钢琴：从尺寸一路算到声音Building a Grand Piano in Code: From Dimensions to Sound

Building a Grand Piano in Code: From Dimensions to Sound

钢琴看上去是琴键、琴槌和弦，底下是一串互相咬住的杠杆。先把这些关系解出来，几何、动作和声音就都能从同一组尺寸里算出来。 A piano looks like keys, hammers and strings. Underneath it is a chain of levers that constrain one another. Solve those relationships first and the geometry, the motion and the sound all come out of one set of dimensions.

Two builds of the same concourse side by side; the departures board sits left of the four-face clock in one and right of it in the other.

2026 · 09

Blender 还是 Three.js：让 AI 把同一个场景建两遍Blender or Three.js? Having AI Build the Same Scene Twice

Blender or Three.js? Having AI Build the Same Scene Twice

同一个模型、同一份任务书，一边调用 Blender CLI 建模再导出，一边直接写 Three.js 代码。做这个实验不是为了给引擎排名，是为了下次接到需求时知道该拿哪把工具。 One model, one brief — driving the Blender CLI on one side, writing three.js directly on the other. The point of the experiment is not to rank engines, but to know which tool to reach for next time.

Sine waves, harmonics, and beat markers drawn over one sampling grid.

2026 · 08

从公式到一首歌：用代码和数学合成音乐From Formula to Song: Making Music with Code and Mathematics

From Formula to Song: Making Music with Code and Mathematics

声音在文件里只是一列数字。音高来自周期，音色来自谐波，起伏来自时间。把这些关系分层写进代码，一首歌就可以从零生成。 In a file, sound is only a column of numbers. Pitch comes from periodicity, timbre from harmonics, and phrasing from time. Layer those relationships in code and a complete piece can be generated from nothing.

At dusk, a dark green four-car train crosses flooded rails with warm windows reflected in the water.

2026 · 08

海上列车：用 Three.js 写一片安静的海Sea Train: Writing a Quiet Ocean in Three.js

Sea Train: Writing a Quiet Ocean in Three.js

这个场景只有几样东西：水、列车、电线和夕阳。画面能不能成立，取决于镜头、反射和时间之间的关系。 This scene contains only water, a train, wires, and a setting sun. Whether the image holds together depends on the relationships between lens, reflection, and time.

A procedural red steel road bicycle in Three.js, photographed from the drive side.

2026 · 08

用 Three.js 造一辆自行车：先算几何，再画模型Building a Bicycle in Three.js: Geometry Before Meshes

Building a Bicycle in Three.js: Geometry Before Meshes

自行车看上去是车架、轮组和传动，底下其实是一组互相约束的点。先把这些关系算清楚，再让 Three.js 负责画出来。 A bicycle looks like a frame, wheels, and a drivetrain. Underneath, it is a set of points constrained by one another. Solve those relationships first, then let Three.js draw the result.

RSS ↗