Examples
Ninja-code examples from easy to hard. Open any of them in the editor and change them. Running one earns experience.
Finishing an example earns experience. Repeating the same one earns less each time: half on the second run, a quarter on the third, then a small fixed amount. To level up, try something new.
Examples清單
第一個圓
程式最基本的樣子:先畫布,再畫東西。注意每一行最後的 ._發布(),沒有它東西就不會出現。
基礎+15 XP
會動的圓
把畫圖的動作放進 _無限循環,它每秒會重跑 60 次。每一次讓位置多加一點,看起來就會動。
基礎+20 XP
跟著滑鼠
X 和 Y 這兩個字,隨時都是滑鼠現在的位置。不用呼叫任何函式,直接用就好。
基礎+20 XP
重力與跳躍
精靈是「會動、會撞到別人的角色」。給它重力,它就會往下掉;給它地板,它就會停在地板上。
遊戲+25 XP
接蘋果
一個完整的小遊戲。用到群組管理很多顆蘋果、用 _重疊 偵測接到、用變數記分數。
遊戲+40 XP
迴圈畫花
迴圈讓你用三行程式畫出一百個東西。配合三角函數,就能排成圓形、螺旋、花瓣。
迴圈+30 XP
按鈕和輸入框
畫面上不是只能畫圖,也可以放真正的按鈕和輸入欄。這些是瀏覽器原本就有的東西,所以手機上點下去會跳鍵盤,用鍵盤的 Tab 也選得到。
介面+25 XP
把數字變成圖表
一堆數字看不出重點,畫成長條圖就一目了然。圖表和圓形、方形一樣,設定好之後 ._發布() 就會出現。
圖表+30 XP
慶祝一下
答對了要有感覺。動效是設計師畫好的動畫,一行就能放到畫面上,比自己用程式畫一堆彩帶簡單太多。
動效+20 XP
等一下再做
遊戲裡很多事情不是馬上發生:三秒後開始、每半秒生一隻怪。_稍後 和 _每隔 就是在說這件事。
時間+25 XP
濾鏡和發光
同一張圖,加一層濾鏡就完全不一樣。模糊、灰階、變亮這些效果如果自己算,要用到大學的數學;這裡是一個指令。
特效+25 XP
用文字畫地圖
平台遊戲的地圖不用一個一個算座標。把地圖排成幾行字串,'#' 就是牆,程式自己生出來。改地圖只要改那幾行字。
遊戲+40 XP
聲音和動效
遊戲少了聲音,完成度感受差一半。內建的音效不用準備檔案,是程式算出來的;動效是設計好的動畫,一行就能放。
特效+25 XP