tee-talog https://blog.hatena.ne.jp/tee-talog/ ひびのログ https://www.tee-talog.com/ JavaScript TypeScript ゲーム 勇なま 現時点のソースはこちら github.com 進捗どうですか マップを表示して、カーソル移動をできるようにした。押しっぱなしも OK。 アローキーと WASD でカーソル移動。G で初期位置に戻る。 今後負荷がかかりそうなので、軽減のためにマップは表示されているところだけ描画するようにした。 スクリーンショット ハマったところ 画像が表示できなかった。公式のサンプル通りに書いてもなぜか表示できなかった。原因は開発サーバから画像をサーブしていなかったから。Parcel の引数に渡してあげることでとりあえず解決。 なんで Pixi.js を使ったか チュートリアルが充実していた サンプルも結構あっ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.tee-talog.com%2Fentry%2F2019%2F05%2F06%2F155438" title="勇なま：マップを作った - ひびのログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tee-talog/20190421/20190421225137.jpg Hatena Blog https://hatena.blog 2019-05-06 15:54:38 rich https://www.tee-talog.com/entry/2019/05/06/155438 1.0 100%