pixi.jsでゲーム開発

2D描画ライブラリ「pixi.js」を使ってのゲーム開発についての記事です。
pixi.jsを使ってゲームエンジンを自作してゲームを作ります。難易度は少し高いですがプログラミングの勉強の良い教材にもなります。
テンプレートをgitHubで公開しています。
▷▷▷https://github.com/inwan78/pixijs-game-template

1

【pixi.js】z-indexを使って画像の重なり順を変える

※追記 このサイトはゲームサイトです。 ですが少しでもアクセスアップしてくれればと思い技術ブログを併設しています。 なので記事を読んで直帰せずにゲームを遊んでください。もしくはシェアしてください。...

Read More

pixi.jsでモザイク処理を行う

pixi.jsではフィルターでスーパーファミコンのようなモザイク処理(正しい呼び方がわからない)を行うことができます。 今回は私がゲームで使っているモザイク処理のやり方を説明します。 @pixi/...

Read More

【pixi.jsゲームテンプレート】更新処理とタイルマップを改善

私の自作ゲームエンジンの問題が見つかった部分を改善しました。 ついでにバージョン番号も付けることにしたのでとりあえず現在の出来は7割くらいかなってことでver0.7としました。 更新処理の改善 今...

Read More

マップスクロールで起こるノイズの対処法

私の作ったテンプレートではタイルマップスクロール時にノイズが入ることがあります。 上の画像の黒い線がノイズです。 これはenchant.jsでも同様の症状がでることがあったの知っていたんですが、原...

Read More

【pixi.jsテンプレート解説】Spriteでキャラクターをアニメーションさせる

公開しているpixi.jsゲーム開発用テンプレートのSpriteの使い方を説明します。 テンプレート ▷▷▷ https://github.com/inwan78/pixijs-game-temp...

Read More

【pixi.jsテンプレート解説】Sceneクラスの使い方と作り方

公開しているpixi.jsゲーム開発用テンプレートのSceneクラスの使い方を説明します。 テンプレート ▷▷▷ https://github.com/inwan78/pixijs-game-te...

Read More

pixi.jsのタッチイベントの使い方

pixi.jsでのタッチイベントについてわかったことを書いておきます。   イベントの基本 pixi.jsでのイベントの使い方は abcde.on('pointerup', () =&g...

Read More

pixi.jsゲーム開発テンプレートの解説と使い方

私がGithubで公開しているpixi.jsを使ったゲーム開発テンプレートの使い方を説明します。 ▷▷▷ https://github.com/inwan78/pixijs-game-templa...

Read More

pixi.jsでマルチタッチ時のそれぞれの位置の取得について

自作ゲームエンジンを作っているときにpixi.jsのマルチタッチについての記事が全然なくてかなり困ったので記事にしておきます(‘ω’)ノ マルチタッチの認識について まずマ...

Read More

pixi.js+TypescriptでHTML5ゲーム作ろう!テンプレート公開!!

※追記 この記事はほとんど紹介文なので「さっさとテンプレートよこせや!」って方はこっちのページへ飛んでください。 ▷▷▷ pixi.jsゲーム開発テンプレートの解説と使い方 どんなゲームを作ってる...

Read More

1

ゲームジャンルタグ

新着技術ブログ記事

新着開発日記