![[Chrome Add-on] ChatGPT Question Redactor](https://humanxai.info/images/uploads/chatgpt-question-redactor.webp)
![[JavaScript] Three.jsで キャラクターの自動散歩と衝突判定の実装](https://humanxai.info/images/uploads/javascript-character-auto-walk-and-collision-detection.webp)
[JavaScript] Three.jsで キャラクターの自動散歩と衝突判定の実装
2025-12-21 | lain
Three.jsを使ってキャラクターが指定されたルートを自動で歩き、衝突判定を行う方法を解説します。
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で 雪、雨、クリスマスツリーと、点滅するライトを実装](https://humanxai.info/images/uploads/javascript-create-christmas-scene-with-threejs.webp)
[JavaScript] Three.jsで 雪、雨、クリスマスツリーと、点滅するライトを実装
2025-12-20 | lain
Three.jsを使って、雪や雨、クリスマスツリーのライトアップを含むクリスマスシーンを作成する方法を紹介します。
![[JavaScript] Three.jsで地球と月のミニチュアを実装](https://humanxai.info/images/uploads/javascript-creating-miniature-earth-and-moon.webp)
[JavaScript] Three.jsで地球と月のミニチュアを実装
2025-12-19 | lain
地球と月の小さな模型を作成し、公転と自転のアニメーションを組み合わせたシーンを作る方法を解説します。
![[JavaScript] 魔法陣と月のエフェクトをThree.jsを使って実装](https://humanxai.info/images/uploads/javascript-magic-circle-and-moon-effect-in-threejs.webp)
[JavaScript] 魔法陣と月のエフェクトをThree.jsを使って実装
2025-12-19 | lain
Three.jsを使って魔法陣と月のエフェクトを実装し、幻想的なシーンを作成する方法を紹介します。
![[JavaScript] Three.js における複数のライトとスポットライトの実装方法](https://humanxai.info/images/uploads/javascript-light-spotlight-implementation.webp)
[JavaScript] Three.js における複数のライトとスポットライトの実装方法
2025-12-19 | lain
Three.jsでスポットライトを設定する方法を解説。光の強度、角度、距離、ターゲット設定などをカスタマイズする方法を紹介します。
![[JavaScript] スタックトレースを活用したデバッグ方法とその理解](https://humanxai.info/images/uploads/javascript-stack-trace-debugging.webp)
[JavaScript] スタックトレースを活用したデバッグ方法とその理解
2025-12-19 | lain
スタックトレースの基礎知識とその活用方法を解説。デバッグの効率を高めるためのポイントや非同期コードでの利用方法について説明します。
![[数学] 線形代数と3D空間における行列の役割](https://humanxai.info/images/uploads/math-linear-algebra-3d-matrices.webp)
[数学] 線形代数と3D空間における行列の役割
2025-12-18 | lain
3Dプログラミングにおける行列の役割とカメラ変換の基本を解説します。4x4行列を使った座標変換とカメラ視点の変換に必要な理解を深めるための記事。
![[JavaScript] Three.jsでのテクスチャ管理とアニメーション制御](https://humanxai.info/images/uploads/javascript-three-js-texture-animation.webp)
[JavaScript] Three.jsでのテクスチャ管理とアニメーション制御
2025-12-18 | lain
Three.jsを使ったテクスチャの管理方法と、アニメーションの制御を実際のコードとともに解説します。
![[JavaScript] Three.jsでGLBの作成と読み込み、アニメーション処理の実装方法](https://humanxai.info/images/uploads/javascript-glb-creation-loading-animation.webp)
[JavaScript] Three.jsでGLBの作成と読み込み、アニメーション処理の実装方法
2025-12-17 | lain
GLB形式の3Dモデルを作成し、Three.jsで読み込んでアニメーションを制御する方法。カメラの向きに合わせたキャラクターの移動処理も解説。