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

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

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

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

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

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2Fsync%2Fe763938cd79dfd4484f04054607cdca1465054c2.png?generation=1621345880053202\&alt=media)

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

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2Fsync%2Fd2e524ea1e71189ef3fe4758be0a9a6b3b4720f7.png?generation=1621345879131901\&alt=media)

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

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2Fsync%2Fc974bc5e3f8a4ab53d18221f9099e4ccf3efc383.png?generation=1621345879441827\&alt=media)

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

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2Fsync%2Ffc85fc87c578c2be3cc4fe81401072087ff9325c.png?generation=1621345878805070\&alt=media)

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

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2Fsync%2F9648243d2af6f57fcbde886a7aea57380f3afd9e.png?generation=1621345879485109\&alt=media)