記錄一下:
App Inventor學習記錄203-貪食蛇(二),20×20網格編號改成22×22,增加貪食蛇的邊界
這個完成品會像這樣子。
%EF%BC%8C20x20%E7%B6%B2%E6%A0%BC%E7%B7%A8%E8%99%9F%E6%94%B9%E6%88%9022x22%EF%BC%8C%E5%A2%9E%E5%8A%A0%E8%B2%AA%E9%A3%9F%E8%9B%87%E7%9A%84%E9%82%8A%E7%95%8C6.png)
上一篇我們做的網格編號是 20×20,這一篇把網格改成 22×22。
從上面的圖片可以看到的,四周會有不見的編號,我用虛線框起來。這框起來的編號就是出界的編號。
另外要補充的是,畫布是可以在超出畫布範圍做文章。
畫面編排的部份跟上一部份是相同的。程式方塊修改的內容也有限,大部份都在上一篇中介紹過了,請大家對照著上一篇的說明。這裡就只針對有調整的部份作說明。
App Inventor學習記錄203-貪食蛇(一),背景配置
%EF%BC%8C20x20%E7%B6%B2%E6%A0%BC%E7%B7%A8%E8%99%9F%E6%94%B9%E6%88%9022x22%EF%BC%8C%E5%A2%9E%E5%8A%A0%E8%B2%AA%E9%A3%9F%E8%9B%87%E7%9A%84%E9%82%8A%E7%95%8C1.png)
首先,在抓編號的部份,我們改成編號除以 22。
因為現在我們有 22格。
%EF%BC%8C20x20%E7%B6%B2%E6%A0%BC%E7%B7%A8%E8%99%9F%E6%94%B9%E6%88%9022x22%EF%BC%8C%E5%A2%9E%E5%8A%A0%E8%B2%AA%E9%A3%9F%E8%9B%87%E7%9A%84%E9%82%8A%E7%95%8C4.png)
要產生 22×22的網格,所以這裡也調整了。
%EF%BC%8C20x20%E7%B6%B2%E6%A0%BC%E7%B7%A8%E8%99%9F%E6%94%B9%E6%88%9022x22%EF%BC%8C%E5%A2%9E%E5%8A%A0%E8%B2%AA%E9%A3%9F%E8%9B%87%E7%9A%84%E9%82%8A%E7%95%8C3.png)
編號的部份也有調整。
%EF%BC%8C20x20%E7%B6%B2%E6%A0%BC%E7%B7%A8%E8%99%9F%E6%94%B9%E6%88%9022x22%EF%BC%8C%E5%A2%9E%E5%8A%A0%E8%B2%AA%E9%A3%9F%E8%9B%87%E7%9A%84%E9%82%8A%E7%95%8C2.png)
用來計算填滿格子的數學公式也調整過了。
多的不說,請參考前一篇的說明。差別不是很多
App Inventor學習記錄203-貪食蛇(一),背景配置