Pixijsと格闘中

 ローカルでチュートリアルを動かそうとしたらめっちゃはまったのでメモ。

古い人間なのでこんな感じでライブラリをインポートしてるところではまった。

import '@esotericsoftware/spine-pixi-v8';

これはそのまま書いてサーバーから読み込ませてもエラーになって読み込まれない…ので、nodejsをインストールした後、viteとかを使ってビルド？を行う必要がある。

自分で書いててviteがなんなのかよくわからん

参考：https://ja.vite.dev/guide

npm create vite@latest

あとはspine周りのライブラリをインストール

参考：https://github.com/EsotericSoftware/spine-runtimes/tree/4.2/spine-ts

npm install @esotericsoftware/spine-core
npm install @esotericsoftware/spine-canvas
npm install @esotericsoftware/spine-canvaskit
npm install @esotericsoftware/spine-webgl
npm install @esotericsoftware/spine-player
npm install @esotericsoftware/spine-threejs
npm install @esotericsoftware/spine-phaser
npm install @esotericsoftware/spine-pixi-v7
npm install @esotericsoftware/spine-pixi-v8

そして実行

npm install npm run dev

しばらく今どきのJSから離れてたからわからんけど、ネットからDLしてきたzipを解凍したjsを読み込んで…というのはなくなって全部こういう形になるんだろうか。ちょっとさみしいというか知ってる前提でチュートリアルも組まれてるのでつらい…