suzukube > blog
    tags :
    0
    Like
    Who likes this ?
    posted the 07/09/2025 at 08:36 PM by suzukube
    comments (7)
    altendorf posted the 07/09/2025 at 09:35 PM
    Bientôt l'ouverture de Suzukube Game Studio
    suzukube posted the 07/09/2025 at 10:10 PM
    altendorf Ah ah générer des environnement et y foutre des META HUMAN c'est facile.

    Faire un jeu et raconter une histoire, c'est incroyablement compliqué... C'est aussi pour ça que les jeux super beau et photoréaliste, ça ne m'impressionne pas du tout : aujourd'hui c'est plus facile de générer une jungle réaliste que de recréer le premier niveau de Mario NES en 2D !
    guyllan posted the 07/10/2025 at 02:17 AM
    "C'est aussi pour ça que les jeux super beau et photoréaliste, ça ne m'impressionne pas du tout : aujourd'hui c'est plus facile de générer une jungle réaliste que de recréer le premier niveau de Mario NES en 2D !"

    C’est encore plus difficile de recréer Pong
    bladagun posted the 07/10/2025 at 02:33 AM
    Quand je pense qu'on trouvais ça incroyable avant
    cyr posted the 07/10/2025 at 08:52 AM
    Donc les jeux vont devenir moins chère non?

    L'ia travail gratos.
    skk posted the 07/10/2025 at 08:56 AM
    cyr Pas sur que tout reste gratos longtemps vu que l'ia dépend de serveurs.
    suzukube posted the 07/10/2025 at 05:16 PM
    guyllan Ben sincèrement, sans IA et sans outils, sans troller, je pense que c'est plus difficile de refaire pong sauf que.... Bah avec l'IA je viens de le faire en 30 secondes (j'ai pas mis le code mais j'ai bien une page HTML pour jouer à Pong). Trop trop simple pong, Mario est un poil plus ardu !

    HTML (head et body) : La structure de base de la page. On y trouve un simple élément canvas, qui est la "toile" sur laquelle le jeu sera dessiné.

    CSS (style) : Un peu de style pour centrer le canvas au milieu de la page et lui donner un fond noir classique.

    JavaScript (script) : C'est ici que toute la magie opère.

    Configuration : On récupère le canvas et on définit ses dimensions.

    Objets du jeu : La ball, le joueur (user), l'ordinateur (com) et le filet (net) sont définis comme des objets JavaScript. Chacun a des propriétés comme sa position (x, y), sa taille et sa couleur.

    Fonctions de dessin : Des fonctions simples (drawRect, drawCircle, drawText) sont créées pour dessiner chaque élément sur le canvas.

    Contrôles : Un addEventListener sur mousemove détecte la position de la souris et déplace la raquette du joueur en conséquence.

    update() : C'est le cerveau du jeu. Cette fonction est appelée en continu. Elle met à jour la position de la balle, gère l'IA de l'ordinateur, vérifie les collisions avec les murs et les raquettes, et met à jour le score.

    render() : Cette fonction redessine tout l'écran à chaque image : le fond, les scores, le filet, les raquettes et la balle.

    gameLoop() : Une fonction qui appelle update() puis render(). On utilise setInterval(gameLoop, 1000 / 60) pour l'exécuter environ 60 fois par seconde, créant ainsi une animation fluide.