WebGL

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でモデルの明るさがうまく調整できない問題に関する修正方法とその原因を解説します。

カテゴリ： JavaScript

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

2025-12-20 | lain

Three.jsを使って、雪や雨、クリスマスツリーのライトアップを含むクリスマスシーンを作成する方法を紹介します。

カテゴリ： JavaScript

タグ： #Three.js#3D#WebGL#Christmas

2025-12-17 | lain

Three.jsを使ったキャラクター移動と衝突判定、先読み衝突判定を使っためり込み防止方法について解説。

カテゴリ： JavaScript

タグ： #Three.js#3Dゲーム開発#衝突判定#キャラクター移動#WebGL

2026-02-13 | lain

Domain Warping は“ノイズの入力座標そのものを歪ませる”技術。FBMと組み合わせることで、渦・煙・雲・ブラックホールのような自然構造を生み出せる。本記事では図解と数式で直感的に理解する。

カテゴリ： Procedural

タグ： #Noise#Domain Warping#FBM#Perlin#Shader#Three.js#WebGL

$[Noise 入門 #02] ノイズを作る数学の基礎 — グリッド・勾配・補間を理解する$

2026-02-09 | lain

Perlin・Simplex に共通する“ノイズの根本数学”。グリッド、勾配ベクトル、内積、補間、frequency・amplitude の基礎を徹底的に整理する回。

カテゴリ： Procedural

タグ： #Noise#Perlin#Simplex#Shader#Three.js#WebGL

2025-12-17 | lain

GLB形式の3Dモデルを作成し、Three.jsで読み込んでアニメーションを制御する方法。カメラの向きに合わせたキャラクターの移動処理も解説。

タグ： #Three.js#GLB#アニメーション#キャラクター移動#WebGL

2026-02-24 | lain

プロトタイプのカオスから始まったスマートボール制作。試行錯誤の末、物理的な心地よさと高級感あふれる質感を備えた「デジタル工芸品」へと進化した全記録。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#Havok#WebGL#ゲーム開発#物理演算

カテゴリ：WebGL