JavaScriptJavascriptでテキストファイルをドラッグアンドドロップで読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルをドラッグアンドドロップ読み込みます。 ファイルセレクタで読み込む場合は以下のページを参照。 ファイルシステム APIによる読み込み...
javascript
JavaScriptJavaScriptJavascriptでテキストファイルを指定して読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。 ドラッグアンドドロップでの読み込みは以下を参照。 ファイルシステム APIによる読み込み 以下のhtmlで表...
Threejs(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で読込、表示するに...