> For the complete documentation index, see [llms.txt](https://cavedu.gitbook.io/cavedu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cavedu.gitbook.io/cavedu/hangeekduino/processing_arduino/example01.md).

# 範例01\_Processing IDE 下載、基本範例

請跟著以下影片一起完成第一個範例吧，本範例要取得 Processing IDE 並執行內建範例玩玩看，您會知道 Processing 語言的簡潔與功能豐富，真的很棒！

## 【教學】Processing 互動裝置藝術結合 Arduino 小教室\_ep1 下載Processing

{% embed url="<https://youtu.be/7C8ZCVtKMsk>" %}

請根據您的作業系統下載對應的 Processing IDE (<http://processing.org)，Processing> 主頁面如下：

![](/files/-M_zjfQo7fkLfkeX1ZlY)

請點選 [Download](https://processing.org/download/)，並根據您的作業系統來下載對應版本的 Processing，本系列文章將在 Windows 10 作業系統上操作 Processing 3.5.4 版。

![](/files/-M_zjfQuSyHMM3NEytMq)

下載 .zip 檔之後解壓縮，在解壓縮後的資料夾找到 Processing.exe，點兩下即可啟動，主畫面如下。多數的功能都很直觀，我們會在後續的範例陸續介紹。

![](/files/-M_zjfQyP9R6bAS0-En3)

如果等不及的話，請點選 Processing IDE 的 File / Example，會新開一個視窗，裡面的範例都可以直接執行。

![](/files/-M_zjfR38bdL-b7msHj-)

試試看 Input / Mouse1D 範例，點選 Run 按鈕就可以執行，在畫面中左右移動滑鼠就可以看到兩個方塊改變大小與透明度。

![](/files/-M_zjfR8_f3mA16EYXs7)