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

Question

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

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

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

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

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

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

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

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

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

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

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

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

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

+2 ещё

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

ответов
SIP

+1 ещё

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

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

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

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

+2 ещё

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

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

+2 ещё

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

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

+1 ещё

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

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

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

ответа
Telegram

+2 ещё

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

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

Простой
Какой ИИ выбрать для чат-бота поддержки в Telegram?
- 1 подписчик
- 25 окт.
- 103 просмотра
1

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

Простой
Какие ИИ можно использовать для автоматического заполнения таблиц используя информацию с сайта продавца?
- 1 подписчик
- 18 окт.
- 86 просмотров
2

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

React Native developer (+Node.js)

CTRL+ • Москва

от 250 000 до 320 000 ₽

Embedded Software Engineer

CTRL+ • Москва

от 200 000 до 300 000 ₽

Senior backend developer (Node.js)

CTRL+ • Белград

от 250 000 до 320 000 ₽

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

22 нояб. 2024, в 00:55

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

Разработка алгоритма на python (Data engineering)

21 нояб. 2024, в 23:30

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

Верстка Flutter + API

21 нояб. 2024, в 22:21

3000 руб./в час

Если кому интересно, есть ряд аналогов 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?

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

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

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