那一年,大家都被困在家裏。
我做了一個會旋轉的禮盒動畫,把“聖誕快樂”藏在五彩斑斕的盒子裏。
禮盒的外殼是一個不斷旋轉的光圈(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;
}
用代碼寫祝福,讓節日更有意義。
願每一位讀到這篇文章的朋友,都能感受到這份遲來的五彩祝福。