![[Chrome Add-on] ChatGPT Question Redactor](https://humanxai.info/images/uploads/chatgpt-question-redactor.webp)
![[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でのトリガー取得が肝。
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 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の活用方法について解説します。
![[JavaScript] Three.jsでWebXRを実装 (Meta Quest 2)](https://humanxai.info/images/uploads/javascript-three-js-vr-oculus-quest-2-implementation.webp)
[JavaScript] Three.jsでWebXRを実装 (Meta Quest 2)
2025-12-22 | lain
この記事では、Three.jsを使用してMeta Quest 2向けのVRゲームを作成する方法を紹介します。カメラ制御やコントローラーの入力処理など、VRゲーム開発に必要な基本的な設定を解説します。
![[JavaScript] 魔法陣の回転追従とアニメーション実装](https://humanxai.info/images/uploads/javascript-magic-circle-rotation-animation.webp)
[JavaScript] 魔法陣の回転追従とアニメーション実装
2025-12-22 | lain
プレイヤーを中心に回転する魔法陣のアニメーションと、回転、点滅エフェクトの実装方法を解説します。
![[JavaScript] Three.jsとBlenderの色空間不一致を解消する方法](https://humanxai.info/images/uploads/javascript-threejs-model-brightness-issue.webp)
[JavaScript] Three.jsとBlenderの色空間不一致を解消する方法
2025-12-22 | lain
Three.jsでモデルの明るさがうまく調整できない問題に関する修正方法とその原因を解説します。