Edited at

Processing.jsを使ってみる

More than 3 years have passed since last update.


はじめに

Webアプリの作成を始めたので、ビジュアルデザインに使えるらしいProcessing.jsを使ってみます。Fx0を入手したので、Processing.jsをFx0上でも動かしてみようと思います。

processing_home.gif

Processing.js

上のページの「About Processing.js」を見ると、Processing.jsはブラウザ上でProcessingというプログラミング言語を実行するJavaScriptのライブラリのようです。


Processingを使う

Processing.jsの前にProcessingの動作を確認してみます。

processing.gif

「Download Processing」からProcessingの開発環境をダウンロードするとプログラムの作成から実行までできました。

プログラム作成

processing_env.gif

プログラム実行結果

running_on_processing_env.png


おわりに

Processingのプログラムが動作が確認できたため、次はブラウザでProcessing.jsを使ってProcessingを実行したいと思います。

Processing.jsを使ってみる (2)

Processing.jsを使ってみる (3)

Processing.jsを使ってみる (4)