three.js で VRM を表示する (1) - 事始め｜npaka

three.js を使ってブラウザ上で VRM を表示する方法をまとめました。 ・three.js@0.125.1 ・typescript@4.1.3 ・webpack@5.18.0 前回 1. 開発環境の準備 開発環境の準備手順は、次のとおり。 (1) Node.js と live-server のインストール。 (2) プロジェクトの作成。 $ mkdir helloworld $ cd helloworld $ npm init -y(3) モジュールのインストール。 $ npm i -D webpack webpack-cli typescript ts-loader $ npm i -S three @pixiv/three-vrm(4) プロジェクトの設定ファイル「package.json」の「scripts」を以下のように変更。 ・package.json "scripts"