Threejs(Java script)ThreejsでMMD向けファイル（PMD）を開く方法まとめ
MikuMiku Dance(MMD)向けファイル（PMD）をThreejsで表示する方法のまとめです。 Blenderでインポート インポートしたモデルの編集 Threejs向けに変...
javascript
Threejs(Java script)Blender読み込んだMMD向けファイル（PMD）をThreejsで読み込めるglbで出力する(Blender)
やりたいこと BlenderにてインポートしたMMD向けファイルのモデルをThreejsで表示可能なglbで出力します。 あにまさ氏の初音ミクのモデルを例に進めさせていただきます。 読み込み方法は下を参照。 ...
WEBYoutubeの動画をwebページに埋め込む２つの方法
やりたいこと Youtubeの動画をwebページに埋め込む２つの方法を紹介します。 iframeにSrcで動画を指定する方法 一つ目の方法はiframeにSrcで動画を指定することです。 通常Youtubeの動画埋...
ブラウザ拡張機能追加時エラー”UTF-8 でエンコードされていません。”(Edge,Chrome)
やりたいこと Chrome,Edgeに自作の拡張機能を追加時に以下のエラーが表示され追加できないときの対処。 コンテンツ スクリプトのファイル「XXXX.js」を読み込むことができませんでした。UTF-8 でエンコードされて...
JavaScriptcanvasタグのサイズ設定方法と動作の違い(JavaScript)
やりたいこと canvasタグは2つの方法でサイズを指定でき見た目は同じが、JavaScriptで扱う際に動作が異なるので確認します。 環境 Chrome： 113.0.5672.127 Canvasのサイズ設定方...
Threejs(Java script)glTF(.gltf)ファイルをLoadして表示(Threejs)
やりたいこと ThreejsやMicrosoftが推奨されているglTF(.gltf)ファイル、.binファイル、テクスチャファイルで分割された３DファイルをThreejsを簡単に読み込みたい。 Blenderでの保存方法は以...
BlenderBlenderで作成した3DオブジェクトをThreejsで読込、表示するまとめ
やりたいこと Blenderで作成した3DオブジェクトをThreejsで読込、表示します。 関係する複数の記事が書きましたのでまとめます。（随時更新） 保存 → 読込/表示（基本） Threejsで読込、表示するに...
Threejs(Java script)DRACOLoaderをWebにUploadすると動作しない（DRACOLoaderでwasmを使用しない方法）(Threejs)
やりたいこと 以下の実装を行ったときにローカルでは動作するが、WEBにUplodaすると動作しない際の修正方法 ローカルで動作するJavascriptをConohaにUploadすると以下のようなエラーが表示され読...
Threejs(Java script)圧縮されたglTF(.glb)ファイルをLoadして表示(Threejs)
やりたいこと 圧縮されたglTF(.glb)ファイルをThreejsを読み込む。 圧縮方法は↓ 環境 Threejs： r150 Chrome： 111.0.5563.65 準備 ...
Threejs(Java script)glTF(.glb)ファイルをLoadして表示(Threejs)
やりたいこと ThreejsやMicrosoftが推奨されているglTF(.glb)ファイルをThreejsを簡単に読み込みたい。 環境 Threejs： r150 Chrome： 111.0.5563.65 ...