Как создать простую браузерную игру при помощи ChatGpt?

Question

Олег Петров @Smeilz1

За любое развитие

Искусственный интеллект

Как создать простую браузерную игру при помощи ChatGpt?

Пробовал давать задание chatgpt создать любую простую игру для урока в школе, но каждый раз ИИ эмулировал какой-то код, который при тесте не работал. Я просил исправить код, но результат был такой же. Возможно ли сейчас создание браузерных игр с помощью ИИ или еще рано о таком говорить?

Вопрос задан 27 авг. 2023
155 просмотров

1 комментарий

Подписаться 1 Средний 1 комментарий

Решения вопроса 2

3 комментария

Олег Петров @Smeilz1 Автор вопроса

Благодарю.Я полагаю, что сейчас я тестирую что-то типа профессии оператор ChatGPT, только на практике, поэтому это довольно любопытно придумать схему взаимодействия с ним. Сценарий сюжета уроков он мне вполне сносно пишет, а картинки потом генерирую с помощью MidJourney.

Написано 27 авг. 2023
Максим Припадчев @Maksim_64

Олег Петров, тут ключевое слово стабильность, если с этим будут серьезные улучшения, то будет и профессия оператор ChatGPT, если все это останется приблизительно на том же уровне, что сейчас, то развития он не получит, сам проект пока сильно убыточный.

Написано 27 авг. 2023
mayton2019 @mayton2019

Проблема ChatGPT - философская и обще-человеческая. Мы - слишком очеловечиваем его работу
и все время ставим завышенные ожидания. Разумеется владелец облака, который представляет
нам работающую модель не будет говорить об этом. Ему как раз выгодно получить макимальное
число дивидентов из испыталельного периода. Возможно, какие-то дефекты закроет и поймет
ожидания рынка.

Написано 28 авг. 2023

7 комментариев

Олег Петров @Smeilz1 Автор вопроса

Я умею на python на уровне ниже среднего, на JS совсем не умею, но задачу было бы интересно реализовать.

Написано 27 авг. 2023
Александр Нестеров @AlexNest

Олег Петров, я честно не понимаю в чем проблема. Если как-то освоили python, то и с JS сможете. Или нет времени учить, желания, терпения?

Написано 27 авг. 2023
Олег Петров @Smeilz1 Автор вопроса

Александр Нестеров, Я занимаюсь созданием уроков-квестов для детей, поэтому программирование не мой профиль, да и новые технологии как ChatGpt было бы интересно правильно осваивать

Написано 27 авг. 2023

Олег Петров @Smeilz1 Автор вопроса

Александр Нестеров, Кстати по вашему совету упросил запрос "Создай кнопку СТарт для будущей браузерной игры на JavaScript"

И вот что получилось. Как Вам качество такого кода?
Пока правда не понял какое разрешение картинок robot.png, player.png и background.png он хочет.

<!DOCTYPE html>
<html>
  <head>
    <title>Naruto's Robo Farmventure</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <button id="startButton">Старт</button>

    <script>
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

      const playerImg = new Image();
      playerImg.src = "player.png";
      const robotImg = new Image();
      robotImg.src = "robot.png";
      const backgroundImg = new Image();
      backgroundImg.src = "background.png";

      const player = {
        x: canvas.width / 2 - 32,
        y: canvas.height - 74,
        width: 64,
        height: 64
      };

      const robotPositions = [];
      for (let i = 0; i < 5; i++) {
        robotPositions.push({
          x: Math.random() * (canvas.width - 64),
          y: Math.random() * (canvas.height - 200),
          width: 64,
          height: 64
        });
      }

      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.drawImage(backgroundImg, 0, 0, canvas.width, canvas.height);
        context.drawImage(playerImg, player.x, player.y, player.width, player.height );
        robotPositions.forEach((robot) => {
          context.drawImage(robotImg, robot.x, robot.y, robot.width, robot.height );
        });
      }

      function update() {
        // Обновление логики игры
        
        draw();
      }

      function startGame() {
        setInterval(update, 16);
      }

      const startButton = document.getElementById("startButton");
      startButton.addEventListener("click", startGame);
    </script>
  </body>
</html>

Написано 27 авг. 2023

Drno @Drno

Олег Петров, а ты его теперь спроси - как тут указать указать разрешение картинок?) и какие они нужны?)

Написано 27 авг. 2023
Олег Петров @Smeilz1 Автор вопроса

Drno, Да нашел это в коде, выставил параметры каждой картинки, но пока в браузере не удалось это увидеть. Но в целом интересно, если работать максимально пошагово.

Написано 27 авг. 2023
Олег Петров @Smeilz1 Автор вопроса

В целом получилось и с картинками. Правда все очень кривое, но как я понял ключ с качеством работы с ChatGPT - это точные пошаговые запросы и четкое понимание того, что ты делаешь.

