ミジンコでもわかる。
Processingをwebページに載せる方法だよ！

1. Processing.jsをダウンロードせよ

まず、このサイトから「processing.js」という名前のファイルをダウンロードして、.htmlファイルが入っているフォルダーの中に入れて置こう。

2. 以下を.htmlファイルの中に貼り付けせよ

とりあえずこの7行をコピペしよう。

<script src="processing.js"></script>
<script type="text/processing" data-processing-target="processing-canvas">

//ここをProcessingのコードと置き換えます！

</script>
<canvas id="processing-canvas"></canvas>

3. Processingのコードを中に入れよ

4行目のところを自分のコードと置き換えて出来上がりだよ！

試しにブラウザーで開いてみるとご覧のとおり！今のサンプルを見よう

ご自由に。