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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

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

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#対話ログ#オープンソース#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

[JavaScript] WebAudio × three.js で作るサウンドリアクティブ・ジオメトリアニメーション

2026-01-12 | lain

WebAudio API と three.js を用いて、音に連動して変化するジオメトリアニメーションを実装する。状態管理・ジオメトリ切り替え・カラーパレット制御を中心に整理する。

カテゴリ： JavaScript WebGL Creative Coding

タグ： #three.js#WebAudio#Sound Reactive#Creative Coding#WebGL

[JavaScript] Three.jsでRPGバトルを仕上げる｜敵ターン追加・HP決着・テンポ調整・不具合潰し

2026-01-11 | lain

前回のフェーズ駆動バトル実装を「完成版」へ。enemyフェーズ（敵ターン）追加、HPの増減と勝敗判定、走って殴る演出、waitDurationの秒管理、UI/SE多重発火の対策までをまとめる。

カテゴリ： JavaScript

タグ： #Three.js#RPG#GameDev#BattleSystem#UI#Animation#SE

[JavaScript] Three.js / WebXRで一生使い回せるMessageBoxを実装

2026-01-11 | lain

Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#GameUI#Canvas#VR

[JavaScript]スマホでサブ的にコーディングする現実解 ─ 開発者向け実践ガイド

2026-01-11 | lain

PCを主戦場にしつつ、外出先でアイデアを逃さないためのスマホ向けコーディング環境を整理。vscode.dev、PlayCode、Code Serverの現実的な使い分けを解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VSCode#Mobile#開発環境

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

注目のプロジェクト

おすすめ記事

最新記事