https://github.com/mrdoob/three.js/blob/dev/examples/webgl_loader_mmd_audio.html
https://github.com/ktkr3d/neutralinojs-nuxt3

MMD の音声再生付きサンプルが掲載されていたのでNuxt3 に移植してみました。
カメラ用のVMDでカメラアングルが目まぐるしく展開します。
PMDファイルとVMDファイルは以下の階層に配置します。
ファイル名は半角英数字にします。

  • nuxt3-src/public/nene/PMX/nene_BEA.pmx
  • nuxt3-src/public/nene/texture/TGA/*
  • nuxt3-src/public/vmds/wavefile_v2.vmd
  • nuxt3-src/public/vmds/wavefile_camera.vmd
  • nuxt3-src/public/audio/wavefile_short.mp3

利用させていただいたデータ。

  • PMD: hololive さん、桃鈴ねね公式mmd_ver1.0
  • VMD: hino さん、WAVEFILE
  • 音声:ラマーズP さん、WAVEFILE

まだ途中です。今日はここまで。

構築

npm install -g @neutralinojs/neu
git clone https://github.com/ktkr3d/neutralinojs-nuxt3.git
cd neutralinojs-nuxt3/nuxt3-src
npm install
npm run generate
cd ..
neu update
neu run

Comments