Nov 2026
How this island was made
I grew up loving RPGs, part of the generation that watched games move from 2D to 3D. But I only ever played them. Making one myself never crossed my mind.
Then, in 2024, large language models arrived everywhere. I may have come to them late. Still, a thought appeared: maybe even I could build something like this.
Since founding my company in 2025, I've made all kinds of things. This island is the first time I set out to build a proper portfolio of my own.
Where I learned
By talking things through with AI, studying the work of creators at the very front of the field, and doing a lot of learning on my own.
Bruno Simon's portfolio in particular showed me that a portfolio could be a world you walk through.
What I told the AI
"Make it look nice" doesn't build anything. What I had to say was closer to this:
- 3D rendering (Three.js)
- Physics (Rapier), and how steep a slope can be before you can't climb it
- A day–night cycle and fog
- How the camera follows the traveller
What was hard
With the mountain at 60 degrees, the traveller slid down at full speed. No matter what I did, nobody could reach the summit.
Meadow covered half the island. It was, honestly, a boring world.
You could walk all the way somewhere and find nothing there. So I added a harbour town, an old graveyard and a spring where dragons drink, and made something happen at every place you arrive.
It's still a work in progress.
Built with
- Three.js
- Rapier
- GSAP
- Cloudflare Pages
- Claude Code
Thanks to Bruno Simon, whose work showed me what a portfolio could be. Back to the island →
2026.11
AI と作る、
歩ける 3D の島
子どもの頃から RPG が好きで、ゲームが 2D から 3D に変わっていく時代に育ちました。私は遊ぶばかりで、自分で作ることは考えたこともありませんでした。
2024 年、LLM が一気に広まりました。私が触れたのは遅いほうだったかもしれません。それでも「私にも作れるのではないか」と思ったことが始まりです。
2025 年に会社を立ち上げてから、さまざまな物を作ってきました。今回、自分のポートフォリオをきちんと形にしようと制作したのが、この島です。
学び方
AI と対話しながら、世界の最前線で活躍するクリエイターの作品を見て、学びを深めました。
特に Bruno Simon 氏のポートフォリオからは、歩いて回れる世界もポートフォリオになることを学びました。
AI への指示
「いい感じに作って」だけでは作れません。例えば、次の内容を伝えました。
- 3D の表示(Three.js)
- 物理の動き(Rapier)と、登れる坂の角度
- 昼と夜の移り変わり・霧
- カメラが旅人を追う動き
制作の難所
山の角度を 60 度にすると、旅人が勢いよく滑り落ち、どうしても頂上にたどり着けませんでした。
草原が島の半分を占め、面白みに欠ける世界でした。
歩いてたどり着いた先にも、何もありませんでした。そこで港町・墓場・竜の水飲み場を加え、たどり着く場所ごとに出来事が起こるようにしました。
仕事のかたわら、この島をもっと楽しい場所にするため、今も制作を続けています。
使用技術
- Three.js
- Rapier
- GSAP
- Cloudflare Pages
- Claude Code
AI を楽しむコミュニティ
この島の作り方のほかにも、初心者の方や初めて AI に触れる方が、AI を楽しめるようになるコミュニティを主宰しています。AI の使い方を、無料で日々発信しています。
参加は審査制のため、まず一度私とお話しする時間をいただいています。ご関心があれば、お気軽にお申し込みください。