ALGO.JSはWebGLをベースに作られたクリエイティブコーディングに特化したJavaScriptフレームワークです。WebGLの難しい記述を行わなくても簡単に素早くコードを書くことが出来ます。また、様々なWebAPIやイベント処理なども内包しているので、素早くインタラクティブなコードを書くことが出来ます。ALGO.JSは週末のコードスケッチや、ビジュアルのプロトタイピングで真価を発揮するツールです。
WebGLの特徴を活かし、高速な描画が行えます。
冗長なコードにならないような思想で開発されています。
プログラミングでの表現を作るのに特化したツールです。
プログラムの普遍的な楽しさを追求しています。
<script type="text/javascript" src="../build/algo.js"></script>
<canvas id="canvas"></canvas>
// initialize
var param = {
id: 'canvas',
width: window.innerWidth,
height: window.innerHeight,
backgroundAuto: true
};
// scene
var algo = new ALGO( param );
algo.background = 0xffffff;
// display object
var circle;
// setup
algo.bind('setup', function(){
circle = new ALGO.Circle( 300, 300, 100 );
circle.color = 0x000000;
algo.add( circle );
});
// frame
algo.bind('frame', function(){
circle.x += 0.1;
});
// resize
algo.bind('resize', function(){
var w = window.innerWidth;
var h = window.innerHeight;
algo.size( w, h );
});