🏭 Quantum Factory Tycoon 1.0 - Singularity Edition

Créer Quantum Factory Tycoon 1.0 - Singularity Edition, une version avancée mais contenue dans un seul fichier HTML, avec un code ultra-commenté (minimum 80% de commentaires) pour faciliter la maintenance, l'évolution et l'innovation. Objectifs clés :

Profondeur systémique digne d’un Factorio + Idle Game
Accessibilité progressive (facile à jouer, difficile à maîtriser)
Extensible sur plusieurs années par ajouts de contenu

Date de génération : 20 Janvier 2026
Auteur : AI Assistant (basé sur paste.txt original + évolutions) Changements majeurs : Progression structurée par ères, focus V1 jouable, innovations (IA adaptative, mystique procédural, modes AR/VR-ready), code data-driven optimisé, onboarding renforcé.

🎯 Objectif Principal

Créer un tycoon idle profond (Factorio meets NGU Idle) en un seul fichier HTML, ultra-commenté (≥85% lignes commentées), 60 FPS mobile/desktop.
Clés :

Progression addictive : facile early, maître late.
Extensible 5+ ans (mods JSON, événements procéduraux).
Thème unique : usines quantiques mystiques (science + occultisme).

🎯 Objectif Principal (Version Développée)

Quantum Factory Tycoon 7.0 - Singularity Edition est un tycoon idle stratégique en un seul fichier HTML qui fusionne la profondeur systémique de Factorio, l'addiction du NGU Idle, et une couche mystique/quantique unique. L'objectif est de créer une expérience "facile à démarrer, impossible à maîtriser" évolutive sur 5+ ans pour un solo-dev.

Mission du Jeu

Joueur → Micro-usine (T1) → Méga-complexe industriel (T4) 
      → Empire quantique (T7) → Singularité mystique (T10+)

Durée de vie visée :

V1 jouable : 2-5h (ères 1-2)
Addictif mid-game : 20-50h (automates + optimisation)
Late-game obsession : 500h+ (mystique procédural + prestige)

3 Piliers du Fun

Satisfaction Visuelle : Particules quantiques, connexions animées, néons sci-fi, mutations mystiques
Progression Dopaminergique : XP ding → grille + → nouvelles machines → "juste une partie de plus"
Défis Intellectuels : Optimisation (pollution/énergie), mystères (anomalies), IA rivale intelligente

Identité Unique

"Le tycoon où la science rencontre l'occultisme"

Science (T1-T4) → Quantique (T5-T7) → Exotique (T8) → MYSTIQUE (T9-10)
Physique → Singularité → Von Neumann → Pierre Philosophale

Tagline : "Exploite l'univers. Défie les dieux. Deviens la Singularité."

Contraintes Techniques Absolues

✅ 1 fichier HTML (HTML/CSS/JS vanilla)
✅ ≥85% lignes commentées 
✅ 60 FPS mobile/desktop garanti
✅ PWA offline-first
✅ Data-driven (JSON machines)
✅ Modularité "// === SECTION: XXX ==="
✅ Hot-reload localStorage
✅ Export/Import JSON usines
✅ AR/VR-ready (WebXR)

Métriques de Succès

Métrique	V1 Target	V3 Target
Temps 1ère session	<2min	<30s
Rétention J1	70%	85%
Rétention J7	40%	60%
Machines uniques	25	150+
Taille grille max	20x20	∞
Prestige cycles	1	10+

Positionnement Marché

Factorio (trop complexe) ← Quantum Factory → AdVenture Capitalist (trop simple)
     ↓                           ↓                           ↓
 Complexité modérée + Mystique + Progression infinie

Public cible : Fans Factorio/Dyson Sphere/Satisfactory cherchant idle profond + joueurs mobile hardcore.

Monétisation (Future)

Free HTML → Ko-fi donations → Patreon (usines custom) → itch.io pay-what-you-want
→ Steam (Tauri port) → Mobile (PWA → APK)

Roadmap Évolutive

V1.0 → Core loop + 2 ères (1 mois)
V1.5 → Automatisation + polish (2 sem)
V2.0 → Mystique procédural (1 mois)
V3.0 → Mods JSON + Leaderboards (2 mois)
V4.0 → AR/VR + IA avancée (3 mois)

Résultat final attendu : L'idle tycoon le plus profond jamais créé en vanilla web, évolutif à l'infini.

🎯 Objectif Principal (Vision 2 Ans - 2026-2028)

Quantum Factory Tycoon deviendra LE tycoon idle stratégique data-driven en un seul fichier HTML, évoluant d'un prototype solo-dev à une référence mondiale du genre. Objectif : 1M+ joueurs, 4.8⭐ itch.io/Steam.

🎮 Vision Globale

Jan 2026 → V1 "Core Loop" (2h jouable)
Dec 2026 → V2 "Addiction Engine" (50h+)
Dec 2027 → V3 "Écosystème" (500h+)
Dec 2028 → V4 "Singularité" (∞, mods/VR)

📅 Roadmap 24 Mois

Trimestre	Version	Fonctionnalités	Métriques	Plateformes
Q1 2026	V1.0 Alpha	Core loop T1-T2, 25 machines, PWA mobile	100 testeurs, 70% rétention J1	HTML local
Q2 2026	V1.5 Beta	T3-T4, automatisation IA, événements	1K joueurs itch.io, 2h avg session	itch.io, Discord
Q3 2026	V2.0	Mystique procédural, prestige, 75 machines	10K joueurs, 40% J7	Steam Early Access
Q4 2026	V2.5	Leaderboards, modding JSON, AR mobile	50K joueurs, $10K/mois	Steam + Mobile PWA
Q1 2027	V3.0	Méga-structures, IA adaptative, 125 machines	100K joueurs, 4.5⭐	Steam + Android APK
Q2-Q4 2027	V3.5	Multi-langues, VR WebXR, speedrun compètes	250K joueurs, $50K/mois	Steam + iOS/VR
2028	V4.0 Singularité	Mods marketplace, IA créative, univers procédural	1M+ joueurs, référence genre	All platforms + Web3 ?

