{"id":10230,"date":"2025-06-11T14:14:09","date_gmt":"2025-06-11T12:14:09","guid":{"rendered":"https:\/\/retrofixer.it\/?p=10230"},"modified":"2025-06-11T15:10:11","modified_gmt":"2025-06-11T13:10:11","slug":"creare-giochi-con-lintelligenza-artificiale","status":"publish","type":"post","link":"https:\/\/retrofixer.it\/en\/creare-giochi-con-lintelligenza-artificiale\/","title":{"rendered":"Creare giochi con l’intelligenza artificiale?"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Stiamo assistendo a un cambiamento radicale nel modo in cui creiamo contenuti: musica, immagini, testi e persino codice. Oggi, grazie all\u2019Intelligenza Artificiale, possiamo realizzare cose che un tempo richiedevano competenze specifiche, tempo o risorse economiche spesso fuori portata.<\/p>

Con strumenti sempre pi\u00f9 evoluti e accessibili, \u00e8 possibile scrivere codice senza essere programmatori, comporre musica senza saper suonare uno strumento, o generare immagini senza saper disegnare n\u00e9 disporre di attrezzature professionali.<\/p>

In questo articolo non ci concentreremo su questioni etiche o sull\u2019impatto che questa tecnologia pu\u00f2 avere sul lavoro tradizionale. La storia ci insegna che il progresso tecnologico \u00e8 continuo, e ogni innovazione porta con s\u00e9 nuove possibilit\u00e0 e nuove sfide. Il nostro obiettivo, qui, \u00e8 mostrare cosa si pu\u00f2 fare concretamente oggi \u2013 e quanto sia diventato semplice trasformare un\u2019idea in un piccolo gioco funzionante, anche partendo da zero.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Creare un Gioco con l’Intelligenza Artificiale: Dall’Idea alla Realizzazione<\/strong><\/h4>\n

Negli ultimi anni, l\u2019Intelligenza Artificiale (IA) ha rivoluzionato molti settori, e lo sviluppo di videogiochi non fa eccezione. Oggi \u00e8 possibile realizzare un gioco \u2013 anche partendo da zero \u2013 grazie al supporto dell\u2019IA, che pu\u00f2 affiancare o addirittura guidare le varie fasi di progettazione, scrittura, programmazione e design.<\/p>\n

Che si tratti di un semplice gioco web (come un clone di Tetris o Snake) o di un progetto pi\u00f9 ambizioso (un\u2019avventura interattiva, un gioco in 3D o uno strategico), le tecnologie AI offrono strumenti potenti e accessibili. Vediamo come funziona, cosa si pu\u00f2 realizzare e quanto “lavoro umano” resta ancora necessario.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Cosa pu\u00f2 fare l\u2019IA nella creazione di un gioco<\/strong><\/h4>\n

L\u2019intelligenza artificiale pu\u00f2 intervenire in quasi tutte le fasi dello sviluppo:<\/p>\n\n

\ud83c\udfa8 Design e Concept<\/strong><\/h4>\n
    \n \t
  • \n

    Generazione di idee<\/strong>: Chatbot come ChatGPT possono aiutare a sviluppare trame, meccaniche di gioco e lore coerenti.<\/p>\n<\/li>\n \t

  • \n

    Creazione di personaggi<\/strong>: IA generative possono disegnare concept art o modelli 3D partendo da semplici descrizioni.<\/p>\n<\/li>\n<\/ul>\n

    \ud83d\udcbb Codice e sviluppo<\/strong><\/h4>\n
      \n \t
    • \n

      Scrittura del codice<\/strong>: Modelli AI possono generare codice per giochi HTML5, Unity, Godot e altri motori, riducendo drasticamente il tempo necessario per prototipare.<\/p>\n<\/li>\n \t

    • \n

      Debug e ottimizzazione<\/strong>: L\u2019IA pu\u00f2 anche aiutare a individuare errori o suggerire miglioramenti al codice esistente.<\/p>\n<\/li>\n<\/ul>\n

      \ud83c\udfb5 Audio e Musica<\/strong><\/h4>\n
        \n \t
      • \n

        Esistono AI specializzate nella generazione di colonne sonore dinamiche o effetti sonori coerenti con l\u2019atmosfera del gioco.<\/p>\n<\/li>\n<\/ul>\n

        \ud83e\udde0 Gameplay intelligente<\/strong><\/h4>\n
          \n \t
        • \n

          Algoritmi di IA possono essere impiegati anche dentro<\/strong> il gioco: per creare nemici con comportamenti realistici, generare livelli procedurali, o adattare la difficolt\u00e0 dinamicamente.<\/p>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          Perch\u00e9 usare l\u2019IA per creare un gioco<\/strong><\/h3>

          • \u2705 Risparmio di tempo<\/strong>: L\u2019IA automatizza task ripetitivi o tecnici, permettendo di concentrarsi sulla parte creativa.<\/p><\/li>

          • \u2705 Accessibilit\u00e0<\/strong>: Anche chi non \u00e8 uno sviluppatore esperto pu\u00f2 realizzare prototipi funzionanti.<\/p><\/li>

          • \u2705 Ispirazione creativa<\/strong>: L\u2019IA pu\u00f2 sbloccare nuove idee e soluzioni a problemi di game design.<\/p><\/li>

          • \u2705 Rapid prototyping<\/strong>: In poche ore si pu\u00f2 avere un gioco giocabile, anche partendo da zero.<\/p><\/li><\/ul>

            Questo ovviamente non vuol dire che il gioco creato sar\u00e0 perfetto e non ci sar\u00e0 bisogno di metterci mano, ad oggi ci sono diverse IA e ognuna \u00e8 pi\u00f9 specializzata su qualcosa piuttosto che qualcos’altro. Chiedendo la stesa cosa a diversi modelli, otterremo diverse risposte e diversi modi di interpretazione. Alcune rifiniscono meglio il codice, altre pi\u00f9 specifiche su linguaggi di programmazione.. Insomma, dobbiamo noi capire cosa fa al caso nostro e non aspettarci la pappa pronta! Anche se devo dire, su alcune cose riusciamo ad avere un buon 90% pronto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

            \n\t\t\t\t
            \n\t\t\t\t\t\t\t\t\t

            Cosa deve fare ancora l\u2019utente<\/strong><\/h3>\n

            Nonostante la potenza degli strumenti AI, l\u2019intervento umano resta fondamentale<\/strong>:<\/p>\n\n

              \n \t
            • \n

              \ud83c\udfaf Scelte di design<\/strong>: L\u2019IA pu\u00f2 suggerire, ma l\u2019ultima parola su estetica, esperienza utente e coerenza spetta al creatore.<\/p>\n<\/li>\n \t

            • \n

              \ud83d\udee0\ufe0f Refining<\/strong>: I prototipi generati dall\u2019IA spesso richiedono rifiniture, test e ottimizzazione manuale.<\/p>\n<\/li>\n \t

            • \n

              \ud83c\udfae Personalizzazione<\/strong>: Per ottenere un gioco originale e unico, \u00e8 quasi sempre necessario personalizzare script, grafica e contenuti.<\/p>\n<\/li>\n \t

            • \n

              \ud83d\udc40 Supervisione critica<\/strong>: L\u2019IA pu\u00f2 commettere errori o produrre codice subottimale. Serve un occhio umano per garantire la qualit\u00e0 finale.<\/p>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

              \n\t\t\t\t
              \n\t\t\t\t\t\t\t\t\t

              Un esempio semplice: clonare Snake in HTML5 con AI<\/h4>

              Ecco cosa pu\u00f2 fare l\u2019IA:<\/p>

              1. Richiedere il codice base del gioco<\/strong> \u2192 ChatGPT o un\u2019altra AI pu\u00f2 generarlo in pochi secondi.<\/p><\/li>

              2. Aggiungere elementi<\/strong> (punteggio, livelli, skin personalizzate) \u2192 basta descrivere cosa si vuole aggiungere.<\/li>
              3. Testare e modificare<\/strong> \u2192 l\u2019utente prova il gioco nel browser e corregge eventuali bug o migliora l\u2019interfaccia.<\/li><\/ol>

                Con un po\u2019 di pratica, \u00e8 possibile avere un gioco completo in una giornata!<\/p>

                Per rendere l\u2019idea ancora pi\u00f9 concreta, ecco alcuni esempi di giochi (o componenti) realizzati o prototipati con l\u2019aiuto di strumenti AI:<\/p>

                • \ud83c\udfae Clone di Flappy Bird in HTML\/CSS\/JavaScript<\/strong> generato da ChatGPT in meno di 5 minuti, completamente funzionante nel browser.<\/p><\/li>

                • \ud83e\udde9 Livelli generati proceduralmente<\/strong> per un platformer in Unity, con la logica scritta usando GitHub Copilot.<\/p><\/li>

                • \ud83d\udcdc Narrativa interattiva<\/strong> in stile “libro game” creata con AI, dove i testi, gli snodi narrativi e persino la musica di sottofondo sono stati proposti automaticamente.<\/p><\/li>

                • \ud83d\udc7e Gioco tipo Space Invaders<\/strong>, con grafica base e audio, generato con script suggeriti e modificati via AI.<\/p><\/li><\/ul>

                  Questi giochi sono stati poi migliorati manualmente<\/strong>, ma il prototipo giocabile era subito pronto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t\t\t

                  Esempio pratico: Snake semplificato in HTML5 con AI<\/strong><\/h4>\nEcco un frammento di codice per un semplice Snake generato da ChatGPT, commentato per capire dove e come intervenire:\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t
                  \n\t\t\t
                  \n\t\t\t\t\n\t\t\t\t\t\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Snake Game<\/title>\n  <style>\n    canvas { background: #000; display: block; margin: auto; }\n  <\/style>\n<\/head>\n<body>\n<canvas id=\"game\" width=\"400\" height=\"400\"><\/canvas>\n\n<script>\n  const canvas = document.getElementById(\"game\");\n  const ctx = canvas.getContext(\"2d\");\n\n  let snake = [{x: 10, y: 10}];  \/\/ Posizione iniziale del serpente\n  let dx = 1, dy = 0;            \/\/ Direzione iniziale (destra)\n  let food = {x: 15, y: 15};     \/\/ Posizione iniziale del cibo\n  const gridSize = 20;\n\n  document.addEventListener(\"keydown\", e => {\n    \/\/ Cambia direzione con le frecce\n    if (e.key === \"ArrowUp\")    [dx, dy] = [0, -1];\n    else if (e.key === \"ArrowDown\") [dx, dy] = [0, 1];\n    else if (e.key === \"ArrowLeft\") [dx, dy] = [-1, 0];\n    else if (e.key === \"ArrowRight\") [dx, dy] = [1, 0];\n  });\n\n  function gameLoop() {\n    const head = {x: snake[0].x + dx, y: snake[0].y + dy};\n    snake.unshift(head);\n\n    \/\/ Controlla se mangia il cibo\n    if (head.x === food.x && head.y === food.y) {\n      food = {\n        x: Math.floor(Math.random() * canvas.width \/ gridSize),\n        y: Math.floor(Math.random() * canvas.height \/ gridSize)\n      };\n    } else {\n      snake.pop();  \/\/ Rimuove la coda se non mangia\n    }\n\n    \/\/ Collisioni con bordo\n    if (head.x < 0 || head.y < 0 || head.x >= canvas.width \/ gridSize || head.y >= canvas.height \/ gridSize) {\n      alert(\"Game Over\");\n      snake = [{x: 10, y: 10}]; dx = 1; dy = 0;\n    }\n\n    \/\/ Disegna\n    ctx.fillStyle = \"#000\";\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n    ctx.fillStyle = \"lime\";\n    snake.forEach(part => ctx.fillRect(part.x * gridSize, part.y * gridSize, gridSize, gridSize));\n\n    ctx.fillStyle = \"red\";\n    ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);\n  }\n\n  setInterval(gameLoop, 100);  \/\/ Loop di gioco ogni 100 ms\n<\/script>\n<\/body>\n<\/html><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e3c885 e-flex e-con-boxed e-con e-parent\" data-id=\"0e3c885\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-82b652a e-con-full e-flex e-con e-child\" data-id=\"82b652a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d1496b elementor-widget elementor-widget-html\" data-id=\"4d1496b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<canvas id=\"game\" width=\"400\" height=\"400\"><\/canvas>\r\n\r\n<script>\r\n  const canvas = document.getElementById(\"game\");\r\n  const ctx = canvas.getContext(\"2d\");\r\n\r\n  let snake = [{x: 10, y: 10}];  \/\/ Posizione iniziale del serpente\r\n  let dx = 1, dy = 0;            \/\/ Direzione iniziale (destra)\r\n  let food = {x: 15, y: 15};     \/\/ Posizione iniziale del cibo\r\n  const gridSize = 20;\r\n\r\n  document.addEventListener(\"keydown\", e => {\r\n    \/\/ Cambia direzione con le frecce\r\n    if (e.key === \"ArrowUp\")    [dx, dy] = [0, -1];\r\n    else if (e.key === \"ArrowDown\") [dx, dy] = [0, 1];\r\n    else if (e.key === \"ArrowLeft\") [dx, dy] = [-1, 0];\r\n    else if (e.key === \"ArrowRight\") [dx, dy] = [1, 0];\r\n  });\r\n\r\n  function gameLoop() {\r\n    const head = {x: snake[0].x + dx, y: snake[0].y + dy};\r\n    snake.unshift(head);\r\n\r\n    \/\/ Controlla se mangia il cibo\r\n    if (head.x === food.x && head.y === food.y) {\r\n      food = {\r\n        x: Math.floor(Math.random() * canvas.width \/ gridSize),\r\n        y: Math.floor(Math.random() * canvas.height \/ gridSize)\r\n      };\r\n    } else {\r\n      snake.pop();  \/\/ Rimuove la coda se non mangia\r\n    }\r\n\r\n    \/\/ Collisioni con bordo\r\n    if (head.x < 0 || head.y < 0 || head.x >= canvas.width \/ gridSize || head.y >= canvas.height \/ gridSize) {\r\n      \/\/alert(\"Game Over\");\r\n      snake = [{x: 10, y: 10}]; dx = 1; dy = 0;\r\n    }\r\n\r\n    \/\/ Disegna\r\n    ctx.fillStyle = \"#000\";\r\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n    ctx.fillStyle = \"lime\";\r\n    snake.forEach(part => ctx.fillRect(part.x * gridSize, part.y * gridSize, gridSize, gridSize));\r\n\r\n    ctx.fillStyle = \"red\";\r\n    ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);\r\n  }\r\n\r\n  setInterval(gameLoop, 200);  \/\/ Loop di gioco ogni 100 ms\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c3bcb0 e-con-full e-flex e-con e-child\" data-id=\"0c3bcb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ba9f8b elementor-widget elementor-widget-text-editor\" data-id=\"9ba9f8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Esempio pratico del gioco creato in pochi secondi.<\/p>\n<p>Manca la collisione con la coda ed un controllo per lo start del gioco dopo il game-over<\/p>\n<p>Non c&#8217;\u00e8 punteggio ma sono tutte cose che si possono rifinire in seguito.<\/p>\n<p>La struttura del gioco \u00e8 gi\u00e0 presente, che ne pensate?<\/p>\n<p>Ho dovuto togliere il messaggio di game-over perch\u00e9 sarebbe apparso di continuo se non si gioca e mettere una velocit\u00e0 minore per non rallentare troppo la pagina.<\/p>\n<p>Se sappiamo minimamente mettere mano al codice, che tra l&#8217;altro \u00e8 commentato, io gioco \u00e8 fatto!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7372f55 e-flex e-con-boxed e-con e-parent\" data-id=\"7372f55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dbeb76 elementor-widget elementor-widget-text-editor\" data-id=\"3dbeb76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"4251\" data-end=\"4483\">L\u2019intelligenza artificiale sta abbattendo le barriere d\u2019ingresso allo sviluppo di videogiochi. Che tu voglia realizzare un gioco semplice per il tuo portfolio o iniziare un progetto ambizioso, oggi hai alleati potenti al tuo fianco.<\/p><p data-start=\"4485\" data-end=\"4563\">L\u2019importante \u00e8 ricordare: <strong data-start=\"4511\" data-end=\"4562\">l\u2019IA \u00e8 uno strumento, ma la direzione la dai tu<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce74edd e-flex e-con-boxed e-con e-parent\" data-id=\"ce74edd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b1d0ab8 e-con-full e-flex e-con e-child\" data-id=\"b1d0ab8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfa5250 elementor-widget elementor-widget-text-editor\" data-id=\"cfa5250\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"4485\" data-end=\"4563\">Un altro esempio lo trovate nella pagina\u00a0<a href=\"https:\/\/retrofixer.it\/arcade\/\">ARCADE<\/a>\u00a0del sito, ho voluto ricreare un gioco Arcade che avevo visto e ci avevo giocato da piccolo, una semplice nave che lancia delle bombe in acqua per distruggere i sottomarini.<\/p><p data-start=\"242\" data-end=\"421\">Il gioco originale si chiamava <em data-start=\"273\" data-end=\"286\">Depthcharge<\/em>, prodotto dalla Gremlin nel 1977. Ci giocai per la prima volta in un parco zoo nei dintorni, quando i miei genitori mi ci portarono.<\/p><p data-start=\"423\" data-end=\"606\">Ripensandoci, credo sia stato il primo videogioco a cui abbia mai giocato. Ricordo bene la sensazione di delusione: scoprii che era un gioco a tempo, e questo mi lasci\u00f2 insoddisfatto.<\/p><p data-start=\"4485\" data-end=\"4563\">\u00a0<\/p><p data-start=\"608\" data-end=\"795\">Oggi, con un piccolo aiuto, ho realizzato una mia versione ispirata a quel titolo. Mantiene l\u2019atmosfera originale, ma propone una meccanica diversa, pi\u00f9 basata sull\u2019abilit\u00e0 che sul tempo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a86425a e-con-full e-flex e-con e-child\" data-id=\"a86425a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60e960f elementor-widget elementor-widget-image\" data-id=\"60e960f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"256\" height=\"224\" src=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/Depthcharge.webp\" class=\"attachment-large size-large wp-image-10245\" alt=\"\" srcset=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/Depthcharge.webp 256w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/Depthcharge-14x12.webp 14w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/Depthcharge-86x75.webp 86w\" sizes=\"(max-width:767px) 256px, 256px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c58adb e-flex e-con-boxed e-con e-parent\" data-id=\"7c58adb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ba7ed42 e-con-full e-flex e-con e-child\" data-id=\"ba7ed42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b448a6 elementor-widget elementor-widget-text-editor\" data-id=\"9b448a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Non \u00e8 difficile replicare un gioco del genere ma per non stare a perdere molto tempo nella sistemazione della grafica, css, creare la logica.. mi sono avvalso di un piccolo aiuto e con una struttura di base \u00e8 stato molto semplice e veloce ricreare questo gioco, un&#8217;oretta o poco pi\u00f9.<br \/>La versione iniziale \u00e8 qui sotto, molto grezza ed i siluri arrivavano fino inizio schermo, sistemando il codice ed aggiungendo la grafica il risultato \u00e8 molto pi\u00f9 gradevole.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eda3fe4 elementor-widget elementor-widget-image\" data-id=\"eda3fe4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"606\" src=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-768x606.jpg\" class=\"attachment-medium_large size-medium_large wp-image-10246\" alt=\"\" srcset=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-768x606.jpg 768w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-300x237.jpg 300w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-15x12.jpg 15w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-95x75.jpg 95w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion-480x379.jpg 480w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/initialversion.jpg 817w\" sizes=\"(max-width:767px) 480px, (max-width:768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8011a08 e-con-full e-flex e-con e-child\" data-id=\"8011a08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a43697 elementor-widget elementor-widget-image\" data-id=\"8a43697\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/arcade\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600.jpg\" class=\"attachment-large size-large wp-image-10196\" alt=\"\" srcset=\"https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600.jpg 800w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600-300x225.jpg 300w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600-768x576.jpg 768w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600-16x12.jpg 16w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600-100x75.jpg 100w, https:\/\/retrofixer.it\/wp-content\/uploads\/2025\/06\/game600-480x360.jpg 480w\" sizes=\"(max-width:767px) 480px, (max-width:800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Link alla pagina del gioco<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68332d8 e-flex e-con-boxed e-con e-parent\" data-id=\"68332d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e95f0b3 elementor-widget elementor-widget-text-editor\" data-id=\"e95f0b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ve lo starete chiedendo.. <span style=\"color: #ffcc00;\"><strong>ma quale IA hai usato?<\/strong><\/span><br \/>Beh questa volta ho voluto provare Google Gemini la versione 2.5 pro (senza abbonamento).<br \/>Il risultato \u00e8 ottimo, ho fatto una prova con lo stesso prompt a ChatGPT e Cloude..<br \/>Volete sapere i risultati?<br \/><b><span style=\"color: #ff6600;\">Cloude<\/span> <\/b>ha creato un codice funzionante ma molto grezzo e con errori di logica, non ci sono sommergibili, partono dei siluri a caso, vanno in diagonale verso la nave.. beh un bel casino, ah la nave era sospesa di qualche pixel sopra l&#8217;acqua. Non ho insistito o fatto correggere nulla.<br \/><b><span style=\"color: #00ccff;\">ChatGPT<\/span> <\/b>\u00e8 stato molto gentile a offrirsi di far scaricare il file zip completo con tutto il codice e asset. Peccato che non funziona nulla, pagina bianca, ha generato dei wav per i suoni ma non sono minimamente apribili con un lettore audio, nel file zip si era dimenticato di mettere il .js contenente la logica del gioco (minimale perch\u00e9 ha il brutto vizio di farti 1\/3 di quello che hai chiesto e poi ti dice se vuoi aggiungere altro)<\/p><p>Tutto questo senza abbonamento, sicuramente pagando si ha accesso a nuove funzionalit\u00e0 pi\u00f9 precise e le richieste possono essere pi\u00f9 lunghe, qui dopo poco termina la conversazione dicendo di pagare o aspettare dalle 12 alle 24 ore.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Stiamo assistendo a un cambiamento radicale nel modo in cui creiamo contenuti: musica, immagini, testi e persino codice. Oggi, grazie all\u2019Intelligenza Artificiale, possiamo realizzare cose che<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":10196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[534],"tags":[528,532,530,531,533],"class_list":["post-10230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ia","tag-ai","tag-codice","tag-ia","tag-intelligenza-artificiale","tag-programmazione"],"_links":{"self":[{"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/posts\/10230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/comments?post=10230"}],"version-history":[{"count":28,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/posts\/10230\/revisions"}],"predecessor-version":[{"id":10262,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/posts\/10230\/revisions\/10262"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/media\/10196"}],"wp:attachment":[{"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/media?parent=10230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/categories?post=10230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/retrofixer.it\/en\/wp-json\/wp\/v2\/tags?post=10230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}