Написано 27 авг. 2023

Пригласить эксперта

Ответы на вопрос 2

2 комментария

Олег Петров @Smeilz1 Автор вопроса

Хорошо, понял.
Тогда вот например, если я ничего не понимаю в JavaScript, тогда с чего можно начать? Просто хочу, чтобы он сделал хоть что-то работающее для тестирования в целом алгоритма работы с ним в этом направлении.

Написано 27 авг. 2023
Drno @Drno

Олег Петров, изучит javascript... чтобы хотя бы ориентироваться в коде

пример. я понимаю как писать скрипты на bash, но много не знаю(я не програмист)
мне надо написать сложный код, который я могу сделать, но буду гуглить пол дня...

что я делаю - разбиваю задачу на мелкие вещи, и пошагово запрашиваю у него команды. далее подправляю их под себя. и в целом пошагово понимаю что мне надо сделать в скрипте...

как то так. без знания, хотя бы частичного, ничего не получится. будет как во фразе - "смотришь в книгу видишь фигу"

Написано 27 авг. 2023

5 комментариев

Олег Петров @Smeilz1 Автор вопроса

Первый запрос был действительно некорректным и общим "Создай web-игру в браузере по сценарию робототехника", чтобы я мог в нее поиграть.

Сейчас же я начал разбивать задачу на модули.
1. Создай кнопку СТарт для будущей браузерной игры на Javascript.

Ответ был таким:

ChatGPT (беседа № 1):

Конечно! Вот пример кода, который создает кнопку "Старт" для будущей браузерной игры на JavaScript:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Naruto's Robo Farmventure</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <button id="startButton">Старт</button>

    <script>
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

      const playerImg = new Image();
      playerImg.src = "player.png";
      const robotImg = new Image();
      robotImg.src = "robot.png";
      const backgroundImg = new Image();
      backgroundImg.src = "background.png";

      const player = {
        x: canvas.width / 2 - 32,
        y: canvas.height - 74,
        width: 64,
        height: 64
      };

      const robotPositions = [];
      for (let i = 0; i < 5; i++) {
        robotPositions.push({
          x: Math.random() * (canvas.width - 64),
          y: Math.random() * (canvas.height - 200),
          width: 64,
          height: 64
        });
      }

      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.drawImage(backgroundImg, 0, 0, canvas.width, canvas.height);
        context.drawImage(playerImg, player.x, player.y, player.width, player.height );
        robotPositions.forEach((robot) => {
          context.drawImage(robotImg, robot.x, robot.y, robot.width, robot.height );
        });
      }

      function update() {
        // Обновление логики игры
        
        draw();
      }

      function startGame() {
        setInterval(update, 16);
      }

      const startButton = document.getElementById("startButton");
      startButton.addEventListener("click", startGame);
    </script>
  </body>
</html>


Добавлен элемент button с идентификатором "startButton" и обработчик события, который запускает функцию startGame() по нажатию на кнопку. Эта функция вызывает setInterval(update, 16), что запускает обновление логики игры каждые 16 миллисекунд.

После добавления этого кода в ваш HTML-файл и наличия изображений "player.png", "robot.png" и "background.png", вы сможете увидеть кнопку "Старт", которая запускает вашу игру при щелчке на нее.

6924 из 16384

P.S. ВОзник вопрос, что создание алгоритма для создания игры тоже ведь можно доверить ChatGPT, чтобы не писать с нуля, а уже потом подкорректировать

Написано 27 авг. 2023

mayton2019 @mayton2019

Выглядит красиво. Я проверять не буду. Кнопка работает?

Написано 27 авг. 2023
Олег Петров @Smeilz1 Автор вопроса

mayton2019, Кнопка старт есть, и после нажатия на нее код сочетает 2 картинки в рандомном порядке на экране.
В целом это можно считать успехом.

Написано 27 авг. 2023
Олег Петров @Smeilz1 Автор вопроса

mayton2019, Кстати в сайтах не силен. В качестве оффтопа, можно ли где-то выложить этот тестовый проект на бесплатном ресурсе, чтобы это было максимально просто в пару кликов без заморочек?

Написано 27 авг. 2023
mayton2019 @mayton2019

Олег Петров, я считаю что это успех. Чят вполне справился с твоим вопросом.

Написано 27 авг. 2023

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Искусственный интеллект

Простой
Как можно реализовать помощника, который мог бы отвечать на вопросы исходя из моей базы знаний?
- 2 подписчика
- 28 апр.
- 89 просмотров
1

ответ
Искусственный интеллект

Простой
Говорящие аватары на ИИ озвучивающие текст русские аналоги synthesia.io?
- 1 подписчик
- 27 апр.
- 15 просмотров
0

