---
title: "Iso Miko"
url: "https://aigamehub.app/zh-tw/games/iso-miko-e11411"
source: "https://github.com/userJesus/iso-miko"
source_type: "github"
play_url: "https://userjesus.github.io/iso-miko/"
platform: "both"
login_required: false
pricing: "free"
origin: "original"
ai_tools: []
game_languages: ["pt"]
author: "userJesus"
author_handle: "userJesus"
category: "冒險"
categories: ["adventure", "casual"]
tags: ["ai-generated", "browser-game", "isometric", "open-source", "sprite-animation", "three.js"]
added: "2026-10-23T02:47:39.576Z"
updated: "2026-10-23T02:47:47.616Z"
locale: "zh-tw"
content_locale: "zh-tw"
---
# Iso Miko
可在瀏覽器中遊玩的等距島嶼：讓 2D 角色在彩繪島嶼上以 8 個方向移動，並可停下、走路、奔跑、滑行與發射火球。
## Description
Iso Miko 是一個獨立研究與實驗專案：將一幅彩繪島嶼轉變為可遊玩的地圖，具有高低差、樓梯、牆壁，以及會在她經過後方時遮住角色的物件。重點是 2D 角色在 8 個方向上的自然移動（停下、走路、奔跑、滑行與發射火球），並以距離與碰撞驅動動畫。首次造訪時，角色會以語音與文字介紹這座島嶼。程式碼、美術、動畫、音效與語音皆以人工智慧建立（AI 生成的 spritesheets 會經過 Node 中的自訂流程；場景則從以 Real-ESRGAN 放大過的畫作開始）。使用 three.js、TypeScript 與 Vite 製作，採用 MIT 授權。
## Original post
Ilha isométrica jogável no navegador, com personagem 2D em 8 direções. Código, arte, animações, sons e vozes criados com IA. three.js + TypeScript.
Topics: ai-generated, browser-game, game, gamedev, isometric, open-source, sprite-animation, threejs, typescript, vite, webgl
Iso Miko
Uma ilha isométrica jogável no navegador, com personagem 2D em 8 direções.
Código, arte, animações, sons e vozes criados com Inteligência Artificial.
▶ Jogar no navegador · Rodar localmente · Documentação técnica · LinkedIn do autor
## Sobre Iso Miko é um projeto independente, feito para estudo, experimentação e aprendizado. A ideia foi testar até onde dá para chegar construindo um jogo pequeno, mas caprichado, com IA em todas as etapas: a ilha pintada, a personagem e as animações dela, os efeitos, os sons, as falas e o código. O foco é a **movimentação natural de uma personagem 2D em 8 direções**: parar, andar, correr, deslizar e lançar bola de fogo. O cenário é uma **pintura isométrica transformada em mapa jogável**, com alturas, escadas, paredes e objetos que escondem a personagem quando ela passa por trás. | | | | --- | --- | | 
| 
| | **Apresentação inicial**: na primeira visita, a Iso Miko apresenta a ilha com voz e texto. | **A ilha**: praia, degraus de pedra, escadaria até o torii, cascata e mar animado. | ### Destaques - **Animação dirigida pela distância**: a cadência do passo acompanha a velocidade e os pés não patinam. O giro passa pelas direções intermediárias em vez de estalar. - **Pipeline de sprites**: as spritesheets geradas por IA chegam com escala variando, tremido e ciclos desalinhados. Ferramentas próprias em Node normalizam altura, alinham o tronco, detectam o ciclo do passo e montam os atlas. - **Cenário a partir de uma pintura**: a ilha é ampliada com rede neural (Real-ESRGAN), recortada e classificada pixel a pixel (areia, grama, pedra, água). Cada pixel ganha profundidade, para a personagem sumir atrás de árvores, rochas e do torii. - **Física**: colisão