範例
由淺到深的忍者程式範例。每一個都可以直接在編輯器裡打開來改,跑起來就拿經驗值。
完成一個範例會拿到經驗值。同一個範例重複做,經驗會遞減:第二次剩一半,第三次剩四分之一,之後固定一點點。想升級就去挑新的。
範例清單
第一個圓
程式最基本的樣子:先畫布,再畫東西。注意每一行最後的 ._發布(),沒有它東西就不會出現。
基礎+15 經驗
會動的圓
把畫圖的動作放進 _無限循環,它每秒會重跑 60 次。每一次讓位置多加一點,看起來就會動。
基礎+20 經驗
跟著滑鼠
X 和 Y 這兩個字,隨時都是滑鼠現在的位置。不用呼叫任何函式,直接用就好。
基礎+20 經驗
重力與跳躍
精靈是「會動、會撞到別人的角色」。給它重力,它就會往下掉;給它地板,它就會停在地板上。
遊戲+25 經驗
接蘋果
一個完整的小遊戲。用到群組管理很多顆蘋果、用 _重疊 偵測接到、用變數記分數。
遊戲+40 經驗
迴圈畫花
迴圈讓你用三行程式畫出一百個東西。配合三角函數,就能排成圓形、螺旋、花瓣。
迴圈+30 經驗
按鈕和輸入框
畫面上不是只能畫圖,也可以放真正的按鈕和輸入欄。這些是瀏覽器原本就有的東西,所以手機上點下去會跳鍵盤,用鍵盤的 Tab 也選得到。
介面+25 經驗
把數字變成圖表
一堆數字看不出重點,畫成長條圖就一目了然。圖表和圓形、方形一樣,設定好之後 ._發布() 就會出現。
圖表+30 經驗
慶祝一下
答對了要有感覺。動效是設計師畫好的動畫,一行就能放到畫面上,比自己用程式畫一堆彩帶簡單太多。
動效+20 經驗
等一下再做
遊戲裡很多事情不是馬上發生:三秒後開始、每半秒生一隻怪。_稍後 和 _每隔 就是在說這件事。
時間+25 經驗
濾鏡和發光
同一張圖,加一層濾鏡就完全不一樣。模糊、灰階、變亮這些效果如果自己算,要用到大學的數學;這裡是一個指令。
特效+25 經驗
用文字畫地圖
平台遊戲的地圖不用一個一個算座標。把地圖排成幾行字串,'#' 就是牆,程式自己生出來。改地圖只要改那幾行字。
遊戲+40 經驗
聲音和動效
遊戲少了聲音,完成度感受差一半。內建的音效不用準備檔案,是程式算出來的;動效是設計好的動畫,一行就能放。
特效+25 經驗