---
title: "Iso Miko"
url: "https://aigamehub.app/ja/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: "ja"
content_locale: "ja"
---
# Iso Miko
ブラウザで遊べるアイソメトリックな島：描かれた島を舞台に、2Dキャラクターを8方向に動かし、停止、歩行、走行、スライド、火球の発射ができる。
## Description
Iso Miko は独立した研究と実験のプロジェクトです。描かれた島をプレイ可能なマップに変え、高低差、階段、壁、そして彼女が後ろを通るとキャラクターを隠すオブジェクトを備えています。焦点は、2Dキャラクターの8方向における自然な動き（停止、歩行、走行、スライド、火球の発射）にあり、距離と衝突によってアニメーションが駆動されます。初回訪問時には、キャラクターが音声とテキストで島を紹介します。コード、アート、アニメーション、サウンド、音声は人工知能で作成されました（AI が生成したスプライトシートは 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