那一年,大家都被困在家里。
我做了一个会旋转的礼盒动画,把“圣诞快乐”藏在五彩斑斓的盒子里。
礼盒的外壳是一个不断旋转的光圈(torus),闪耀着 WebGL 的七彩光泽。
而礼盒的内芯,是一句贴在立方体上的祝福:“圣诞快乐”。
在这样的节日,我们更希望孩子能在创意中成长,
能用代码送出温暖,哪怕只是一小段动画。
完整 JavaScript 源代码(p5.js):
let angle = 0;
let love;
function setup() {
createCanvas(600, 600, WEBGL);
rectMode(CENTER);
fill(150, 0, 200);
stroke(255);
love = createGraphics(400, 200);
love.fill(255);
love.textAlign(CENTER);
love.textSize(64);
love.text('圣诞快乐', 180, 110);
}
function draw() {
background(0);
normalMaterial();
rotateX(angle);
rotateY(angle * 0.3);
rotateZ(angle * 1.2);
torus(200, 40);
texture(love);
box(160);
angle += 0.01;
}
用代码写祝福,让节日更有意义。
愿每一位读到这篇文章的朋友,都能感受到这份迟来的五彩祝福。