JavaScriptWebPackが難しいのでViteでバンドル
やりたいこと Vite(ヴィート)でバンドルをします。 バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...
JavaScriptPhaser3Phaser3のチュートリアルコードの実行と日本語コメント
やりたいこと ２Dゲームの作成エンジンであるPhaser3のチュートリアルゲームを実行します。 また元が英語なので可能な限り日本語のコメントを残します。 チュートリアルゲームの実行 ソースコードのダウンロード ...
Synfig StudioSynfig StudioでSVGを読み込む
やりたいこと Inkscapeなどで作成したSVGをSynfig StudioでSVGを読み込みたい。 なぜ必要なのか？ Synfig Studioにはメニュー ファイル → インポートからSVGファイルがインポートでき...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
TypeScriptVisual Studio CodeをTypeScriptの開発環境にする手順
やりたいこと Visul Studio Codeを用いてTypeScript（TS）による開発を行う。 (無料でTSのGUI付きの開発環境を作成する) 環境 OS : Windows11 Visual Stu...
Blenderタイムラインの再生で音楽/音声と画像の同期をとる(Blender)
やりたいこと 音楽/音声に合わせて３Dモデルを動かしたい場合、タイムラインの再生で音を聞きながらキーフレームを作成すると思います。 しかしPCのスペックが十分でなかったりFPSが高い場合など音とプレビューの同期がとれません。 ...
Blender陰をスムーズにする(Blender)
やりたいこと オブジェクトの陰（シェード）をスムーズにして自然に見せます。 環境 Blender：3.4.1 スムーズシェードの使用 画面左上からオブジェクトモードに変更します。 対象のオブジェクトをク...
JavaScriptJavaScriptでサーバー上かローカルでの実行か知る
やりたいこと Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。 （ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています） プロトコルによる確認 ...
JavaScriptJavascriptでテキストファイルをドラッグアンドドロップで読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルをドラッグアンドドロップ読み込みます。 ファイルセレクタで読み込む場合は以下のページを参照。 ファイルシステム APIによる読み込み...
JavaScriptJavascriptでテキストファイルを指定して読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。 ドラッグアンドドロップでの読み込みは以下を参照。 ファイルシステム APIによる読み込み 以下のhtmlで表...