pixi.jsでゲーム開発
2D描画ライブラリ「pixi.js」を使ってのゲーム開発についての記事です。
pixi.jsを使ってゲームエンジンを自作してゲームを作ります。難易度は少し高いですがプログラミングの勉強の良い教材にもなります。
テンプレートをgitHubで公開しています。
▷▷▷https://github.com/inwan78/pixijs-game-template
1
【pixi.js】z-indexを使って画像の重なり順を変える
※追記 このサイトはゲームサイトです。 ですが少しでもアクセスアップしてくれればと思い技術ブログを併設しています。 なので記事を読んで直帰せずにゲームを遊んでください。もしくはシェアしてください。...
pixi.jsでモザイク処理を行う
pixi.jsではフィルターでスーパーファミコンのようなモザイク処理(正しい呼び方がわからない)を行うことができます。 今回は私がゲームで使っているモザイク処理のやり方を説明します。 @pixi/...
【pixi.jsゲームテンプレート】更新処理とタイルマップを改善
私の自作ゲームエンジンの問題が見つかった部分を改善しました。 ついでにバージョン番号も付けることにしたのでとりあえず現在の出来は7割くらいかなってことでver0.7としました。 更新処理の改善 今...
マップスクロールで起こるノイズの対処法
私の作ったテンプレートではタイルマップスクロール時にノイズが入ることがあります。 上の画像の黒い線がノイズです。 これはenchant.jsでも同様の症状がでることがあったの知っていたんですが、原...
【pixi.jsテンプレート解説】Spriteでキャラクターをアニメーションさせる
公開しているpixi.jsゲーム開発用テンプレートのSpriteの使い方を説明します。 テンプレート ▷▷▷ https://github.com/inwan78/pixijs-game-temp...
【pixi.jsテンプレート解説】Sceneクラスの使い方と作り方
公開しているpixi.jsゲーム開発用テンプレートのSceneクラスの使い方を説明します。 テンプレート ▷▷▷ https://github.com/inwan78/pixijs-game-te...
pixi.jsのタッチイベントの使い方
pixi.jsでのタッチイベントについてわかったことを書いておきます。 イベントの基本 pixi.jsでのイベントの使い方は abcde.on('pointerup', () =&g...
pixi.jsゲーム開発テンプレートの解説と使い方
私がGithubで公開しているpixi.jsを使ったゲーム開発テンプレートの使い方を説明します。 ▷▷▷ https://github.com/inwan78/pixijs-game-templa...
pixi.jsでマルチタッチ時のそれぞれの位置の取得について
自作ゲームエンジンを作っているときにpixi.jsのマルチタッチについての記事が全然なくてかなり困ったので記事にしておきます(‘ω’)ノ マルチタッチの認識について まずマ...
pixi.js+TypescriptでHTML5ゲーム作ろう！テンプレート公開！！
※追記 この記事はほとんど紹介文なので「さっさとテンプレートよこせや！」って方はこっちのページへ飛んでください。 ▷▷▷ pixi.jsゲーム開発テンプレートの解説と使い方 どんなゲームを作ってる...
1