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

Question

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

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

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

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

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

Вопрос задан более года назад
196 просмотров

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

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

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

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

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

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

Написано более года назад
Максим Припадчев @Maksim_64

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

Написано более года назад
mayton2019 @mayton2019

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

Написано более года назад

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

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

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

Написано более года назад
Александр Нестеров @AlexNest

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

Написано более года назад
Олег Петров @Smeilz1 Автор вопроса

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

Написано более года назад

Олег Петров @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>

Написано более года назад

Drno @Drno

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

Написано более года назад
Олег Петров @Smeilz1 Автор вопроса

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

Написано более года назад
Олег Петров @Smeilz1 Автор вопроса

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

Написано более года назад

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

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

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

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

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

Написано более года назад
Drno @Drno

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

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

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

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

Написано более года назад

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, чтобы не писать с нуля, а уже потом подкорректировать

Написано более года назад

mayton2019 @mayton2019

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

Написано более года назад
Олег Петров @Smeilz1 Автор вопроса

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

Написано более года назад
Олег Петров @Smeilz1 Автор вопроса

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

Написано более года назад
mayton2019 @mayton2019

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

Написано более года назад

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

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

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

Базы данных

+1 ещё

Простой
Возможно ли использовать ИИ для сравнения текста?
- 3 подписчика
- 15 дек.
- 334 просмотра
5

ответов
Математика

+2 ещё

Средний
Удаление стабильных точек в сети Хопфилда?
- 1 подписчик
- 06 дек.
- 69 просмотров
1

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

+2 ещё

Сложный
Управление презентацией PowerPoint голосом?
- 1 подписчик
- 20 нояб.
- 78 просмотров
0

ответов
SIP

+1 ещё

Средний
Как подключить AI голосового ассистента к телефонии?
- 2 подписчика
- 20 нояб.
- 124 просмотра
0

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

Сложный
Как установить Claude desktop app на Windows через прокси?
- 2 подписчика
- 10 нояб.
- 68 просмотров
2

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

+2 ещё

Простой
Как исправить ошибку, возникающую при загрузке модели в rust_bert без файла vocab.txt?
- 1 подписчик
- 09 нояб.
- 34 просмотра
1

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

+2 ещё

Средний
Как генерировать усреднённые описания ко всему датасету картинок?
- 3 подписчика
- 07 нояб.
- 86 просмотров
0

ответов
Видео

+1 ещё

Простой
Лучшее бесплатное ии решение для улучшения качества видео под linux?
- 5 подписчиков
- 02 нояб.
- 1713 просмотров
1

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

Простой
Как научиться делать ИИ?
- 1 подписчик
- 01 нояб.
- 163 просмотра
2

ответа
Telegram

+2 ещё

Средний
Как связать YandexGPT API c другой APi в телеграмм боте?
- 1 подписчик
- 29 окт.
- 126 просмотров
3

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

Senior PHP Программист

Автомакон

от 287 000 до 440 000 ₽

Middle/Senior Продуктовый аналитик в Финтех

Яндекс • Москва

от 150 000 ₽

Senior web designer

Гринатом • Москва

от 220 000 до 270 000 ₽

Парсинг товаров с интернет-магазина

22 дек. 2024, в 19:47

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

Разработать дизайн приложений

22 дек. 2024, в 19:03

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

Веб-дизайн клининговой компании

22 дек. 2024, в 17:54

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?

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

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

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