Processing.jsを使う - how to code something

http://d.hatena.ne.jp/amachang/20080509/1210355674
MinimとかOpenCVとか外部JARライブラリを必要とする系は無理っぽいのかな。

このコードをテンプレートとして使えばOK。processing.jsの場所は各自の設定で。
ちょっとした絵を書くとかに便利かも。Processingを覚えたくなってきた。

<!DOCTYPE HTML>
<html>
<charset="UTF-8">
<head>
<script type="text/javascript" src="js/processing.js"></script>
<script type="text/javascript">
window.onload = function() {
  var canvas = document.getElementsByTagName('canvas')[0];
  // Processing のソースコードが書かれた script 要素
  var codeElm = document.getElementById('processing-code');
  // 要素の内容を取得する
  var code = codeElm.textContent || codeElm.innerText;
  Processing(canvas, code);
};
</script>
<script id="processing-code" type="application/processing">
//＊＊＊＊＊＊＊＊ここにProcessingコードをそのまま貼る＊＊＊＊＊＊＊＊＊
</script>
</head>
<body>
<canvas width="400" height="400">
</canvas>
</body>
</html>