Golden Thumb

1-on-1 tutor for math & coding
個人資料
正文

疫情期間的聖誕節,人們需要這樣的五彩祝福

(2025-05-20 01:59:45) 下一個


那一年,大家困在家裏。
做了一個旋轉動畫,把“聖誕快樂”五彩盒子裏。

外殼一個不斷旋轉光圈(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;
}

代碼祝福,節日更有意義。
每一這篇文章朋友,都能感受到遲來五彩祝福。
 

 

[ 打印 ]
評論
目前還沒有任何評論
登錄後才可評論.