ответов
Машинное обучение

+2 ещё

Средний
Как обучать transformers модели на нескольких gpu?
- 2 подписчика
- 27 апр.
- 161 просмотр
0

ответов
Python

+3 ещё

Средний
Как запустить обучение с deepspeed у себя на пк?
- 2 подписчика
- 26 апр.
- 263 просмотра
1

ответ
Искусственный интеллект

+1 ещё

Простой
Какая нейросеть лучше подойдёт для распознавания слов из mp3?
- 3 подписчика
- 25 апр.
- 600 просмотров
1

ответ
Google

+1 ещё

Простой
Какому ИИ сервису гугла можно скормить документ и потом задавать вопросы по нему?
- 2 подписчика
- 23 апр.
- 193 просмотра
2

ответа
Искусственный интеллект

Простой
Как происходит пошаговое обучение языковых моделей азам?
- 1 подписчик
- 20 апр.
- 52 просмотра
2

ответа
Аудио

+2 ещё

Простой
Какой программой можно сделать из текста рэп?
- 1 подписчик
- 20 апр.
- 704 просмотра
2

ответа
Искусственный интеллект

+2 ещё

Средний
Можно ли и как создать ИИ в игре roblox?
- 1 подписчик
- 19 апр.
- 67 просмотров
1

ответ
Windows

+1 ещё

Простой
Как вернуть microsoft copilot?
- 1 подписчик
- 16 апр.
- 1504 просмотра
4

ответа
Показать ещё Загружается…

Senior Java разработчик

Сбер • Москва

от 300 000 ₽

Python full-stack разработчик

Дорожный Консалтинг

от 240 000 ₽

SRE инженер Middle/Senior

МТС Банк • Москва

от 280 000 ₽

Интеграция и кастомизация Zoho CRM под задачи Concierge Service

30 апр. 2024, в 13:00

300000 руб./за проект

Разработать нативные приложения IOS, Android + веб-приложение админ

30 апр. 2024, в 12:56

1000000 руб./за проект

Внедрить базу данных

30 апр. 2024, в 12:18

10000 руб./за проект

Если кому интересно, есть ряд аналогов ChatGPT по написанию кода, сам не тестировал, в будущем интересно сравнить:
https://forum.useadrenaline.com/
https://www.tabnine.com/
https://codepal.ai/
https://codesnippets.ai/
https://www.buildt.ai/
https://tome.app/
https://www.beautiful.ai/

Answer 1 · 2023-08-27 10:16:19

1. GPT пишет код очень не стабильно, делом случая он может и не плохое решение выдать и действительно с экономить время, а иногда это даже не решение (которое не работает), а то что в среде ИИ называют "галлюцинациями" то есть написать полный бред.

2. GPT требует декомпозиции задачи на более маленькие и контроля со стороны понимающего человека, стабильно выдавать решения на данный момент он не может.

3. Качество решений в различных областях сильно варьируется, в каких то он более стабилен, а в каких то его вообще нет смысла использовать.

По итогу на сегодняшний момент, без человеческого контроля вы не можете рассчитывать на стабильный результат.

Answer 2 · 2023-08-27 10:22:07

Как создать простую браузерную игру при помощи ChatGpt?

Без максимально подробного технического задания, описывающего буквально каждый элемент, хотя-бы базовых знаний в области, желания хоть немного попытаться вникнуть в текст ошибки и, что самое важное, желания и умения пользоваться поисковиком - никак.
Простыми словами: Если вы не умеете программировать, то не сможете получить готовый продукт на выходе. Но умея программировать, вы обойдетесь и без нейронки. Вот такой вот замкнутый круг.

Answer 3 · 2023-08-27 10:17:47

возможно, но...
делать надо пошагово, разбить задачу на мелкие
код может быть в багом \ глюком, его надо проверять

"рыбу" он тебе без проблем сделает

Answer 4 · 2023-08-27 11:46:06

Мне не удавалось добиться от GPT генерации корректного кода под ассмблеры fasm/nasm.
Видимо все таки языковые модели обобщают языки настолько что не могут придерживаться
строгих правил при генерации. Может отсутсвие строгих правил - это как раз сильная сторона
этих моделей. В противном случае мы вернулись бы в эпоху Prolog-программирования и формальной
логики где программы бы всегда компилировались и работали но никакой фантазии или обобщения
из двух программ мы не получили-бы.

В поддержку автора я-бы попросил лог общения с чатом чтобы разобраться на каком этапе была
ошибка и как можно было-бы исправить вопросы чтобы двигаться к ответу более быстрыми шагами.

Я никогда не расчитывал на чяты в части чистого написания кода. Но например в сборе информации
эти чяты вполне себе полезны.

Как создать простую браузерную игру при помощи ChatGpt?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт