# 範例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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cavedu.gitbook.io/cavedu/hangeekduino/processing_arduino/example01.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.