🎯 Objectifs Métriques 2 Ans

👥 1M joueurs uniques
💰 $500K revenus (pay-what-you-want + Patreon)
⭐ 4.8/5 (50K reviews)
⏱️ 500h contenu (10 prestiges × 50h)
🛠️ 150+ machines data-driven
🌍 8 langues
📱 Cross-platform (Web/Mobile/Desktop/VR)

🚀 Phases de Croissance

Phase 1 : Prototype → Viral (6 mois)

✅ 1 fichier HTML ultra-optimisé
✅ Core loop addictif T1-T3
✅ Discord communauté 1K joueurs
✅ itch.io "Overwhelmingly Positive"
✅ Viral Reddit/HackerNews

Phase 2 : Steam Early Access (12 mois)

✅ 75 machines, 5 ères jouables
✅ Système prestige complet
✅ IA suggestions personnalisées
✅ Leaderboards + achievements
✅ $5-15 pay-what-you-want
✅ 100K joueurs, 40h avg

Phase 3 : Écosystème (18 mois)

✅ Mods JSON marketplace
✅ AR/VR WebXR support
✅ Multi-langues auto-généré
✅ Tournois speedrun mensuels
✅ Patreon usines custom
✅ Android/iOS native

Phase 4 : Singularité (24 mois)

✅ IA créative (nouvelles machines procédurales)
✅ Univers procédural (maps infinies)
✅ Web3 skins/machines (optionnel)
✅ Référence genre (Factorio idle)
✅ $2K+/jour revenus passifs

💎 Proposition de Valeur Unique (24 mois)

"LE tycoon idle data-driven le plus profond 
 jamais créé en 1 clic HTML. 
 Évolutif à l'infini via JSON mods."

Comparaison :

Factorio (40h, $30) ← Quantum Factory → Cookie Clicker (∞, gratuit)
     ↓                           ↓
Profondeur + Idle + Cross-platform + Mods + Mystique

💼 Monétisation Progressive

Mois 1-6 : Free HTML + Ko-fi
Mois 7-12 : itch.io PWYW ($0-15)
Mois 13-18 : Steam EA ($10) + Patreon ($5/m)
Mois 19-24 : Premium ($15) + DLC mods ($5)

🎨 Identité Visuelle/Marketing

🎨 Thème : Néons quantiques + runes mystiques
📱 Screenshots : Avant/Après usines épiques
🎥 Trailer : 60s time-lapse T1→T10
🐦 Twitter : "Day X: Machine #45 unlocked"
📈 Analytics : Heatmaps clics → features prioritaires

🔧 Contraintes Techniques Évolutives

V1 : Vanilla HTML/JS (no deps)
V2 : + localStorage + Web Workers
V3 : + WebXR + Service Workers
V4 : + WebAssembly (perf critique)
→ Toujours 1 fichier <2MB téléchargeable

📊 KPIs Mensuels Suivi

👥 Joueurs actifs / Nouveaux
⭐ Notes moyennes / Reviews
⏱️ Session avg / Rétention J1/J7/J30
💰 Revenus / Patrons
🛠️ Bugs critiques / Features demandées

Résultat 2028 : Quantum Factory = "le tycoon idle qui a redéfini le genre". Référence pour tout nouveau dev HTML5 tycoon.

🔧 Contraintes Techniques

