[#1]Paper.jsを始めてみよう -Paper.jsを動かしてみよう-
[#1]Paper.jsを始めてみよう -Paper.jsを動かしてみよう- : Paper.jsを動かしてみよう。 こんにちは。yokuneruです。 前回の [#0]Paper.jsを始めてみよう -Paper.jsとは何か- に引き続き、今回はPaper.jsを動かしてみたいと思います。 本編に入る前に、そもそも 『HTML、CSS、JavaScript、エディタってなんだ?』 『動くものを作りたいけど何から始めれば良いの?』 という方は ドットインストール で「ウェブサイトを作ろう」「JavaScriptから始めるお手軽プログラミング」に触れてみてから本記事を読むことをおすすめします。(全て完了させる必要はないです。) Paper.jsはHTML、CSS、JavaScriptの知識を前提に構築されています。 ----以下、 チュートリアル より意訳と追記---- Paper.jsを利用するには2つの方法があります。 最も簡単な方法はJavaScriptを拡張したPaperScriptを使用することです。もう1つとして、より高度なユーザーや大きなプロジェクトのためにJavaScriptを直接使用する方法があります。 PaperScriptとは PaperScriptは通常のJavaScriptにPointおよびSizeオブジェクトに対する演算(+-*/%)のサポートを追加したものです。 PaperScriptは自動的に独自のスコープで実行され、グローバルスコープを汚染することなく、全てのグローバルブラウザオブジェクト(documentやwindow)にアクセスできます。 Scriptの設定 PaperScriptを使用する場合、他のJavaScript同様に<script>タグで読み込むことができますが、typeの設定をtype="text/paperscript"または"text/x-paperscript"とする必要があります。 PaperScriptは外部ファイル(src="")として読み込んでも、インラインで記述しても構いません。 まずはじめに、PaperScriptでシンプルな線を描画してみましょう。 以下のコードをエディタに...