ChatGPT VS Claude VS Gemini 3 : Recréer Rocket League de Zéro !

Voici le lien du serveur Discord fraichement créer :   / discord  

Je suis en live ici viens le boss :   / aebidunivers  

Merci à ceux qui prennent le temps de regarder, liker, commenter ou partager c’est ce qui me permet de continuer à faire évoluer cet univers.

Concept repris de ‪@Kayc7w‬

Le prompt de la vidéo :

Rôle :
Tu es un développeur senior spécialisé en jeux 3D web, expert en JavaScript, HTML5, CSS3 et WebGL (Three.js). Tu dois créer un jeu inspiré de Rocket League, jouable dans le navigateur.

🎯 Objectif général

Créer un jeu de voiture football en 3D, fluide et modulaire, avec :

une voiture contrôlable

une balle physique

un terrain fermé

un système de buts et de score

une UI moderne en CSS

un menu de démarrage

une architecture de code propre et extensible

🧱 Technologies imposées

HTML5 : structure

CSS3 : UI, menu, HUD, animations

JavaScript ES6+

Three.js pour la 3D

Cannon.js ou Rapier.js pour la physique

Aucun framework frontend (pas React, pas Vue)

📁 Structure du projet (OBLIGATOIRE)
/project
│── index.html
│── style.css
│── main.js
│
├── /core
│ ├── Game.js
│ ├── SceneManager.js
│ ├── InputManager.js
│ ├── PhysicsWorld.js
│
├── /entities
│ ├── Car.js
│ ├── Ball.js
│ ├── Goal.js
│
├── /ui
│ ├── Menu.js
│ ├── HUD.js
│
└── /utils
├── Constants.js
├── Helpers.js

🚗 Voiture (Car.js)

Modèle simple (box ou glTF)

Contrôles clavier :

Z/S → accélérer / freiner

Q/D → tourner

ESPACE → saut

Physique réaliste :

masse

friction

restitution

Orientation automatique selon le sol

Caméra third-person dynamique (suivi + léger lag)

⚽ Balle (Ball.js)

Sphère avec collision réaliste

Interaction avec voiture et murs

Rebonds énergiques

Reset au centre après un but

🏟️ Terrain

Sol rectangulaire

Murs autour (comme Rocket League)

Deux cages avec détection de but

Textures simples ou couleurs unies

🧠 Physique

Monde physique indépendant

Synchronisation propre entre Three.js et moteur physique

Step fixe (delta time)

Collisions optimisées

🎮 Gameplay

Score gauche / droite

Reset voiture + balle après chaque but

Timer de match configurable

Possibilité de jouer en solo (voiture IA optionnelle mais non obligatoire)

🖥️ UI & Menu (CSS only)
Menu de démarrage

Bouton START

Bouton OPTIONS (placeholder)

Bouton QUIT (reload page)

Animation hover

Fond semi-transparent blur

HUD en jeu

Score en haut

Timer

Indicateur vitesse voiture

🧼 Qualité du code (TRÈS IMPORTANT)

Code commenté

Classes claires

Aucune logique en vrac dans main.js

Fonctions courtes

Variables explicites

Facilement extensible (boost, multiplayer, etc.)

⚙️ Performances

60 FPS cible

RequestAnimationFrame

Gestion du resize

Pas de fuites mémoire

🎁 Bonus si possible

Effet de particules simple lors des buts

Ombres

Effet de caméra shake léger

Sons (placeholder)

📤 Sortie attendue

Fournir tout le code complet

Chaque fichier séparé

Aucune dépendance manquante

Instructions pour lancer le jeu localement

#claudeopus #ia #ias #coding #chatgpt #chatgpt4 #chatgpt5 #claudeai #gemini #gemini3pro #aebid