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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

[JavaScript] Three.jsでRPG風コマンドUIをゼロから組み上げる（CanvasTexture編）

2026-01-06 | lain

Three.jsでRPG風のコマンドメニューUIを、Plane + CanvasTexture + キー入力でゼロから構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#Canvas#UI設計#ゲーム開発

$[JavaScript] 我思う、ゆえに座標あり ― ルネ・デカルトとデカルト座標系$

[JavaScript] 我思う、ゆえに座標あり ― ルネ・デカルトとデカルト座標系

2026-01-06 | lain

Three.jsで座標に迷い、ミニマップで思考が爆発した先で気づいた。デカルト座標系は数学の道具ではなく、世界を定義する発明だった。

カテゴリ： JavaScript

タグ： #数学#デカルト座標系#ルネ・デカルト#解析幾何学#Three.js#数学と哲学#3D座標

[JavaScript] PlaneGeometryで地形を生成し、登れる世界を作る（山・クレーター・JSONマップ設計）

2026-01-05 | lain

Three.jsのPlaneGeometryを使い、平地・山・クレーターを関数で生成し、JSON＋グリッド設計でマップ化、VRで歩ける地形を構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#PlaneGeometry#地形生成#プロシージャル生成#VR#ゲーム開発

[JavaScript] WebXRでドラゴンレーダーを作る：コンパスUIを拡張してNPC位置を可視化する

2026-01-04 | lain

WebXRで実装した右手コンパスUIを拡張し、NPCの位置をリアルタイムに可視化するドラゴンレーダー風UIを実装する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#UI#ゲーム開発#レーダー

[JavaScript] WebXRでVRコントローラを表示する：XRControllerModelFactoryと右手コンパスUIの実装

2026-01-04 | lain

Three.jsのXRControllerModelFactoryを使って両手のVRコントローラを表示し、右手にコンパスUIを実装する方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#XRControllerModelFactory#UI

[JavaScript] Three.jsでPC向けミニマップを実装する方法（viewport / scissor を使った複数カメラ描画）

2026-01-04 | lain

Three.jsでメイン視点と俯瞰視点を同時表示する、PC向けミニマップ実装の基本。viewport/scissorを使った安全でシンプルな方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#ゲーム開発#ミニマップ#カメラ

[JavaScript] Three.jsで地球の上をキャラクターが走り続けるアニメーションを作る（球面座標＋法線＋lookAt）

2026-01-03 | lain

球体（地球）の表面をキャラクターが走り続ける表現を、θ/φの球面座標で位置を更新し、法線で姿勢を立たせ、lookAtで進行方向を向けるだけで実現する。2体を180度反対側で同期させる方法も紹介。

カテゴリ： JavaScript

タグ： #three.js#WebGL#Animation#math

[JavaScript] VRで段差とスロープが壊れる理由と、正しく動かす方法

2026-01-03 | lain

PC版で実装した段差・スロープ処理を、WebXR（VR）でそのまま使うと壊れる理由と、playerRigを基準に正しく成立させる設計を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#ゲーム開発#衝突判定

[JavaScript] Three.jsで段差を登って降りられるキャラクター移動を実装する

2026-01-02 | lain

Three.jsで段差を自然に登り、降りることができるキャラクター移動処理を、衝突判定の設計から実装まで整理する。

カテゴリ： JavaScript

タグ： #Three.js#game-development#collision-detection#raycaster

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

注目のプロジェクト

おすすめ記事

最新記事