Cover Code

Many Shapes

AUTHOR
hisa hayashi
URL
http://algojs.org/examples

INTRODUCTION

ALGO.JSはWebGLをベースに作られたクリエイティブコーディングに特化したJavaScriptフレームワークです。WebGLの難しい記述を行わなくても簡単に素早くコードを書くことが出来ます。また、様々なWebAPIやイベント処理なども内包しているので、素早くインタラクティブなコードを書くことが出来ます。ALGO.JSは週末のコードスケッチや、ビジュアルのプロトタイピングで真価を発揮するツールです。

FAST

WebGLの特徴を活かし、高速な描画が行えます。

MINIAL

冗長なコードにならないような思想で開発されています。

EXPRESSIVE

プログラミングでの表現を作るのに特化したツールです。

UNIVERSAL

プログラムの普遍的な楽しさを追求しています。

DOWNLOAD

ALGO.JSは下記よりダウンロードできます。最新の開発状況はGitHubよりご確認ください。

FILE DOWNLOAD

DEVELOPMENT

ALGO.JS Latest

DOWNLOAD

MINIFY

ALGO.JS Latest

DOWNLOAD

CDN

CDN USE

Under Construction

COPY

BASIC USAGE

1. Load the ALGO.JS.


<script type="text/javascript" src="../build/algo.js"></script>

2. Create CANVAS.


<canvas id="canvas"></canvas>

3. Writing code.


// 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 );
});