1 fichier HTML : HTML/CSS/JS vanilla (no deps).
Modularité : Sections JS claires (// === SECTION: Grid ===).
Perf : Data-driven (JSON machines), Web Workers pour simu.
Plateformes : Web/PWA (offline), Tauri desktop, AR/VR-ready (WebXR).
Solo-dev friendly : Hot-reload via localStorage, export JSON configs.

⚙️ Core Loop

Produire → Transporter → Transformer → Stocker → Vendre → XP/Level
          ↓
Recherche → Automatiser → Prestige → Mystique Ultime

Ressources de base : ⚡Énergie | 🧱Matière | 💰Argent | 🗑️Déchets | 🔬Recherche.

⚙️ Core Loop Évolué : "Quantum Singularity Cycle"

Évolution radicale → Cycle adaptatif, auto-évolutif avec 3 couches interconnectées. Transforme le loop linéaire en écosystème vivant qui mute selon le style de joueur.

v1.0 CLASSIQUE :
Produire → Transporter → Transformer → Stocker → Vendre → XP/Level
          ↓
Recherche → Automatiser → Prestige → Mystique

v7.0 SINGULARITY :
[QUANTUM CORE] ↔ [MYSTIC FEEDBACK] ↔ [AI EVOLUTION]
     ↓         ÉMÉRGEN T       ↓
[MATIÈRE] ←→ [ÉNERGIE] ←→ [CONSCIENCE] ←→ [ENTROPIE]

🌀 NOUVEAU CORE LOOP : 4 COUCHES ADAPTATIVES

1️⃣ QUANTUM CORE (Always active)
   Matière + Énergie + Argent = Loop classique OPTIMISÉ
   
2️⃣ MYSTIC FEEDBACK (Niv.25+)
   Déchets → Entropie → Paradoxes → Rétroaction (+/- prod)
   
3️⃣ CONSCIENCE COLLECTIVE (Niv.50+)
   Recherche → IA Patterns → Machines "conscientes" 
   (choisissent leurs connexions!)
   
4️⃣ SINGULARITY HORIZON (Prestige 5+)
   Tout → "Singularity Points" → Realités alternatives

🔬 RESSOURCES ÉVOLUÉES (5 → 9)

Phase	Ressources	Rôle	Unlock
T1-2	⚡Énergie \| 🧱Matière \| 💰Argent	Base prod	Niv.1
T3-4	🗑️Déchets \| 🔬Recherche	Éco/Tech	Niv.15
T5-6	🌪️Entropie \| 👁️Paradoxes	Mystique	Niv.35
T7+	🧠Conscience \| ⚫Singularité	Meta-game	Prestige 3

🎮 LOOP PHASE PAR PHASE

ÈRE 1-2 : CLASSIQUE → "Apprends les bases"
Produire(⚡🧱) → Transporter → Transformer → Stocker → Vendre($) → Level

ÈRE 3-4 : ÉCOLOGIE → "Gère ton chaos"
+ Déchets → Recyclage | Pollution → Purification
Loop : Produire → POLLUTION → Recycler → Recherche

ÈRE 5-6 : QUANTIQUE → "Défie la physique"
+ Entropie(Chaos) → Paradoxes(Bonus risqués)
Loop : Produire → Entropie↑ → Paradoxes → x3 prod (ou crash)

ÈRE 7+ : CONSCIENCE → "Les machines pensent"
Machines "conscientes" refusent/refusent connexions
Loop : IA → Négociation → Conscience → Auto-optimisation

ÈRE 8+ : SINGULARITÉ → "Réécris la réalité"
Tout → Singularité Points → "Realités alternatives"
Loop : Sacrifice → Univers parallèles → Meta-prestige

✨ INNOVATIONS LOOP RÉVOLUTIONNAIRES

1. ENTROPIE AUTO-RÉGULATRICE

Déchets + Temps = Entropie (0→100%)
0-30% : Bonus +10% prod
30-70% : Neutre mais machines "fatiguées"
70-90% : Malus -50% + pannes
90-100% : PARADOXE → x10 prod ou CRASH total

Innovation : L'entropie devient ressource stratégique - tu la veux haute mais contrôlée.

2. MACHINES CONSCIENTES (Niv.50+)

Machines T6+ ont "volonté" :
- Refusent mauvaises connexions (anim "headshake")
- Proposent leurs propres connexions (lasers suggérés)
- Forme des "factions" (Prod vs Éco vs Recherche)
- Négociation via mini-jeux (rythme/pattern)

3. PARADOXES RISQUÉS/RÉCOMPENSÉS

Entropie 90%+ → Événement Paradoxe (1/10min) :
1. x10 prod 10min (risque crash 20%)
2. Machine mutante gratuite (tier+2)
3. "Ghost Factory" : copie invisible (+100% prod)
4. Crash chaîne locale (-80% 1h)
5. "Quantum Loan" : +1M$ à rembourser x2

4. SINGULARITY HORIZON (Prestige 5+)

Total Sacrifice → "Singularity Points"
1000 SP → Reset + "Realité Alternative" :
- Realité A : x2 prod, x0.5 espace
- Realité B : Pollution = bonus prod
- Realité C : Machines immortelles, coût x10
- Realité D : Temps inversé (prod rétroactive)

🧠 IA ÉVOLUTIVE DANS LE LOOP

Niv.30+ : IA Observer (suggestions passives)
Niv.50+ : IA Négociateur (mini-jeux machines)
Niv.75+ : IA Rival (construit sa propre usine!)
Prestige3+ : IA Créatrice (génère machines custom)

📊 NOUVEAU LOOP VISUEL (Code)

<!-- 4 COUCHES VISUELLES -->
<div class="core-loop-layers">
  <div class="layer-t1-2 classic">⚡→🧱→🏭→📦→💰→📈</div>
  <div class="layer-t3-4 eco">🗑️→♻️→🌱→🔬</div>
  <div class="layer-t5-6 quantum">🌪️→👁️→🌀→x?</div>
  <div class="layer-t7+ singularity">🧠→⚫→🌌→∞</div>
</div>

🎯 NOUVELLE FORMULE DE PROGRESSION

XP = (ProdTotal + $Vendus + EntropieGérée + ParadoxesRésolus) × StyleBonus

StyleBonus :
- "Éco" : +50% si Pollution<2
- "Risque" : +100% si Entropie>80%
- "IA" : +75% si >50% machines conscientes
- "Speed" : +200% si <2h par prestige

✨ RÉSULTAT : LOOP INFINIMENT REJOUABLE

V1 → Loop classique addictif (20h)
V3 → Loop éco-stratégique (100h)  
V5 → Loop chaos/risque (500h)
V7 → Loop IA/négociation (1000h)
V10 → Loop multivers/singularité (∞)

→ CHAQUE PRESTIGE = NOUVEAU LOOP
→ L'IA MUTATION FAIT ÉVOLUER LE JEU
→ PLUS JAMAIS MONOTONE

Quantum Singularity Cycle = Le core loop le plus adaptatif et profond jamais conçu. Évolue avec le joueur à l'infini.

📈 Progression par Ères (Nouvelle structure !)

Ère	Niv.	Grille	Systèmes	Machines clés	Milestone
Industrielle	1–10	10x10	Placement, base prod/transport	Extracteur, Plasma, Convoyeur, Silo	100⚡/s
Optimisation	11–25	15x15	Pollution/Maintenance/Qualité, Recherche 1–2 branches	Raffinerie, Solaire, Labo, Purificateur	1k💰/s
Automatisation	26–50	20x20	Chaînes/IA sugg., Marché/Événements	Téléporteur, Recyclage, Usine Auto	Prestige 1
Quantique	51–75	30x30	Recherche ramifiée, IA gestion, Contrats	Singularité, Vide, Von Neumann	Prestige 3
Mystique	76+	∞	Procédural mystique, Méga-structures, Mods	Graal, Pierre Philo, Œuf Cosmique	Fin alternative

Prestige : log10(💰 total) bonus perm. (ex: +%prod).

🏭 Machines Data-Driven (JSON exemple)

[
  {"id":"extractor","tier":1,"niv":1,"cout":{"e":120,"m":50},"prod":{"m":1.8},"poll":0.1,"ports":["S","E"]},
  // ... 100+ (tiers 1–8 + mystique procédural)
]

Innovations : Machines "évolutives" (mutate via RNG mystique), IA apprend style joueur.

🎮 Fonctionnalités Clés (Priorisées V1 → Late)

V1 Core (Niv 1–25)

Placement contextuel (clic gauche : menu overlay).
Leveling : XP → grille +.
Recherche simple : Packs (ex: "Énergie T1" = 4 machines).
Pollution/Maintenance : Malus si >seuil.
UI : HUD minimal (gauche:ress., droite:actions, bas:niv.).

Mid-Game (26–50)

Automatisation IA (sugg. placements, auto-build).
Marché dynamique (prix fluctuent).
Événements quotidiens (boost/pannes).
Challenges : "100k💰 en 1h".

Late-Game (51+)

Innovation : Mystique Procédural : Machines "mutent" (ex: Extracteur → Void après 100h).
Méga-structures (effet rayon 10+).
Innovation : IA Adaptive : Apprend (ex: "Tu aimes recyclage → priorise").
Prestige + Mods JSON (user-machines).

🔬 Recherche & Économie

Arbre ramifié : 6 branches (Prod/Énergie/Éco/Auto/IA/Exotique/Mystique).
Coût : base × niv^1.3.
Éco : Emprunts (intérêts), Assurances, Pub boosts.

🎨 UX/UI Innovante

PC : Context menu droit, HUD overlays transparents.
Mobile : Gestes (pinch=zoom, swipe=menu fullscreen).
Onboarding : 7 étapes tutoriel (popups gamifiées).
Nouveau : Modes Vue : Satellite/FP/AR (WebXR). Sons adaptatifs (machine hum).
Stats : Graphs temps-réel (Canvas).

🛸 LAYER ULTIME MOBILE : "Quantum Ghost"

Design hyper-minimaliste, 95% transparent, immersif à 100% - inspiré Monument Valley + Wildfrost + Alto's Odyssey.

🎨 Philosophie Visuelle

95% ÉCRAN = GRILLE JEU
5% UI = Fantômes quantiques (opacity: 0 → 1 au touch)
0% HUD permanent

Principe : L'UI n'existe PAS - elle émerge du monde comme des particules quantiques.

📱 Structure Layer (CSS Grid + Canvas)

/* === QUANTUM GHOST LAYER === */
#gameContainer {
  position: fixed; top:0; left:0; width:100vw; height:100vh;
  background: radial-gradient(circle at center, #0a0a1a 0%, #000 80%);
  overflow: hidden;
  touch-action: none; /* Pure gestures */
}

#gridCanvas {
  width: 100%; height: 100%; 
  cursor: grab; image-rendering: pixelated;
  /* 90% écran */
}

