c'est quoi le truc le plus facile pour faire rapidement un jeu rudimentaire avec l'ia ?
Ouaip
J'ai été méprisé, humilié, traqué comme un chien. Et pourtant je continue d'écrire, parce que c'est ma façon de hurler.
Python
C'est que de l'amour putain !
c'est quoi le truc le plus facile pour faire rapidement un jeu rudimentaire avec l'ia ?
Rust
TND - YWNBAW - TKD - WMSTEOOPAAFFWC
L'humain
Si ma réponse est dépourvue de stickers, c'est qu'elle est à prendre au premier degré.
c'est quoi le truc le plus facile pour faire rapidement un jeu rudimentaire avec l'ia ?
Chatgpt
je veux juste faire un jeu facile et jouer avec le code sans m'y connaitre
Celui que tu veux
#7B1A1A
je veux juste faire un jeu facile et jouer avec le code sans m'y connaitre
Je te conseille scratch
sinon vibe code avec le LLM de ton choix
sinon vibe code avec le LLM de ton choix
tu penses que la programmation ça va mourir toi aussi ?
je veux juste faire un jeu facile et jouer avec le code sans m'y connaitre
Tu veux coder quoi comme jeu ?
C'est que de l'amour putain !
le Basic sur Commodore 64
ou ZX Spectrum si tu as un lecteur de cassettes
ou ZX Spectrum si tu as un lecteur de cassettes
No Nut : 5ème régiment, matricule R5-05
un truc très 2d rudimentaire je sais même pas à quoi je m'attendre moi meme
Intéressant je vois
Intéressant je vois
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Premier Jeu Vidéo !</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #111;
font-family: Arial, sans-serif;
}
canvas {
border: 4px solid #fff;
background: #000;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 30px;
font-weight: bold;
}
#gameOver {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: red;
font-size: 60px;
display: none;
}
</style>
</head>
<body>
<div id="score">Score : 0</div>
<canvas id="gameCanvas" width="480" height="620"></canvas>
<div id="gameOver">Game Over !<br><small>Appuie sur Espace pour recommencer</small></div>
<script>
// On récupère le canvas et le contexte 2D
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const scoreElement = document.getElementById("score");
const gameOverElement = document.getElementById("gameOver");
// Le joueur (une petite boule)
let player = {
x: canvas.width / 2 - 25,
y: canvas.height - 80,
width: 50,
height: 50,
speed: 8
};
// Les ennemis (les blocs qui tombent)
let enemies = [];
let score = 0;
let gameRunning = true;
// Contrôles clavier
let keys = {};
window.addEventListener("keydown", e => keys[e.key] = true);
window.addEventListener("keyup", e => keys[e.key] = false);
// Créer un nouvel ennemi toutes les 80 frames environ
let enemyTimer = 0;
function spawnEnemy() {
enemies.push({
x: Math.random() * (canvas.width - 60),
y: -60,
width: 60,
height: 60,
speed: 3 + Math.random() * 3 + score / 10 // plus le score monte, plus c'est rapide !
});
}
function update() {
if (!gameRunning) return;
// Déplacement du joueur
if ((keys["ArrowLeft"] || keys["q"] || keys["Q"] || keys["a"] || keys["A"]) && player.x > 0) {
player.x -= player.speed;
}
if ((keys["ArrowRight"] || keys["d"] || keys["D"]) && player.x < canvas.width - player.width) {
player.x += player.speed;
}
// Faire apparaître des ennemis
enemyTimer++;
if (enemyTimer > 60 - Math.min(score, 40)) { // plus tu survis, plus ça va vite
spawnEnemy();
enemyTimer = 0;
}
// Déplacer les ennemis
for (let i = enemies.length - 1; i >= 0; i--) {
let e = enemies[i];
e.y += e.speed;
// Collision ?
if (e.x < player.x + player.width &&
e.x + e.width > player.x &&
e.y < player.y + player.height &&
e.y + e.height > player.y) {
gameRunning = false;
gameOverElement.style.display = "block";
}
// Si l'ennemi sort en bas → +1 point
if (e.y > canvas.height) {
enemies.splice(i, 1);
score++;
scoreElement.textContent = "Score : " + score;
}
}
}
function draw() {
// Fond noir
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Dessiner le joueur (une boule bleue)
ctx.fillStyle = "#00f9ff";
ctx.beginPath();
ctx.arc(player.x + 25, player.y + 25, 25, 0, Math.PI * 2);
ctx.fill();
// Dessiner les ennemis (carrés rouges)
ctx.fillStyle = "#ff0055";
for (let e of enemies) {
ctx.fillRect(e.x, e.y, e.width, e.height);
}
}
function loop() {
update();
draw();
requestAnimationFrame(loop);
}
// Recommencer avec Espace
window.addEventListener("keydown", e => {
if (e.key === " " && !gameRunning) {
// Reset tout
enemies = [];
score = 0;
scoreElement.textContent = "Score : 0";
player.x = canvas.width / 2 - 25;
gameRunning = true;
gameOverElement.style.display = "none";
}
});
loop(); // Lancement du jeu !
</script>
</body>
</html>
je vais voir ce que ça va donner
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Premier Jeu Vidéo !</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #111;
font-family: Arial, sans-serif;
}
canvas {
border: 4px solid #fff;
background: #000;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 30px;
font-weight: bold;
}
#gameOver {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: red;
font-size: 60px;
display: none;
}
</style>
</head>
<body>
<div id="score">Score : 0</div>
<canvas id="gameCanvas" width="480" height="620"></canvas>
<div id="gameOver">Game Over !<br><small>Appuie sur Espace pour recommencer</small></div>
<script>
// On récupère le canvas et le contexte 2D
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const scoreElement = document.getElementById("score");
const gameOverElement = document.getElementById("gameOver");
// Le joueur (une petite boule)
let player = {
x: canvas.width / 2 - 25,
y: canvas.height - 80,
width: 50,
height: 50,
speed: 8
};
// Les ennemis (les blocs qui tombent)
let enemies = [];
let score = 0;
let gameRunning = true;
// Contrôles clavier
let keys = {};
window.addEventListener("keydown", e => keys[e.key] = true);
window.addEventListener("keyup", e => keys[e.key] = false);
// Créer un nouvel ennemi toutes les 80 frames environ
let enemyTimer = 0;
function spawnEnemy() {
enemies.push({
x: Math.random() * (canvas.width - 60),
y: -60,
width: 60,
height: 60,
speed: 3 + Math.random() * 3 + score / 10 // plus le score monte, plus c'est rapide !
});
}
function update() {
if (!gameRunning) return;
// Déplacement du joueur
if ((keys["ArrowLeft"] || keys["q"] || keys["Q"] || keys["a"] || keys["A"]) && player.x > 0) {
player.x -= player.speed;
}
if ((keys["ArrowRight"] || keys["d"] || keys["D"]) && player.x < canvas.width - player.width) {
player.x += player.speed;
}
// Faire apparaître des ennemis
enemyTimer++;
if (enemyTimer > 60 - Math.min(score, 40)) { // plus tu survis, plus ça va vite
spawnEnemy();
enemyTimer = 0;
}
// Déplacer les ennemis
for (let i = enemies.length - 1; i >= 0; i--) {
let e = enemies[i];
e.y += e.speed;
// Collision ?
if (e.x < player.x + player.width &&
e.x + e.width > player.x &&
e.y < player.y + player.height &&
e.y + e.height > player.y) {
gameRunning = false;
gameOverElement.style.display = "block";
}
// Si l'ennemi sort en bas → +1 point
if (e.y > canvas.height) {
enemies.splice(i, 1);
score++;
scoreElement.textContent = "Score : " + score;
}
}
}
function draw() {
// Fond noir
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Dessiner le joueur (une boule bleue)
ctx.fillStyle = "#00f9ff";
ctx.beginPath();
ctx.arc(player.x + 25, player.y + 25, 25, 0, Math.PI * 2);
ctx.fill();
// Dessiner les ennemis (carrés rouges)
ctx.fillStyle = "#ff0055";
for (let e of enemies) {
ctx.fillRect(e.x, e.y, e.width, e.height);
}
}
function loop() {
update();
draw();
requestAnimationFrame(loop);
}
// Recommencer avec Espace
window.addEventListener("keydown", e => {
if (e.key === " " && !gameRunning) {
// Reset tout
enemies = [];
score = 0;
scoreElement.textContent = "Score : 0";
player.x = canvas.width / 2 - 25;
gameRunning = true;
gameOverElement.style.display = "none";
}
});
loop(); // Lancement du jeu !
</script>
</body>
</html>
je vais voir ce que ça va donner
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Premier Jeu Vidéo !</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #111;
font-family: Arial, sans-serif;
}
canvas {
border: 4px solid #fff;
background: #000;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 30px;
font-weight: bold;
}
#gameOver {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: red;
font-size: 60px;
display: none;
}
</style>
</head>
<body>
<div id="score">Score : 0</div>
<canvas id="gameCanvas" width="480" height="620"></canvas>
<div id="gameOver">Game Over !<br><small>Appuie sur Espace pour recommencer</small></div>
<script>
// On récupère le canvas et le contexte 2D
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const scoreElement = document.getElementById("score");
const gameOverElement = document.getElementById("gameOver");
// Le joueur (une petite boule)
let player = {
x: canvas.width / 2 - 25,
y: canvas.height - 80,
width: 50,
height: 50,
speed: 8
};
// Les ennemis (les blocs qui tombent)
let enemies = [];
let score = 0;
let gameRunning = true;
// Contrôles clavier
let keys = {};
window.addEventListener("keydown", e => keys[e.key] = true);
window.addEventListener("keyup", e => keys[e.key] = false);
// Créer un nouvel ennemi toutes les 80 frames environ
let enemyTimer = 0;
function spawnEnemy() {
enemies.push({
x: Math.random() * (canvas.width - 60),
y: -60,
width: 60,
height: 60,
speed: 3 + Math.random() * 3 + score / 10 // plus le score monte, plus c'est rapide !
});
}
function update() {
if (!gameRunning) return;
// Déplacement du joueur
if ((keys["ArrowLeft"] || keys["q"] || keys["Q"] || keys["a"] || keys["A"]) && player.x > 0) {
player.x -= player.speed;
}
if ((keys["ArrowRight"] || keys["d"] || keys["D"]) && player.x < canvas.width - player.width) {
player.x += player.speed;
}
// Faire apparaître des ennemis
enemyTimer++;
if (enemyTimer > 60 - Math.min(score, 40)) { // plus tu survis, plus ça va vite
spawnEnemy();
enemyTimer = 0;
}
// Déplacer les ennemis
for (let i = enemies.length - 1; i >= 0; i--) {
let e = enemies[i];
e.y += e.speed;
// Collision ?
if (e.x < player.x + player.width &&
e.x + e.width > player.x &&
e.y < player.y + player.height &&
e.y + e.height > player.y) {
gameRunning = false;
gameOverElement.style.display = "block";
}
// Si l'ennemi sort en bas → +1 point
if (e.y > canvas.height) {
enemies.splice(i, 1);
score++;
scoreElement.textContent = "Score : " + score;
}
}
}
function draw() {
// Fond noir
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Dessiner le joueur (une boule bleue)
ctx.fillStyle = "#00f9ff";
ctx.beginPath();
ctx.arc(player.x + 25, player.y + 25, 25, 0, Math.PI * 2);
ctx.fill();
// Dessiner les ennemis (carrés rouges)
ctx.fillStyle = "#ff0055";
for (let e of enemies) {
ctx.fillRect(e.x, e.y, e.width, e.height);
}
}
function loop() {
update();
draw();
requestAnimationFrame(loop);
}
// Recommencer avec Espace
window.addEventListener("keydown", e => {
if (e.key === " " && !gameRunning) {
// Reset tout
enemies = [];
score = 0;
scoreElement.textContent = "Score : 0";
player.x = canvas.width / 2 - 25;
gameRunning = true;
gameOverElement.style.display = "none";
}
});
loop(); // Lancement du jeu !
</script>
</body>
</html>
je vais voir ce que ça va donner
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Premier Jeu Vidéo !</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #111;
font-family: Arial, sans-serif;
}
canvas {
border: 4px solid #fff;
background: #000;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 30px;
font-weight: bold;
}
#gameOver {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: red;
font-size: 60px;
display: none;
}
</style>
</head>
<body>
<div id="score">Score : 0</div>
<canvas id="gameCanvas" width="480" height="620"></canvas>
<div id="gameOver">Game Over !<br><small>Appuie sur Espace pour recommencer</small></div>
<script>
// On récupère le canvas et le contexte 2D
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const scoreElement = document.getElementById("score");
const gameOverElement = document.getElementById("gameOver");
// Le joueur (une petite boule)
let player = {
x: canvas.width / 2 - 25,
y: canvas.height - 80,
width: 50,
height: 50,
speed: 8
};
// Les ennemis (les blocs qui tombent)
let enemies = [];
let score = 0;
let gameRunning = true;
// Contrôles clavier
let keys = {};
window.addEventListener("keydown", e => keys[e.key] = true);
window.addEventListener("keyup", e => keys[e.key] = false);
// Créer un nouvel ennemi toutes les 80 frames environ
let enemyTimer = 0;
function spawnEnemy() {
enemies.push({
x: Math.random() * (canvas.width - 60),
y: -60,
width: 60,
height: 60,
speed: 3 + Math.random() * 3 + score / 10 // plus le score monte, plus c'est rapide !
});
}
function update() {
if (!gameRunning) return;
// Déplacement du joueur
if ((keys["ArrowLeft"] || keys["q"] || keys["Q"] || keys["a"] || keys["A"]) && player.x > 0) {
player.x -= player.speed;
}
if ((keys["ArrowRight"] || keys["d"] || keys["D"]) && player.x < canvas.width - player.width) {
player.x += player.speed;
}
// Faire apparaître des ennemis
enemyTimer++;
if (enemyTimer > 60 - Math.min(score, 40)) { // plus tu survis, plus ça va vite
spawnEnemy();
enemyTimer = 0;
}
// Déplacer les ennemis
for (let i = enemies.length - 1; i >= 0; i--) {
let e = enemies[i];
e.y += e.speed;
// Collision ?
if (e.x < player.x + player.width &&
e.x + e.width > player.x &&
e.y < player.y + player.height &&
e.y + e.height > player.y) {
gameRunning = false;
gameOverElement.style.display = "block";
}
// Si l'ennemi sort en bas → +1 point
if (e.y > canvas.height) {
enemies.splice(i, 1);
score++;
scoreElement.textContent = "Score : " + score;
}
}
}
function draw() {
// Fond noir
ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Dessiner le joueur (une boule bleue)
ctx.fillStyle = "#00f9ff";
ctx.beginPath();
ctx.arc(player.x + 25, player.y + 25, 25, 0, Math.PI * 2);
ctx.fill();
// Dessiner les ennemis (carrés rouges)
ctx.fillStyle = "#ff0055";
for (let e of enemies) {
ctx.fillRect(e.x, e.y, e.width, e.height);
}
}
function loop() {
update();
draw();
requestAnimationFrame(loop);
}
// Recommencer avec Espace
window.addEventListener("keydown", e => {
if (e.key === " " && !gameRunning) {
// Reset tout
enemies = [];
score = 0;
scoreElement.textContent = "Score : 0";
player.x = canvas.width / 2 - 25;
gameRunning = true;
gameOverElement.style.display = "none";
}
});
loop(); // Lancement du jeu !
</script>
</body>
</html>
je vais voir ce que ça va donner