⑴ 有哪些方法可以用 javascript 在屏幕上畫出一個正方形
簡單回答一下吧。
Blockly是Google開源出來的一個圖形化編程框架,它的出現使得拖拖拽拽就能夠把大部分的編程邏輯描述出來,這合適非程序員和小孩。Blockly作為一個框架只提供了基本的封裝,而大部分的函數(功能)得根據具體的情況再進行封裝,如你說到的繪制一個矩形的功能也是需要根據具體情況來封裝來,再比如我之前用到的Espruino Web IDE就是封裝了很多單片機硬體操作功能(我也是通過它認識的Blockly,所以提一下)。
回到Blockly畫一個正方形,這里有一個Blockly的在線小游戲Blockly Games : Turtle Graphics,不知道奧玩的是否是這個游戲,這個游戲的第一關就是用Blockly代碼畫一個正方形。
打開游戲界面之後就是下圖了,中間的Turle和Loops是功能模塊選擇,從中選擇一個循環設置為循環4次、再選擇一個直行操作和一個拐彎操作,做出如下圖所示的組合,點擊左邊的Run Programe執行游戲:
圖片描述
如果正常的話你可以看到左邊的游戲界面上畫出了一個正方形,同時在右邊可以看到你的所有Blockly生成的js代碼(沒錯就是四行),
圖片描述
當然,除了用循環的方式來做你也可以老老實實的直走、右轉90度、直走、右轉90度、直走、右轉90度、直走來完成第一關(可能大部分非程序員就是這種邏輯了)。
在剛剛生成的Blockly代碼裡面,"直走moveForward"和"右轉turnRight"都是這個游戲對Blockly進行的封裝。我也只玩了第一關,說句實在的,這種方式對程序員來講還是太low了,突然間覺得比奧厲害很多了有沒有。
轉載,僅供參考。