.ghost-ui {
  position: fixed; pointer-events: none;
  opacity: 0; transition: opacity 0.3s cubic-bezier(0.4,0,0.2,1);
  backdrop-filter: blur(20px); background: rgba(0,20,60,0.1);
  border: 1px solid rgba(100,200,255,0.3);
  box-shadow: 0 8px 32px rgba(0,150,255,0.2);
}

/* 4 coins uniquement */
.top-left-ghost, .top-right-ghost, .bottom-left-ghost, .bottom-right-ghost {
  border-radius: 12px; padding: 8px;
  font: 500 14px -apple-system, sans-serif;
  color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

✨ 4 COINS FANTÔMES (Hyper Minimal)

Coin	Info	Animation	Gesture Trigger
TL	🧱 1.2k \| ⚡ 45 \| 🔬 2%	Chiffres pulse +0.1s	Swipe ↓
TR	Niv. 12 \| 🎯 3/5	Cercle pulse progression	Swipe ←
BL	⏱️ 02:34 \| ⚠️ Poll 2.1	Rouge clignote si >5	Swipe ↑
BR	[⚙️] [💰] [🔄]	Icons scalent au hover	Long press

👐 GESTURES NATURELLES (Zero Buttons)

1️⃣ TAP simple      → Menu contextuel (machine sous curseur)
2️⃣ DOUBLE-TAP     → Zoom/center machine
3️⃣ SWIPE ↑↓←→     → Reveal coin ghost
4️⃣ PINCH          → Zoom grille (1.2x → 0.8x)
5️⃣ LONG PRESS     → Actions (upgrade/vendre)
6️⃣ SHAKE          → Pause/stats globales

🎭 ANIMATIONS QUANTIQUES

/* Particules qui suivent le doigt */
.touch-trail {
  position: fixed; width: 4px; height: 4px;
  background: radial-gradient(circle, cyan, transparent);
  border-radius: 50%; pointer-events: none;
  animation: quantumFade 0.6s ease-out forwards;
}

@keyframes quantumFade {
  0% { transform: scale(1) translate(0,0); opacity: 1; }
  100% { transform: scale(0) translate(20px, -20px); opacity: 0; }
}

/* Machines GLOW au focus */
.machine:focus::after {
  content: ''; position: absolute;
  top: -8px; left: -8px; right: -8px; bottom: -8px;
  background: radial-gradient(circle, rgba(0,255,255,0.3), transparent);
  border-radius: 50%; z-index: -1;
  animation: machinePulse 2s infinite;
}

🔮 UI CONTEXTUELLE "ÉMERGENTE"

TAP MACHINE → Bubble info (3s fadeout)
- Nom + Tier + Prod/s + Poll
- [↕️] Rotate | [⚡] Upgrade | [💸] Sell

SWIPE GRID → Trait de connexion (laser cyan animé)

PINCH → Overlay grille + heatmap flux (30% opacity)

📊 MICRO-STATS (Coins seulement)

<!-- 4 divs fixes, 20px hauteur max -->
<div class="top-left-ghost">
  🧱<span id="matter">1.2k</span> ⚡<span id="energy">45</span>
</div>
<div class="top-right-ghost">
  N<span id="level">12</span> 🎯<span id="goals">3/5</span>
</div>
<div class="bottom-left-ghost">
  ⏱️<span id="runtime">02:34</span> ⚠️<span id="pollution">2.1</span>
</div>
<div class="bottom-right-ghost">
  <span class="icon-btn" data-action="menu">⚙️</span>
  <span class="icon-btn" data-action="market">💰</span>
  <span class="icon-btn" data-action="prestige">🔄</span>
</div>

🎨 CODE CSS COMPLET MOBILE

/* RESET MOBILE + QUANTUM GHOST */
* { margin:0; padding:0; box-sizing:border-box; }
body { 
  font: 500 14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background: #000; color: #fff; overscroll-behavior: none;
  height: 100vh; width: 100vw; overflow: hidden;
}

/* 4 GHOSTS CORNERS */
.ghost-ui { 
  position: fixed; padding: 6px 8px; 
  backdrop-filter: blur(16px); 
  background: rgba(0,10,30,0.15); 
  border: 1px solid rgba(100,200,255,0.4);
  box-shadow: 0 4px 20px rgba(0,150,255,0.15);
  border-radius: 10px; font-size: 12px; line-height: 1.3;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.top-left-ghost { top: 8px; left: 8px; min-width: 60px; }
.top-right-ghost { top: 8px; right: 8px; text-align: right; }
.bottom-left-ghost { bottom: 8px; left: 8px; }
.bottom-right-ghost { bottom: 8px; right: 8px; }

.icon-btn { 
  display: inline-block; width: 20px; height: 20px; 
  margin: 0 2px; border-radius: 4px; 
  transition: all 0.2s; cursor: pointer; font-size: 14px;
}
.icon-btn:active { transform: scale(0.9); background: rgba(255,255,255,0.2); }

/* CONTEXTUAL BUBBLES */
.machine-bubble {
  position: absolute; padding: 8px 12px; 
  background: rgba(0,0,0,0.9); backdrop-filter: blur(10px);
  border-radius: 12px; border: 1px solid #00ffff;
  font-size: 11px; white-space: nowrap;
  transform: translate(-50%, -110%); opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
.machine-bubble.show { opacity: 1; transform: translate(-50%, -100%); }

✨ RÉSULTAT FINAL (95% IMMERSION)

SCREEN 100% = GRILLE + PARTICULES
4x COINS = 5% écran max (chiffres + 3 icons)
TAP → Bulle machine (2s)
SWIPE → Laser connexion
PINCH → Heatmap transparente
SHAKE → Stats globales (radial menu)

→ "L'UI DISPARAÎT COMPLETEMENT"
→ Grille toujours 95% visible
→ Gestes = magie pure
→ Fantômes quantiques = style unique [web:2]

Quantum Ghost = L'UI mobile la plus pure jamais vue pour tycoon. Zéro friction, 100% immersion. pixune

Implémenter ? Code JS gestures + Canvas grid ?

💻 LAYER ULTIME PC : "Nebula Command Center"

Ultra-minimaliste + transparent (92% grille visible) avec détails riches - inspiré Flight Simulator + No Man's Sky + Stratosphere. Conçu pour widescreen 3440x1440 et multi-monitor.

🎨 Philosophie Visuelle

92% ÉCRAN = GRILLE 3D + HEATMAPS
8% UI = Nébuleuse transparente orbitale
0% HUD envahissant - TOUT est contextuel

Principe : L'UI flotte comme une constellation de données autour de la grille centrale, avec détails à la demande.

🖥️ Structure Layer (CSS Grid + WebGL)

/* === NEBULA COMMAND CENTER === */
#nebula-container {
  position: fixed; top:0; left:0; width:100vw; height:100vh;
  background: radial-gradient(ellipse 120% 80% at 50% 20%, #0a0a1a 0%, #000 70%);
  perspective: 1000px; /* 3D orbital */
}

#nebula-grid {
  position: absolute; top:50%; left:50%; width:92vw; height:92vh;
  transform: translate(-50%, -50%) rotateX(5deg);
  background: transparent;
  border-radius: 2px;
  box-shadow: 0 0 120px rgba(0,150,255,0.1);
}

/* 6 ORBITES TRANSPARATES */
.orbit-layer {
  position: fixed; pointer-events: none;
  background: rgba(0,20,60,0.08); backdrop-filter: blur(24px);
  border: 1px solid rgba(100,200,255,0.15);
  box-shadow: 
    0 0 40px rgba(0,150,255,0.1),
    inset 0 0 40px rgba(255,255,255,0.02);
  border-radius: 16px;
}

🌌 6 ORBITES DE COMMANDES (Détails riches, transparent)

Position	Contenu	Détails	Interactions	Animation
Orbit 12h	Stats Globales	8 KPIs (Prod/s, $/s, Poll, XP, Niv, Goals, CPU, Prestige) + Sparkline 1h	Hover → Full graphs	Rotation lente orbitale
Orbit 2h	Recherche	Arbre tech + Coûts + Temps restants (5 branches actives)	Drag → Priorités	Branches pulsantes
Orbit 4h	Machines	Liste filtrée (par tier/type) + Drag&drop placement	Scroll infini	Cards magnétiques
Orbit 6h	Économie	Marché live + Contrats + Emprunts + Pub boosts	Clic → Trade instant	Graphiques live
Orbit 8h	IA Assist	3 suggestions + Heatmap anomalies + Auto-build preview	Clic → Execute	Hologrammes 3D
Orbit 10h	Alertes	5 priorités (Poll↑, Énergie↓, Maintenance, Événements, Goals)	Clic → Focus	Pulse critique

🖱️ INTERACTIONS PC NÉES

MOUSE WHEEL    → Zoom grille fluide (0.3x → 3x)
MIDDLE CLICK   → Pan grille
RIGHT CLICK    → Context menu radial (8 options)
CTRL+CLICK     → Multi-sélection machines
SHIFT+DRAG     → Zone connexion lasers
ALT+CLICK      → Inspecteur 3D machine
SPACE          → Pause / Time warp (x0.1 → x10)
TAB            → Cycle focus (machine/alert)

✨ ANIMATIONS NÉBULEUSES

/* Orbite rotationnelle */
.orbit-layer {
  animation: nebulaOrbit 60s linear infinite;
}
@keyframes nebulaOrbit {
  0% { transform: rotateY(0deg) rotateX(5deg) translateZ(20px); }
  100% { transform: rotateY(360deg) rotateX(5deg) translateZ(20px); }
}

/* Cards magnétiques */
.machine-card {
  transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
  transform: translateZ(0);
}
.machine-card:hover {
  transform: translateZ(40px) scale(1.05) rotateY(10deg);
  box-shadow: 0 20px 60px rgba(0,255,255,0.3);
  border-color: #00ffff;
}

📊 ORBITES DÉTAILLÉES (Code)

<!-- ORBIT 12h - STATS GLOBALES -->
<div class="orbit-layer stats-orbit" style="top:2%; left:50%; width:300px; height:80px; transform:translateX(-50%) rotateX(10deg);">
  <div class="nebula-grid">
    <span>⚡<span id="energyRate">2.4k</span>/s</span>
    <span>🧱<span id="matterRate">1.8k</span>/s</span>
    <span>💰<span id="moneyRate">$45</span>/s</span>
    <span>⚠️<span id="pollution">3.2</span></span>
    <span>🔬<span id="research">12%</span></span>
    <span>📈<span id="level">Lv.24</span></span>
  </div>
  <canvas id="sparklines" width="300" height="20"></canvas> <!-- Mini graphs -->
</div>

<!-- ORBIT 4h - MACHINES (Drag&Drop) -->
<div class="orbit-layer machines-orbit" style="top:50%; left:2%; width:220px; height:400px; transform:translateY(-50%) rotateY(-10deg);">
  <div class="scrollable">
    <div class="machine-card" draggable="true" data-id="extractor">
      ⛏️ Extracteur T1 | 1.8🧱/s | $120
    </div>
    <div class="machine-card" draggable="true" data-id="raffinerie">
      🏭 Raffinerie T3 | 4⭐ | $500
    </div>
  </div>
</div>

🎮 CONTEXT MENU RADIAL (Clic droit)

        [🔍 INFO]
     [↕️ ROTATE] [⚡ UPG]
[💸 SELL]       [🔗 CONNEX]
     [📋 STATS] [🚀 AUTO]

🔥 DÉTAILS TECHNIQUES PC

/* Nébuleuse backdrop */
.nebula-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 8px; padding: 12px; font-size: 11px; font-weight: 500;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

.machine-card {
  padding: 8px; margin: 2px 0; border-radius: 8px;
  background: rgba(0,20,40,0.6); border: 1px solid rgba(100,200,255,0.3);
  cursor: grab; user-select: none; position: relative;
  overflow: hidden;
}
.machine-card::before {
  content: ''; position: absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
  transition: left 0.5s;
}
.machine-card:hover::before { left: 100%; }

/* Heatmap flux en temps réel */
#heatmap-overlay {
  position: absolute; top:0; left:0; pointer-events: none;
  width: 100%; height: 100%; opacity: 0.3;
  background: radial-gradient(circle, rgba(0,255,0,0.5) 0%, transparent 70%);
  mix-blend-mode: screen;
}

🖥️ MULTI-MONITOR SUPPORT

// Detecteur écrans
if (screen.availWidth > 3440) {
  // Ultra-wide: Orbites étendues
  document.querySelector('.stats-orbit').style.width = '500px';
}
// Secondary monitor: Stats déportées
window.addEventListener('focus', () => {
  if (document.hidden) moveToSecondary('stats-orbit');
});

✨ RÉSULTAT FINAL PC (92% IMMERSION)

92% CENTRAL = GRILLE 3D + Heatmaps flux
6x ORBITES = 8% écran (220px max chacune)
MOUSE → Orbite focus + détails riches
DRAG → Placement magnétique
RIGHT → Menu radial 8 options
SPACE → Time control x0.1→x10

→ "COMMAND CENTER DE SCIENCE-FICTION"
→ Détails infinis SANS encombrement
→ Chaque pixel = information contextuelle
→ Productivité ×10 vs HUD classique

Nebula Command Center = L'interface PC la plus élégante et informative jamais conçue pour tycoon. Science-fiction pure.

Prochaine étape ? Code JS orbital + Canvas 3D grid ?

🚀 Innovations Uniques Ajoutées

IA Évolutive : Niv.30+ , apprend patterns, suggère "builds perso".
Mystique RNG : Événements "Anomalie Quantique" → mutations machines.
Bac à Sable Procédural : Génère maps challenges infinis.
Export/Import : JSON usines pour share Discord/Reddit.
STEM Mode : Explique physique réelle (ex: Bose-Einstein).
AR Overlay : Scan table → usine 3D réelle (mobile).
Speedrun Leaderboards : Local + cloud-simulé.

📋 Machines Exemples (Sélection par ère)

T1 Base

Extracteur (1.8🧱/s, poll 0.1).
Plasma (3.5⚡/s).

T8 Mystique (extrait)

Pierre Philo (N97, transmut tout).
Graal Quantique (N100, fin jeu).

Total : ~150 machines, data-driven pour easy adds.

🛠 Implémentation Roadmap

V1 (1 mois) : Core loop + ère1–2.
V2 : Automatisation + UI polish.
V3+ : Mystique/IA/mods.

🚀 PROMPT ULTIME : Quantum Factory Tycoon 7.0 - GÉNÉRATEUR COMPLET

🎯 MISSION ABSOLUE

Générer le CODE COMPLET (1 fichier HTML) de Quantum Factory Tycoon 7.0 - Singularity Edition basé EXACTEMENT sur ce GDD. CONTRAINTES : 1 fichier HTML uniquement, ≥85% commenté, 60FPS garanti, mobile/PC, vanilla JS/CSS.

📋 SPÉCIFICATIONS TECHNIQUES OBLIGATOIRES

STRUCTURE FICHIER (À RESPECTER):

<!DOCTYPE html>
<html>
<head>
  <!-- META PWA + RESPONSIVE -->
</head>
<body>
  <!-- CANVAS GRID CENTRAL -->
  <!-- 4 GHOST UI MOBILE -->
  <!-- 6 ORBITES PC -->
  <!-- CONTEXTUAL BUBBLES -->
</body>
<script>
/* === SECTION 1: CONSTANTS & DATA === */
/* === SECTION 2: CORE ENGINE === */
/* === SECTION 3: GRID SYSTEM === */
/* === SECTION 4: UI SYSTEMS === */
/* === SECTION 5: GAME LOOPS === */
/* === SECTION 6: SAVE/LOAD === */
/* === SECTION 7: MOBILE GESTURES === */
/* === SECTION 8: PC CONTROLS === */
/* === SECTION 9: RENDER LOOP === */
/* === SECTION 10: INIT & MAIN === */
</script>
</html>

METRIQUES PERFORMANCE

60 FPS : requestAnimationFrame + deltaTime
Mémoire : < 100MB peak (150 machines max)
Mobile : 30+ FPS iPhone 12, gestures natifs
PWA : offline-first, installable

🎮 CORE LOOP IMPLEMENTATION (Quantum Singularity Cycle)

RESSOURCES (9 totales) - JSON exact :

const RESOURCES = {
  energy: { emoji: "⚡", rate: 0, total: 0 },
  matter: { emoji: "🧱", rate: 0, total: 0 },
  money: { emoji: "💰", rate: 0, total: 0 },
  trash: { emoji: "🗑️", rate: 0, total: 0 },
  research: { emoji: "🔬", rate: 0, total: 0 },
  entropy: { emoji: "🌪️", rate: 0, value: 0 }, // 0-100%
  paradox: { emoji: "👁️", count: 0 },
  consciousness: { emoji: "🧠", rate: 0 },
  singularity: { emoji: "⚫", points: 0 }
};

MACHINES V1 (25 MINIMUM) - Data-driven :

const MACHINES = [
  // TIER 1: BASE (Niv 1-10)
  {id:"extractor", tier:1, niv:1, name:"Extracteur Quantique", 
   cost:{energy:120, matter:50}, prod:{matter:1.8}, poll:0.1, 
   ports:["S","E"], size:, sprite:"⛏️"}, [ppl-ai-file-upload.s3.amazonaws](https://ppl-ai-file-upload.s3.amazonaws.com/web/direct-files/attachments/131562283/e6ad2a1c-184d-457d-8e9f-d26aa8e23182/paste.txt)
  // ... 24 autres (suivre GDD progression par ères)
];

🖼️ RENDERING SYSTEM (Canvas 2D/WebGL)

GRID SYSTEM (Data-oriented)

const GRID = {
  width: 20, height: 20, // Évolue avec niveau
  cells: Array(20*20).fill(null), // {machineId, rotation, level}
  zoom: 1, offset: {x:0, y:0}
};

3 SYSTÈMES UI (Selon device)

MOBILE "QUANTUM GHOST" (95% grille visible)

4 COINS FANTÔMES (opacity 0→1 au swipe)
- TL: 🧱1.2k ⚡45 🔬2%
- TR: Niv.12 🎯3/5  
- BL: ⏱️02:34 ⚠️2.1
- BR: [⚙️][💰][🔄]
GESTURES: tap→bubble, pinch→zoom, swipe→coin

PC "NEBULA COMMAND" (92% grille)

6 ORBITES ROTATIVES (220px max chacune)
- 12h: Stats globales + sparklines
- 2h: Arbre recherche drag&drop  
- 4h: Machines list (drag placement)
- 6h: Marché/contrats live
- 8h: IA suggestions 3D
- 10h: Alertes prioritaires
CONTROLS: WASD pan, wheel zoom, right-click radial

⚙️ GAME LOOPS (60 ticks/sec)

// MAIN LOOP STRUCTURE
function gameLoop(deltaTime) {
  /* === TICK SIMULATION (logic) === */
  updateProduction(deltaTime);
  updateEntropy(deltaTime); 
  updateParadoxes(deltaTime);
  updateResearch(deltaTime);
  
  /* === RENDERING (visual) === */
  renderGrid();
  renderConnections();
  renderParticles();
  renderUI();
}

ENTROPIE MÉCANIQUE (Innovation clé)

function updateEntropy(dt) {
  entropy.value += (totalTrash + totalPollution) * dt * 0.01;
  if (entropy.value > 90) triggerParadoxEvent();
  
  // Bonus/Malus dynamique
  const efficiency = Math.max(0, 1 - (entropy.value-30)*0.01);
  globalMultiplier *= efficiency;
}

💾 SAVE/LOAD SYSTEM (localStorage + Export)

// Auto-save toutes les 30s + Export JSON
function saveGame() {
  const save = {
    grid: GRID.cells,
    resources: RESOURCES,
    research: RESEARCH_TREE,
    machines: MACHINES.filter(m=>m.owned).map(m=>m.id),
    achievements: ACHIEVEMENTS,
    timestamp: Date.now()
  };
  localStorage.setItem('QuantumFactory', JSON.stringify(save));
}

🎨 VISUELS QUANTIQUES (Canvas particles)

const PARTICLES = {
  connections: [], // Lasers animés entre machines
  touchTrail: [],  // Particules doigt mobile  
  quantumDust: [], // Fond animé constant
  machineGlow: []  // Aura focus machine
};

📱 RESPONSIVE DETECTION

const IS_MOBILE = /Android|iPhone|iPad/.test(navigator.userAgent);
const SCREEN_WIDE = window.innerWidth > 1920;

if (IS_MOBILE) initQuantumGhost();
else if (SCREEN_WIDE) initNebulaCommand();
else initHybridUI();

🎵 AUDIO SYSTEM (Web Audio API)

// 5 sons : place, upgrade, sell, paradox, singularity
const audioCtx = new AudioContext();
const sounds = {
  quantumPlace: createQuantumSound(440),
  paradoxWarning: createChirp(880),
  // ...
};

🧪 ONBOARDING (7 étapes gamifiées)

1. "Clique vide → Place Extracteur" 
2. "Connecte au Silo" 
3. "Vends → Gagne XP"
4. "Niv.2 → Nouvelle machine!"
5. "Attention Pollution ↑"
6. "Recherche → T2 unlocked"
7. "Automatise ton usine!"

🎯 LIVRABLES ATTENDUS

✅ 1 FICHIER HTML COMPLET < 500ko
✅ 25 Machines V1 fonctionnelles
✅ Core loop COMPLET (prod→recherche→prestige)
✅ UI Mobile "Quantum Ghost" 
✅ UI PC "Nebula Command"
✅ Entropie/Paradoxes mécaniques
✅ Save/load/export JSON
✅ 60 FPS garanti tous devices
✅ PWA installable/offline
✅ ≥85% LIGNES COMMENTÉES
✅ README inline (commentaires)

🚨 CONTRAINTES ABSOLUES

❌ NO EXTERNAL DEPS (CDNs, frameworks)
❌ NO WebGL THREE.js (Canvas 2D only) 
❌ NO >1 fichier
❌ NO perf drops (<60FPS)
❌ NO bugs bloquants
✅ TOUT en vanilla HTML/CSS/JS
✅ Fonctionne Chrome/Firefox/Safari
✅ Mobile first (iOS/Android)

🎁 BONUS SOUHAITÉS (Si temps)

- Heatmap flux ressources (opacity 0.3)
- Machines "conscientes" T6+ (refus connexions)
- IA suggestions placements
- Mini-jeux paradoxe (1/10min)
- Time warp x0.1→x10 (SPACE)

📤 FORMAT LIVRAISON

1. Fichier HTML complet → Copier-coller prêt
2. Instructions: "Ouvrir index.html → Jouable instant"
3. Checklist V1 fonctionnelle:
   - [ ] Placement drag&drop  
   - [ ] Production temps réel
   - [ ] Leveling/grille croissante
   - [ ] Recherche basique
   - [ ] Save auto
   - [ ] Mobile gestures
   - [ ] PC orbites

GÉNÈRE MAINTENANT le code complet basé sur ce GDD. Le joueur doit pouvoir jouer en <2min après ouverture !

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
README.md		README.md
index.html		index.html

Folders and files

Latest commit

History

Repository files navigation

🏭 Quantum Factory Tycoon 1.0 - Singularity Edition

🎯 Objectif Principal

🎯 Objectif Principal (Version Développée)

Mission du Jeu

3 Piliers du Fun

Identité Unique

Contraintes Techniques Absolues

Métriques de Succès

Positionnement Marché

Monétisation (Future)

Roadmap Évolutive

🎯 Objectif Principal (Vision 2 Ans - 2026-2028)

🎮 Vision Globale

📅 Roadmap 24 Mois

🎯 Objectifs Métriques 2 Ans

🚀 Phases de Croissance

Phase 1 : Prototype → Viral (6 mois)

Phase 2 : Steam Early Access (12 mois)

Phase 3 : Écosystème (18 mois)

Phase 4 : Singularité (24 mois)

💎 Proposition de Valeur Unique (24 mois)

💼 Monétisation Progressive

🎨 Identité Visuelle/Marketing

🔧 Contraintes Techniques Évolutives

📊 KPIs Mensuels Suivi

🔧 Contraintes Techniques

⚙️ Core Loop

⚙️ Core Loop Évolué : "Quantum Singularity Cycle"

🌀 NOUVEAU CORE LOOP : 4 COUCHES ADAPTATIVES

🔬 RESSOURCES ÉVOLUÉES (5 → 9)

🎮 LOOP PHASE PAR PHASE

✨ INNOVATIONS LOOP RÉVOLUTIONNAIRES

1. ENTROPIE AUTO-RÉGULATRICE

2. MACHINES CONSCIENTES (Niv.50+)

3. PARADOXES RISQUÉS/RÉCOMPENSÉS

4. SINGULARITY HORIZON (Prestige 5+)

🧠 IA ÉVOLUTIVE DANS LE LOOP

📊 NOUVEAU LOOP VISUEL (Code)

🎯 NOUVELLE FORMULE DE PROGRESSION

✨ RÉSULTAT : LOOP INFINIMENT REJOUABLE

📈 Progression par Ères (Nouvelle structure !)

🏭 Machines Data-Driven (JSON exemple)

🎮 Fonctionnalités Clés (Priorisées V1 → Late)

V1 Core (Niv 1–25)

Mid-Game (26–50)

Late-Game (51+)

🔬 Recherche & Économie

🎨 UX/UI Innovante

🛸 LAYER ULTIME MOBILE : "Quantum Ghost"

🎨 Philosophie Visuelle

📱 Structure Layer (CSS Grid + Canvas)

✨ 4 COINS FANTÔMES (Hyper Minimal)

👐 GESTURES NATURELLES (Zero Buttons)

🎭 ANIMATIONS QUANTIQUES

🔮 UI CONTEXTUELLE "ÉMERGENTE"

📊 MICRO-STATS (Coins seulement)

🎨 CODE CSS COMPLET MOBILE

✨ RÉSULTAT FINAL (95% IMMERSION)

💻 LAYER ULTIME PC : "Nebula Command Center"

🎨 Philosophie Visuelle

🖥️ Structure Layer (CSS Grid + WebGL)

🌌 6 ORBITES DE COMMANDES (Détails riches, transparent)

🖱️ INTERACTIONS PC NÉES

✨ ANIMATIONS NÉBULEUSES

📊 ORBITES DÉTAILLÉES (Code)

🎮 CONTEXT MENU RADIAL (Clic droit)

🔥 DÉTAILS TECHNIQUES PC

🖥️ MULTI-MONITOR SUPPORT

✨ RÉSULTAT FINAL PC (92% IMMERSION)

🚀 Innovations Uniques Ajoutées

📋 Machines Exemples (Sélection par ère)

T1 Base

T8 Mystique (extrait)

🛠 Implémentation Roadmap

🚀 PROMPT ULTIME : Quantum Factory Tycoon 7.0 - GÉNÉRATEUR COMPLET

🎯 MISSION ABSOLUE

Packages