top of page
此網站是使用
.com
網站幫手設計的。立即用來製作您的網站吧!
立即開始
[無界塾 - Let's Code!]
JavaScript
教學首頁
Documentation
API
形狀編輯器
JavaScript 基本概念
draw 函數與東化基本概念
作品範例
繪圖 - 作品範例
動畫 - 作品範例
遊戲 - 作品範例
模擬- 作品範例
其他- 作品範例
工具介紹
額外的練習
繪畫練習
課程記錄與狀態
Blog
More...
Use tab to navigate through the menu items.
動畫 - 作品範例
Jumping Hopper!
角色是 image。每次跳到的高度是隨機的(中間以上)。背景的天空從下面白色變上面的天藍色的效果怎麼來的呢?用 for-loop 來畫 400 條線,用 lerpColor 與兩個顏色來算出每一條線的顏色。
LoC: 126
Concepts: {animation},{random},{mouse},{pushMatrix},{translate},{scale},[lerpColor},{bezier}
Sailboat
雲跟海洋是很多半透明的橢圓形來做出來的。
字體很漂亮。
船的動作難度比較高:是用三角函數 (
sin
) 的基本數學使得動做很定期很 smooth。
LoC: 71
Concepts: {animation}, {random}, {bezier}
Glowing Circles
LoC: 55
Shooting Stars
LoC: 25
Doomsday ("等一下~")
LoC: 893
Wavy Rainbows
LoC: 42
stars
LoC: 124
Peppermint Falls Chalet: Gingerbread House Contest Entry
LoC: 1191
bottom of page