ブラゲ作るよ！

今日は昨日の続き。
人様のブログを読んでサンプルをいじくりまわしておりました。

■参考サイト
ダウンロードさせていただいたテンプレートゲームなのですが
どうしても最大で３点しか取れないので、画面外への落下をなくして延々クリックできるように改変して遊んでました。

前述のサンプルは、Pixi.jp（ファイル名はpixi.min.js）という描画ライブラリを使っています。こいつがいるといろいろ便利なんだぜ！という事は分かりましたが、

　なんでこいつなの？どう便利なの？本当に必要？

と、いろいろ疑問がわいたので、現在はこいつについてお勉強中です。

■参考サイト
・2D用の画像表示なんかを使いやすくしてくれて、早い、軽いライブラリ。
・サーバー上でしか動かないからVScodeのLiveServerを使って動作確認する
・Flashのアクションスクリプト的な印象。
・日本語で説明が欲しい！

という事はわかった！
まだまだ読み込みが足りないので、熟読と公式のチュートリアル（https://www.pixijs.com/tutorials）も読んできます！



前項の記事を読んで、こちらも見てきました。

■参考サイトこちらは短いソースで説明してくれて本当に分かりやすい。
画像が表示されないのは古いから削除されてしまったんでしょうか？

サンプルデータのダウンロードはしていないのですが、Qiitaの２記事はシンプルですっと頭に入ってきます。
Pixiを使わない場合の知識がないので比較できないのが初心者の難点ですけれど、ここに書かれていることがライブラリを使わない場合は「できないorもっと記述が増える」のだと思うとPixiがあるとめっちゃ便利という事は完全理解です。

データとしては先日のダウンロードデータに入っていましたが、使う時は公式から頂いてこようと思います。


「Ctrl」＋「／」：コメント・コメントアウト切り替え
　（カーソルがある行もしくは選択した複数行の先頭に／／がついたり消えたりする。）

• ベンダープレフィックス：ベンダー（提供元）が独自実装した仕様を個別で指定するためにつかう識別子
• 同じ絵を何箇所かでつかう場合はテクスチャ化する
• anchor.set()：アンカー位置をXY同時に指定。０〜１で0.5が中央。ピクセルで指定するpivotにはset()はない
• 図形描画して画像のように使ったり、図形に画像を貼ることもできる
• PIXI.Container()：オブジェクトを入れて一緒に移動とかできる。コンテナの入れ子もできる。