AIと創作の記録をここに。

「AIと人が、共に学び、創る場所」

学びと再出発の旅路へ。

注目のプロジェクト

注目

[ブロック崩しゲーム] ブロック☆パレット魔法で描く不思議な世界

「ブロック☆パレット魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。

注目

[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム

「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。

注目

[Chrome Add-on] ChatGPT Question Redactor

ChatGPT の会話で、文末が「？」の行を自動的に折りたたむ Chrome 拡張をリリースしました。

注目

FramePack-eichiによるAIアニメーション

FramePack-eichiでAIアニメーションを作成する方法の紹介、及び、画像生成AIの活用方法。

最新記事

[JavaScript] Quaternion 入門 #02 : なぜオイラー角は壊れるのか

2026-01-17 | lain

オイラー角はなぜ破綻するのか。回転順序、ジンバルロック、角度を足す設計の限界を、Quaternionを使わずに徹底的に解説する。

カテゴリ： JavaScript

タグ： #Quaternion#Euler#オイラー角#Three.js#3D#回転#

[Unity] #03 Three.jsからUnity：Editor基本操作とGUIの要点（WASD移動・カメラ・重力）

2026-01-16 | lain

Three.js経験者向けに、Unity Editorの基本操作とよく使うGUI（Hierarchy/Inspector/Project/Console）を、WASD移動・カメラ制御・重力の理解でつまずきやすい点に絞って整理。

カテゴリ： Unity

タグ： #three.js#Unity初心者#Editor#Inspector#Rigidbody

[Unity] #02 UnityプロジェクトをGitHubで正しく管理する（巨大フォルダ地獄を避ける）

2026-01-16 | lain

UnityプロジェクトをGitHubに置く際の正しい.gitignore設定と、.slnx問題の対処をまとめた実録記事

カテゴリ： Unity

タグ： #Git#GitHub#Unity6#.gitignore

[Unity] #01：CubeとPlaneで始める最短入門（Three.js経験者向け）

2026-01-16 | lain

CubeとPlaneを作り、WASD操作・物理挙動・カメラ移動までを一気に触るUnity入門。Three.js経験者がハマったポイント込み。

カテゴリ： Unity

タグ： #Unity#GameDev#Three.js#3D#Physics#Mesh

[JavaScript] Quaternion 入門 #01：理解しなくていい回転の扱い方

2026-01-15 | lain

Quaternionを「理解」しようとして詰む前に、Three.jsで回転を安全に扱うための最低限（変換・合成・補間）だけに絞って解説。

カテゴリ： JavaScript

タグ： #Three.js#Quaternion#3D#Math#WebGL

[Human x AI] ChatGPT(5.2)との対話録～ 3Dプログラミングの難しさ～

2026-01-14 | lain

[Human x AI] ChatGPT(5.1)との対話録～ 3Dプログラミングの難しさ～

カテゴリ： Human x AI

タグ： #ChatGPT-5.2#対話ログ#Quaternion#オイラー角#クロソイド曲線#Matrix#Tangent#makeBasis#Curve#Vector#Blender#線形代数#Three.js#３Dプログラミング#ゲーム開発

[JavaScript] Three.jsでS字レールをつなぐ：クロソイド曲線で2本で分岐カーブを作る

2026-01-14 | lain

2本の直線レールをS字で接続するために、QuadraticBezierCurve3を2本つないで曲率を反転させる実装と調整ポイントをまとめた。

カテゴリ： JavaScript

タグ： #threejs#webgl#geometry#bezier#spline#procedural#rail#simulation#クロソイド曲線#QuadraticBezierCurve3

[JavaScript] Three.jsで「列車を運行する」実装に到達するまでの設計と思考ログ

2026-01-13 | lain

単一列車前提のThree.js実装を捨て、複数列車・路線・停車・折り返し・ループを持つ「運行システム」へ再設計した記録。

カテゴリ： JavaScript

タグ： #Three.js#ゲーム開発#シミュレーション#アーキテクチャ#設計思想#Bezier曲線#状態管理

[JavaScript] Three.jsで線路を引いて列車を走らせた（Curve×cloneでレール生成）

2026-01-12 | lain

Three.jsで線路モデルをCurve上に並べ、getPointAt/getTangentAtで列車を走らせた。分岐は描画と走行を分離し、まずは1両編成で安定させる。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#Curve#GLTF#procedural

AIと創作の記録をここに。

注目のプロジェクト

おすすめ記事

最新記事