天天看點

初識基于 Web 的可視化程式設計工具Google Blockly

大嬸向左不送,新手向右請進。

初識基于 Web 的可視化程式設計工具Google Blockly

最近工作中遇到:使用者自主編碼實作機器人動作的需求,是以了解到2012年6月由Google開發釋出的完全可視化的程式設計語言Google Blockly,類似MIT的兒童程式設計語言Scratch, 使用者可以通過類似玩樂高玩具的方式用一塊塊圖形對象建構出應用程式。每個圖形對象都是代碼塊,使用者可以将它們拼接起來,創造出簡單功能,然後将一個個簡單功能組合起來,建構出一個程式。整個過程隻需要滑鼠的拖曳,不需要鍵盤敲擊。适用于在編碼方面“小白”使用者,Google Blockly類似Google放棄的App Inventor,不清楚Blockly與App Inventor或Scratch有何聯系。今天就聊一下最近我通過查詢所了解的Google Blockly。

Blockly一種在網頁上運作的圖形化程式設計語言。使用者以拖拽拼圖的方式開發出應用程式,不需要任何的代碼編寫。 例如: 效果示範:走迷宮 – 使用Blockly語言破解迷宮路徑。

初識基于 Web 的可視化程式設計工具Google Blockly

代碼轉換 :Blockly代碼可以轉換成JavaScript, Dart, Python 或 XML 代碼。

初識基于 Web 的可視化程式設計工具Google Blockly

RTL – Blockly語言中right-to-left模式中的效果(阿拉伯語和希伯來語習慣). Blockly語言目前處于技術探讨階段,希望開發人員使用Blockly,給予回報,想出新的能使用它的地方,所有的 代碼都是開源的: 點選直接github下載下傳

下載下傳完成解壓後清單如下:

初識基于 Web 的可視化程式設計工具Google Blockly

因為

blockly是JS實作的,直接可以在浏覽器中使用。      
如果隻是需要運作blockly的話,用浏覽器打開 demos 目錄下的網頁(index.html)就可以了,如果是IE的話,需要設定允許JS執行。