2017-05-01から1ヶ月間の記事一覧

【新】Pixi.js でパララックススクローラーを作ってみる【第三回】

プロローグ 前回はFarとMidを独立させて、update functionも各自持たせるように変えました。 次はScroller functionを作って、FarとMidを配下に入れて、コントロール権をScrollerに持たせます。 Part2(続き) Ch03 動作メソッド化 Scrollerに任せる functio…

【新】Pixi.js でパララックススクローラーを作ってみる【第二回】

プロローグ 前回は画像を貼って、アニメーションまで完結しました。 これからの第二回と第三回はコードのメソッド化していきます。 Part 2 Ch02 画像メソッド化 Far functionにを作る function init(){ // レンダラーのサイズを指定する、コンテナ(枠)を作…

【新】Pixi.js でパララックススクローラーを作ってみる【第一回】

プロローグ 前回のものをもう一回見直して、コードを綺麗に整理しないとここにアップしないと決めました。まだまだ未熟なので、説明うまく伝えないところ、間違ってるところあれば、いつでもご指導頂ければ嬉しいです。 宜しくお願いいたします。 出処 Pixi.…

Pixi.js でパララックススクローラーを作ってみる【反省】

反省 チュートリアルを見ながら作ってましたが、理解間違ってるところあるじゃないかなと思って、part1から勉強し直しました。 そして、やっぱりミスを発見しました。 pixi.jsの最初のkittykatattackさんのチュートリアル: GitHub - kittykatattack/learnin…

Pixi.js でパララックススクローラーを作ってみる【第三回】

前回の話 前回は初回で作ったもののリニューアルです。見た目や動き自体変わりがありません。 今回はチュートリアルのpart2の続きです。今まで作ってきたものをメソード化していきます。 Building a Parallax Scroller with Pixi.js: Part 2 続き 先ほどFar…

Pixi.js でパララックススクローラーを作ってみる【第二回】

前回の話 前回は二枚の画像を重ねさせ、動かしました。 今回はそれの進化型です。 Building a Parallax Scroller with Pixi.js: Part 2 構造の理解 前回に出てきた二種類スプライト、スプライトとタイリングスプライトなんですが、どちらもwidth, height, al…