水曜日, 2月 22, 2012

Paper.js study 0 Setup

Paper.jsの勉強を始める。まずはセットアップ。
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="paper.js"></script>
    <script type="text/paperscript" canvas="myCanvas">
        // ここにコードを書く
    </script>
</head>
<body>
    <canvas id="myCanvas" resize></canvas>
</body>
</html>

paper.jsを読み込み、canvasアトリビュートで描画先となるCanvas要素のidを指定し、typeをpaperscriptとしたscriptタグ内にコードを書く。
このコードはPaperScriptと呼ばれている。PaperScriptではなく通常のJavaScriptで書く方法もあるが、ひとまずはこの方法で進めていく。

0 件のコメント: