JavaScriptJavascriptでテキストファイルを指定して読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。 ドラッグアンドドロップでの読み込みは以下を参照。 ファイルシステム APIによる読み込み 以下のhtmlで表...
javascript
JavaScriptThreejs(Java script)読み込んだMMD向けファイル（PMD）をテクスチャ付きでThreejsで読み込めるglbで出力する(Blender)
やりたいこと BlenderにてインポートしたMMD向けファイルのモデルをテクスチャ付きThreejsで表示可能なglbで出力します。 下の記事の通りglbを出力すると多くのマテリアルはうまくいきます。 しか...
Threejs(Java script)ThreejsでMMD向けファイル（PMD）を開く方法まとめ
MikuMiku Dance(MMD)向けファイル（PMD）をThreejsで表示する方法のまとめです。 Blenderでインポート インポートしたモデルの編集 Threejs向けに変...
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すると以下のようなエラーが表示され読...