edom18

WebGLを書いてみるテスト。
ただのポリゴン1枚を書くだけ。
それでもだいぶソースが長い・・。

edom18

(function (win, doc, exports) {

    'use strict';

    /**
     * クラス継承用関数
     * child  ... 派生クラスを指定
     * _super ... 基底クラスを指定
     */
    function extend(child, _super) {

edom18

@import "compass/reset";

li {
	list-style: none;
}

$sideSize: 125px;

body, html {
    height: 100%;

edom18

# Animation Graph

案件で使うグラフにアニメーションを付加するために作ったモック。  
意外といい感じに仕上がった。

edom18

* {
	padding: 0;
	margin: 0;
}

canvas {
}

#wrapper {
	width: 500px;

edom18

#テクスチャマッピングのテスト

Refer to: [2009-02-11 - 最速チュパカブラ研究会](http://d.hatena.ne.jp/gyuque/20090211#1234364019)

---

少しだけメッシュ作成、操作部分を最適化。  
画像を分割する場合は頂点を結ぶ順番は固定になるため、  
頂点のインデックスは特になし。  

edom18

#テクスチャマッピングのテストから発展して、ちょっと立体的に見える背景の生成をやってみた。

動的に画像を生成し、それをパラパラ漫画風に表示するため、初期化処理が少し重いです。

edom18

body { background-color: #FFFFFF; font: 30px sans-serif; margin:0px;}

edom18

{spawn, exec} = require 'child_process'
 
option '-o', '--output [DIR]', 'Output directory.'
option '-t', '--target [DIR]', 'Watch target directory.'
 
stdout_handler = (data) ->
    console.log data.toString().trim()
 
build = (watch, output = 'js', target = '_src/coffee') ->
    console.log 'Watching coffee scripts'

edom18

class Disposal
    constructor: ->
    dispose: ->
        @el?.parentNode?.removeChild @el
        @el = null
        @off?()
        @disposeInternal.apply @, arguments

    disposeInternal: ->