JavaScript

2025-12-23 | lain

Three.jsのVideoTextureを自由に加工・トリミング・エフェクト適用する方法を整理。基本からShaderMaterialによる高度なカスタムまで網羅。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#VideoTexture#Shader

2025-12-23 | lain

CSS3DRendererを使ってWebGL空間に外部サイトを表示しようとしたところ、GPUが落ちてブラウザがハードウェアアクセラレーションを自動無効化。CSS3Dの本質と限界を実体験から解説します。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#CSS3DRenderer#iframe#VR

2025-12-23 | lain

Unityで作成したC#のコードがどのようにしてWebブラウザで実行されるのか、その仕組みとWebAssemblyの活用方法について解説します。

カテゴリ： JavaScript

タグ： #Unity#WebGL#WebAssembly#CSharp#JavaScript

2025-12-22 | lain

この記事では、Three.jsを使用してMeta Quest 2向けのVRゲームを作成する方法を紹介します。カメラ制御やコントローラーの入力処理など、VRゲーム開発に必要な基本的な設定を解説します。

カテゴリ： JavaScript

タグ： #VR#Three.js#Meta Quest 2#WebXR#ゲーム開発

2025-12-22 | lain

プレイヤーを中心に回転する魔法陣のアニメーションと、回転、点滅エフェクトの実装方法を解説します。

カテゴリ： JavaScript

タグ： #Three.js#アニメーション#エフェクト#魔法陣

2025-12-22 | lain

Three.jsでモデルの明るさがうまく調整できない問題に関する修正方法とその原因を解説します。

カテゴリ： JavaScript

タグ： #Three.js#Blender#WebGL#アニメーション

2025-12-22 | lain

three.js で表示される「KHR_materials_pbrSpecularGlossiness」の警告を解決する方法を解説します。Blenderでの変換方法も紹介。

カテゴリ： JavaScript

タグ： #three.js#GLTF#Blender#3Dモデル

2025-12-21 | lain

Three.jsを使ったメテオストライクの実装と、エフェクトによる迫力を追加する方法を紹介します。

カテゴリ： JavaScript

タグ： #Three.js#Meteor#Effects#Animation

2025-12-21 | lain

Three.jsを使ってキャラクターが指定されたルートを自動で歩き、衝突判定を行う方法を解説します。

カテゴリ： JavaScript

タグ： #Three.js#Collision Detection#Character Movement

カテゴリ：JavaScript