![[Chrome Add-on] ChatGPT Question Redactor](https://humanxai.info/images/uploads/chatgpt-question-redactor.webp)
![[Human x AI] ChatGPT(5.2)との対話録 ～ オープンソースとフリーソフト ～](https://humanxai.info/images/uploads/ai-dialogue-2025-12-26.webp)
[Human x AI] ChatGPT(5.2)との対話録 ～ オープンソースとフリーソフト ～
2025-12-26 | lain
[Human x AI] ChatGPT(5.1)との対話録 ～ オープンソースとフリーソフト ～
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
![[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界](https://humanxai.info/images/uploads/project4.webp)
[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界
「ブロック☆パレット 魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。
注目
![[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム](https://humanxai.info/images/uploads/project2.webp)
[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム
「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。
注目
注目
おすすめ記事
最新記事
![[JavaScript] Three.js + VR でキャラクターの上にセリフを表示（Canvas＋Sprite）](https://humanxai.info/images/uploads/javascript-threejs-character-dialogue-sprite.webp){kind=icon}
[JavaScript] Three.js + VR でキャラクターの上にセリフを表示（Canvas＋Sprite）
2025-12-25 | lain
Three.jsでNPCの頭上にセリフを表示し、キャラクターが反応しているように見せる実装方法をまとめます。
![[JavaScript] VRにおける衝突判定の考え方（Three.js / WebXR）](https://humanxai.info/images/uploads/javascript-vr-collision-detection-threejs-webxr.webp)
[JavaScript] VRにおける衝突判定の考え方（Three.js / WebXR）
2025-12-25 | lain
Three.jsとWebXRでVRの衝突判定を実装する際に必ず直面する「リグ・視点・ルームスケールのズレ」を、Box3とMatrix4の役割分離という観点から整理する。
![[JavaScript] Three.js WebXR：VRコントローラのレーザーポインタでUIボタンを押す（Raycaster入門）](https://humanxai.info/images/uploads/javascript-threejs-webxr-raycaster-ui-button.webp)
[JavaScript] Three.js WebXR：VRコントローラのレーザーポインタでUIボタンを押す（Raycaster入門）
2025-12-24 | lain
Three.js + WebXRで、VRコントローラからRaycasterを飛ばしてPlaneのUIボタンをクリックするまでを最短で実装。matrixWorld→rayのorigin/direction更新とgamepad.buttonsでのトリガー取得が肝。
![[JavaScript] Three.js Vector3完全理解 —— 3D数学の基礎から実践までを一気に掴む](https://humanxai.info/images/uploads/javascript-threejs-vector3-complete-guide.webp)
[JavaScript] Three.js Vector3完全理解 —— 3D数学の基礎から実践までを一気に掴む
2025-12-24 | lain
Three.jsの3D空間を扱う上で避けられないVector3。その基礎、使い所、応用、そしてつまずきやすいポイントを徹底的に解説します。
![[JavaScript] Three.js WebXR でキャラクターを移動させる最小実装メモ](https://humanxai.info/images/uploads/javascript-webxr-basic-character-move.webp)
[JavaScript] Three.js WebXR でキャラクターを移動させる最小実装メモ
2025-12-23 | lain
WebXRでキャラクターを移動・回転させる最低限の実装手順をまとめた技術メモ。
![[JavaScript] Three.jsで動画再生とカスタム表示する方法まとめ](https://humanxai.info/images/uploads/javascript-threejs-video-texture-custom.webp)
[JavaScript] Three.jsで動画再生とカスタム表示する方法まとめ
2025-12-23 | lain
Three.jsのVideoTextureを自由に加工・トリミング・エフェクト適用する方法を整理。基本からShaderMaterialによる高度なカスタムまで網羅。
CSS3DRendererの正体と罠 CSS3DRendererとWebGLを組み合わせると何が起きるのか
2025-12-23 | lain
CSS3DRendererを使ってWebGL空間に外部サイトを表示しようとしたところ、GPUが落ちてブラウザがハードウェアアクセラレーションを自動無効化。CSS3Dの本質と限界を実体験から解説します。
![[JavaScript] Unityで作ったC＃コードをWebブラウザで実行する仕組みとは？](https://humanxai.info/images/uploads/javascript-unity-csharp-web-execution.webp)
[JavaScript] Unityで作ったC＃コードをWebブラウザで実行する仕組みとは？
2025-12-23 | lain
Unityで作成したC#のコードがどのようにしてWebブラウザで実行されるのか、その仕組みとWebAssemblyの活用方法について解説します。