CODE/MOTION

数字媒体艺术专业 · 用代码画图、做动画、造交互。

render.js▪ ▪ ▪

const stack = ['p5.js', 'three.js', 'glsl'];
const wall = new Prism(works, 3);
wall.spin();  // 三棱柱作品墙

进入作品墙 → 技术栈

GENERATIVE ART ✦ P5.JS ✦ THREE.JS ✦ WEBGL ✦ PARTICLE SYSTEM ✦ RAYCASTER ✦ GLSL ✦ 3D INTERACTION ✦ GENERATIVE ART ✦ P5.JS ✦ THREE.JS ✦ WEBGL ✦ PARTICLE SYSTEM ✦ RAYCASTER ✦ GLSL ✦ 3D INTERACTION ✦

01作品墙

点正面卡片进入作品 · 点侧面卡片先转正 · 用浏览器返回键回到作品集

YAW 000° FACES 03 MODE ORBIT

—

源码新标签 ↗ OPEN →

02技术栈

GRAPHICS

p5.js

生成艺术、粒子系统、噪声场。作品 01 / 02 的图形都由它绘制。

noise()
particles
HSB

3D / REALTIME

Three.js

WebGL 场景、透视相机、射线拾取、渲染循环。作品墙与作品 03 都用它。

WebGL
Raycaster
CanvasTexture

SHADER

GLSL

片元着色器做颜色运算与波形扰动，正在补的部分。

fragment
noise
post-fx

03基本信息

IDENTITY

姓名杨博鑫
学号25610109131230
专业数字媒体艺术
年级大二在读 · 2025 级
课程网页编程 / 交互媒体设计

CONTACT

MAIL2677550741@qq.com
GITgithub.com/yang6598

全部代码与作品
均为本人独立编写。