1. 🌐 ENVIRONNEMENT WEB COMPLET

Construis un environnement web complet simulant un système d’exploitation de bureau en utilisant uniquement HTML, CSS et JavaScript, le tout dans un seul fichier directement exécutable dans Google Chrome. L’interface doit ressembler à un véritable OS avec une barre des tâches, des icônes, des fenêtres déplaçables et une gestion basique des fenêtres (ouvrir, fermer, minimiser).

Le système doit inclure au moins cinq applications différentes (comme un bloc-notes, une calculatrice, un explorateur de fichiers, etc.), toutes réellement interactives et fonctionnelles. Parmi ces applications, au moins deux doivent être des jeux jouables, dont un avec un rendu 3D simple (type WebGL ou équivalent).

Ajoute également un système de personnalisation permettant de modifier le bureau (changement de fond d’écran, couleurs ou thèmes). Intègre une fonctionnalité spéciale de ton choix qui améliore l’expérience globale, puis explique brièvement en quoi elle consiste et pourquoi elle est intéressante.

Renvoie uniquement le code final.

Clone Mac OS

Crée une interface complète inspirée de MacOS, entièrement en HTML, CSS et JavaScript vanilla, dans un seul fichier si possible. Je veux un rendu très propre, moderne, fluide et visuellement premium, comme un vrai desktop Mac.

Exigences :

- Génère une fausse interface de bureau type MacOS, fullscreen, responsive, avec un design très réaliste.
- Ajoute une barre de menu en haut, style MacOS, avec logo Apple à gauche, menus (Finder, File, Edit, View, Go, Window, Help), heure à droite, icônes système (Wi-Fi, batterie, recherche, centre de contrôle).
- Ajoute un dock en bas avec effet glassmorphism / blur, icônes bien espacées, animation au survol type magnification MacOS.
- Mets plusieurs applications cliquables dans le dock et/ou sur le bureau :
  - Finder
  - Safari
  - Terminal
  - Notes
  - App Store
  - Settings
  - Music
- Chaque app doit s’ouvrir dans une vraie fenêtre draggable.
- Les fenêtres doivent avoir :
  - boutons rouge / orange / vert en haut à gauche
  - ombre douce
  - coins arrondis
  - effet de transparence léger
  - possibilité de déplacer les fenêtres à la souris
  - possibilité de les mettre au premier plan quand on clique dessus
  - bouton pour fermer la fenêtre
  - bouton pour minimiser
  - bouton pour maximiser / restaurer
- Ajoute un bureau avec wallpaper élégant style MacOS Sonoma / Ventura.
- Ajoute quelques icônes sur le bureau (Documents, Projects, Trash, Images).
- Implémente un Finder basique avec sidebar + liste de fichiers fictifs.
- Implémente Safari avec une fausse barre d’adresse et une page d’accueil.
- Implémente Terminal avec quelques commandes fake fonctionnelles comme :
  - help
  - clear
  - date
  - whoami
  - ls
- Implémente Notes avec une zone de texte éditable.
- Ajoute des animations fluides à l’ouverture / fermeture des fenêtres.
- Ajoute un effet glassmorphism moderne sur certains éléments.
- Utilise un fond, des lumières, des ombres et des contrastes qui donnent vraiment l’impression d’un OS premium.
- Le code doit être propre, bien structuré et facilement modifiable.
- Pas de librairie externe, sauf si absolument nécessaire.
- Tout doit être fonctionnel directement en ouvrant le fichier HTML dans un navigateur.
- Le rendu doit être impressionnant visuellement, presque comme une démo de faux système d’exploitation.

Important :
- Renvoie uniquement le code final.
- Ne donne aucune explication.
- Fais quelque chose de très poussé visuellement, pas une version simpliste ou scolaire.

2. 🎨 MAQUETTE → SITE WEB

Transforme cette maquette en un site web moderne, élégant et entièrement responsive, mettant en valeur des compétences front-end avancées.

Le site doit inclure des animations fluides, une excellente expérience utilisateur, une hiérarchie visuelle claire et un design propre et professionnel. Le code doit être structuré, lisible et optimisé.

