ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

Напишите игру Stick Hero с помощью JavaScript и HTML Canvas

Автор: Hunor Márton Borbély

Загружено: 2020-11-14

Просмотров: 74921

Описание: В этом уроке я расскажу, как создать игру, вдохновлённую Stick Hero, с помощью JavaScript и HTML Canvas. Этот урок предназначен для новичков. Если вы новичок в веб-разработке и хотите научиться разрабатывать игры и другие интересные вещи, загляните на мой канал.

👉 Игра и её исходный код находятся здесь: https://codepen.io/HunorMarton/pen/xx...

0:00 Введение
1:06 Фазы игры
2:04 Основные части кода
2:34 Ввод данных пользователем
3:09 Основной цикл
7:04 Рисование на холсте
7:49 Трансляция сцены
9:21 Рисование платформы
10:18 Рисование палки

Сайт — http://hunormarton.github.io/
CodePen — https://codepen.io/HunorMarton
Twitter —   / hunorborbely  

#webdevelopment #javascript #game #canvas #codepen

Оригинальную игру от KetchApp для iOS можно найти здесь: https://apps.apple.com/us/app/stick-h...
и здесь Android:
https://play.google.com/store/apps/de...

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Напишите игру Stick Hero с помощью JavaScript и HTML Canvas

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

JavaScript Game Tutorial with HTML Canvas: Gorillas

JavaScript Game Tutorial with HTML Canvas: Gorillas

Учебное пособие по игре на JavaScript с использованием HTML Canvas

Учебное пособие по игре на JavaScript с использованием HTML Canvas

Создание игры на JavaScript без опыта

Создание игры на JavaScript без опыта

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Создал Нейронку Используя ТОЛЬКО ChatGPT | Как Работают Нейросети

Создал Нейронку Используя ТОЛЬКО ChatGPT | Как Работают Нейросети

Top 10 Games using Html CSS and Javascript from Codepen

Top 10 Games using Html CSS and Javascript from Codepen

Психология Людей, Которые Прошли Через Слишком Многое | 6 Черт Сильных Личностей

Психология Людей, Которые Прошли Через Слишком Многое | 6 Черт Сильных Личностей

Mario Game Tutorial with JavaScript and HTML Canvas

Mario Game Tutorial with JavaScript and HTML Canvas

Почему перестать переживать — лучшее, что ты можешь сделать — даосская мудрость

Почему перестать переживать — лучшее, что ты можешь сделать — даосская мудрость

Анимация спрайтов в JavaScript

Анимация спрайтов в JavaScript

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

Для Чего РЕАЛЬНО Нужен был ГОРБ Boeing 747?

Для Чего РЕАЛЬНО Нужен был ГОРБ Boeing 747?

Очередное ПОТРЯСЕНИЕ ИИ! Google Снова Разгромил Big Tech! Google Видео Потрясло Всех! xAI в Пентагон

Очередное ПОТРЯСЕНИЕ ИИ! Google Снова Разгромил Big Tech! Google Видео Потрясло Всех! xAI в Пентагон

Typst: Современная замена Word и LaTeX, которую ждали 40 лет

Typst: Современная замена Word и LaTeX, которую ждали 40 лет

Самая быстрая передача файлов МЕЖДУ ВСЕМИ ТИПАМИ УСТРОЙСТВ 🚀

Самая быстрая передача файлов МЕЖДУ ВСЕМИ ТИПАМИ УСТРОЙСТВ 🚀

JavaScript Fighting Game Tutorial with HTML Canvas

JavaScript Fighting Game Tutorial with HTML Canvas

The Easiest Javascript Game Ever

The Easiest Javascript Game Ever

Space Invaders Game Tutorial with JavaScript and HTML Canvas

Space Invaders Game Tutorial with JavaScript and HTML Canvas

A game of Snake written in JavaScript 🐍

A game of Snake written in JavaScript 🐍

Building a JavaScript RPG game + Releasing on Steam (Danger Crew presentation)

Building a JavaScript RPG game + Releasing on Steam (Danger Crew presentation)

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]