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