marcocosta10000
c299a4ae21
- Add database migrations for market_listings, missions and character cosmetics - Create controllers for marketplace, missions, presence and character customization - Implement admin world dashboard with live platform metrics - Add feature tests for world functionality - Include phase 2 design documents and gap analysis
60 lines
2.7 KiB
HTML
Executable File
60 lines
2.7 KiB
HTML
Executable File
<div style="text-align:center;margin-bottom:1.5rem">
|
|
<h2>🏙️ City10 — Visão da Cidade 3D</h2>
|
|
<p class="subtitle">Fase 2: Transformar o grid atual em uma cidade viva com ruas, árvores, prédios variados e atmosfera</p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>O que já existe hoje</h3>
|
|
<ul>
|
|
<li>Chão verde com grid</li>
|
|
<li>Caixas coloridas representando lojas</li>
|
|
<li>Cápsulas amarelas para agentes</li>
|
|
<li>Órbita de câmera, zoom, clique para selecionar</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>O que vamos adicionar</h3>
|
|
<ul>
|
|
<li><strong>Ruas asfaltadas</strong> com calçadas e marcações de trânsito</li>
|
|
<li><strong>Quadras/blocos</strong> com prédios de fachada variada</li>
|
|
<li><strong>Árvores, postes, bancos, floreiras</strong> — objetos de cena</li>
|
|
<li><strong>Prédios residenciais/comerciais</strong> de preenchimento entre as lojas</li>
|
|
<li><strong>Ciclo dia/noite</strong> com iluminação dinâmica</li>
|
|
<li><strong>Mini-mapa</strong> no canto da tela</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<hr style="border-color:var(--border);margin:1.5rem 0">
|
|
|
|
<h2 style="text-align:center">Layout da Cidade</h2>
|
|
<p class="subtitle">Três abordagens para organizar ruas e quarteirões</p>
|
|
|
|
<div class="options" style="margin-top:1rem">
|
|
<div class="option" data-choice="grid" onclick="toggleSelect(this)">
|
|
<div class="letter">A</div>
|
|
<div class="content">
|
|
<h3>Grid Clássico</h3>
|
|
<p>Ruas formando quadras regulares. Lojas em posições fixas nas esquinas e frentes. Fácil de navegar, previsível, urbano.</p>
|
|
<p style="color:var(--muted);font-size:.85rem;margin-top:.5rem">✅ Mais simples de gerar, orientação clara</p>
|
|
</div>
|
|
</div>
|
|
<div class="option" data-choice="organic" onclick="toggleSelect(this)">
|
|
<div class="letter">B</div>
|
|
<div class="content">
|
|
<h3>Orgânico</h3>
|
|
<p>Ruas curvas que conectam as lojas existentes. Praça central como ponto focal. Visual mais natural e europeu.</p>
|
|
<p style="color:var(--muted);font-size:.85rem;margin-top:.5rem">✅ Mais bonito, ❌ Mais complexo de gerar</p>
|
|
</div>
|
|
</div>
|
|
<div class="option" data-choice="hybrid" onclick="toggleSelect(this)">
|
|
<div class="letter">C</div>
|
|
<div class="content">
|
|
<h3>Misto (Recomendado)</h3>
|
|
<p>Grid base com quarteirões de tamanhos variados, praça central, algumas vias diagonais. Combina organização com personalidade.</p>
|
|
<p style="color:var(--muted);font-size:.85rem;margin-top:.5rem">✅ 👍 Melhor equilíbrio entre beleza e implementação</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p style="margin-top:1.5rem;text-align:center;color:var(--muted)">Clique na sua opção preferida e me diga no terminal se quer ajustar algo.</p> |