我們已學會使用 text
現在來點較多花式的
第一個花式東西
是開始利用 string(字串)這詞
你也許會想:
「毛線?那是我家貓在玩的。」
但對編程師來説
字串是特殊用語
我們用來指一組文字
你可以將它想成一串字元
你的名字、你學校的名字
都是字串
你發出過的任何文字訊息
都是字串
就在這樣想
字串等於文字
我們已經用過字串繪圖和填色
我們可以一併使用變數和字串嗎?
當然可以!
就像你平時給變數一個數字
你也能給變數一個字串
我們可以說
var myName=(你的名字)
如 “Sophia”
記得加引號
我們就把變數 myName
放入引號文字裡
而不直接用 "Sophia"
像我們之前做的
這樣看來沒啥不同
但我們其實可以寫幾次
你看,一次那,一次那
我們也可添一點藝術風
你只需把這一個變數
改成你的名字
你的名字就出現三次
先刪除這個
如果想來點瘋狂的
字串可以相加嗎?
就像讓變數相加那樣?
沒錯,我們可以的
電腦會把兩字串連在一起
舉例來說
先刪掉這個
只要輸入一次
再用另一個 var message
它將會是 myName
加上一堆驚嘆號
如果我們將 message
放入 text 來畫這變數
而不直接用 myName
我們能看到
它做的只是放之前那些驚嘆號
到 myName 的後面
我們能令這更有趣點
如果我們想寫 message 兩次
這其實蠻合理
字串相加表示在一個字串後面
接上另一個
你可能想
我們能試試超瘋狂嗎?
把字串相乘、相除和相減如何?
這辦得到嗎?
恐怕不行
字串只能相加
數字變數可以相除和相減
但字串變數只能相加
但保持好奇心
和問這種問題
便是寫程式的正確態度
你可能會想: 字串相減代表什麼?
我們也能用字串
做動畫和滑鼠互動
例如,我們可以令
字串跟著滑鼠移動
只要把字串放入繪圖迴圈
像畫矩形一樣
怎麼做呢?
輸入 var draw
然後貼在這裡
這跟「動畫入門」一節很像
你可能會想,好
如果想讓它跟著滑鼠跑
就得用 mouseX 和 mouseY
嘿! 我們正用名字畫圖呢
當然如果我們想的話
也能輕易設定背景 background
我看,就淺藍色吧
現在字串就追著滑鼠囉
跟在矩形那節做的一樣
現在,來個最後的好玩把戲
利用動畫讓字體增大,增大,再增大
在這我們設 textSize 為 30
變數那一節學過
我們可以用 var howBig 等於 30
而不單單用 30
然後用這變數直接取代 30
現在效果一樣
接著要改變某東西才能做出動畫
設定 howBig 等於 howBig 加 1
意思是
記得 howBig 是多少嗎?
先前howBig多大
現在就加1讓它變大些
接著重跑程式
動動滑鼠,就像這樣了
字體越來越大
就因為有這一行
你自己可能會想
怎讓字體加速變大?
現在你不只學會
用程式碼控制形狀
你也學會於程式碼裏使用文字