Renvoie uniquement le code final.

3. 🧩 IMAGE → SVG

Génère une version vectorielle (SVG) fidèle et détaillée de cette image.

Le SVG doit être propre, optimisé et structuré, tout en conservant les formes, proportions et éléments visuels importants.

Renvoie uniquement le code SVG.

4. 🌱 SIMULATION PLANTE 3D

Conçois et développe une simulation de croissance d’une plante en 3D qui illustre visuellement l’évolution d’une graine jusqu’à une plante ou un arbre entièrement formé au fil du temps.

La simulation doit montrer clairement les différentes étapes de croissance, incluant la germination, le développement de la tige, ainsi que l’apparition des feuilles ou des branches, avec une animation fluide et progressive plutôt qu’instantanée.

L’utilisateur doit pouvoir interagir avec la simulation en ajustant des paramètres tels que la vitesse de croissance, la taille globale de la plante et un facteur d’aléatoire influençant sa forme. La croissance doit se faire en temps réel, avec une option pour réinitialiser la simulation à tout moment.

Le rendu doit être organique, visuellement agréable et crédible sans nécessiter une précision scientifique parfaite.

Tu peux utiliser n’importe quelle bibliothèque, mais l’ensemble doit être contenu dans un seul fichier exécutable directement dans un navigateur Chrome.

Renvoie uniquement le code final.

5. 🏹 JEU DE TIR À L’ARC

Conçois et crée un jeu de simulation de tir à l’arc. Le jeu doit proposer des graphismes en 3D, dans le style de ton choix.

La simulation doit inclure un système de tir où le joueur utilise un arc pour lancer des flèches sur des cibles placées à des distances variables. La physique des flèches doit être affectée par la gravité, obligeant le joueur à ajuster sa visée en conséquence. De plus, un système de vent doit être implémenté, influençant la trajectoire des flèches et ajoutant un niveau de difficulté supplémentaire.

Le joueur doit pouvoir contrôler la puissance et l’angle de chaque tir, avec un retour visuel pour aider à viser (par exemple : un aperçu de la trajectoire ou un guide discret). Les cibles doivent varier en position et en difficulté, et le joueur doit obtenir un score basé sur la précision et l’exactitude de ses tirs.

Le jeu doit inclure un système de progression : toucher toutes les cibles permet d’accéder à une manche plus difficile, avec des facteurs comme une distance accrue, des cibles mobiles ou un vent plus fort. Si le joueur ne touche pas assez de cibles, la partie doit se terminer et revenir à un écran de démarrage.

Tu peux utiliser n’importe quelle bibliothèque pour cette implémentation, mais tout doit être contenu dans un seul script et jouable directement dans un navigateur Chrome.

6. 🧟 ZOMBIE TOWER DEFENSE

Conçois et crée un jeu de tower defense sur le thème des zombies. Le jeu doit proposer des graphismes en 3D, dans le style de ton choix.

Le jeu doit inclure une carte avec un chemin défini où des vagues de zombies avancent progressivement vers une base. Le joueur doit pouvoir placer différents types de défenses le long de la carte, notamment des tourelles basiques, des tours de sniper avec une longue portée et de gros dégâts, ainsi que des mines infligeant des dégâts de zone lorsque les ennemis passent dessus.

Chaque type de défense doit avoir des caractéristiques distinctes telles que la portée, la cadence de tir et les dégâts. Le joueur doit disposer de ressources limitées afin de placer et améliorer stratégiquement ses défenses. Les zombies doivent arriver en vagues de plus en plus difficiles, avec des variations comme des ennemis plus rapides ou plus résistants.

Le gameplay doit inclure un système de progression clair où survivre à une vague permet d’accéder à une suivante plus difficile. Si trop de zombies atteignent la base, la partie se termine et revient à un écran de démarrage. Des retours visuels doivent être présents, comme des indicateurs de vie, des effets de dégâts et des animations d’attaque.

Tu peux utiliser n’importe quelle bibliothèque pour cette implémentation, mais l’ensemble du jeu doit être contenu dans un seul script et être directement jouable dans un navigateur Chrome.