Игра на JavaScript с нуля для начинающих. ОЧЕНЬ ПРОСТО!

[@Mralex22801]

Спасибо, начал ГТА писать на js.

[@REXTGames]

Сними видос хочу посмотреть на неё

[@artmyan3445]

Kogda u tebya net urokov😂

[@MoryartyMental]

Как успехи?

[@why6519]

@BINANCE666BITCOIN Да это рофл че вы

[@farkhodcastro1590]

😂

[@HowdyhoNet]

Так блэт :3 Эта территория под моим контролем, чумба.

[@SuprunAlexey]

Not today 😂😂😂👍🏻

[@vasya8696]

😂

[@danys4740]

Больше нет!

[@abrrrik]

Салам брат

[@vladkoval4243]

Я прям знал что твой коммент тут будет))

[@angolalive3718]

Чувак, это гениальный подход к изучению с наглядной мотивацией того, что делаешь! Изучение будет на примере и сразу! Молодец. Продолжай такие же веселые уроки. У всех на умных щах - это скучно таак, что спать хочется ))

[@lidiyal.1944]

Спасибо большое за видео! Я делаю первые шаги в программировании. Сделала игру по вашему видео, все получилось 👍 Здорово, что сразу виден результат, это очень мотивирует. Отличные объяснения, все понятно.

[@ПростоЧел-с2ы9б]

Ура, очень ждали! Думаю будет круто

[@SuprunAlexey]

Это хорошо

[@miklkey777]

Для совсем уж новичков нужен текстовый формат Лайк поставил)

[@asmrNailsVera]

Круто, осталось только статистику писать сколько играл, подпрыгнул. Ну и главное подключить часы, чтобы счетчик шагов считать :)

[@Tranzin40]

Еще можно прописать для кактуса рандом.

[@liliyalady7004]

@@Tranzin40 Интересно, как рандом и статистику сделать?

[@Tranzin40]

@@liliyalady7004 ну для рандом функция отдельная. Нужно сделать так что при интервале с рандомной частотой спавнится новый кактус. А счет просто

[@liliyalady7004]

@@Tranzin40 это пока то для меня космос🙈

[@Tranzin40]

@@deleted1000 Можно например создать массив объектов(разные противники), и поместить их в рандом.

[@МуратКожахмет-я1з]

Это мой первый код на JS 🎉 Спасибо, учитель 👨‍🏫

[@SuprunAlexey]

Ура

[@armanscription1428]

Как там с продвижением в JS? много уже сделал за 8 месяцев ?

[@SNSDfOu]

@@armanscription1428 пал в степях Украины

[@Аринкамандаринка-п8л]

Серьезно?@@SNSDfOu

[@АндрейИльин-д6ж]

Великой Украины! повнимательнее будь!@@SNSDfOu

[@ЕжиХороши]

спс, все очень понятно! Может еще игру на JS с canvas? Видео каждый день без потери качества, мощьно

[@pavluzont]

Видео вроде год, а до сих пор актуально :) хочу написать игру на похожий мотив, доработав, конечно - Спасибо заранее за пару ответов на мои вопросы, о которых думал в процессе разработки :)

[@Fenix-ij8sj]

Прошло 5 месяцев, как успехи?

[@pavluzont]

@@Fenix-ij8sj отлично Переписал на канвас Теперь планирую на реакт ))

[@armanscription1428]

11 месяцев прошло, как у тебя с JS?

[@pavluzont]

@@armanscription1428 работаю на коммерческом проекте, пишу на реакте ☺️ спасибо за переживания

[@armanscription1428]

@@pavluzont Дай советы какие-то

[@thomasanderson3145]

Я middle front-end dev, смотрю видео и все равно интересно :)

[@Veloceraptorrr]

Сделала прикольную игрушку на основе вашего видео. Добавила кнопку старт и счёт очков. А так же проплывающие тучки и пролетающих птичек сверху. Спасибо за ваше видео, не знала что на js можно такое делать☺️

[@relaxtime205]

джаваскрипoм можно делать такую штучку джаваскрипт очень хороший язык программирование Мне очень понравилось А вы в каком язиком владеете

[@mishanris]

Не подскажите как вы сделали кнопку старт?

[@msS0NIK]

@@mishanris добавь движения кактусов в класс и кнопкой старт навешивай его

[@SNSDfOu]

@@relaxtime205 ты таджик или ребенок?

[@Константин-ф6г9ж]

@@SNSDfOu одно с другим несовместимо?

[@King-bg9yc]

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

[@SuprunAlexey]

Если будет актуально

[@King-bg9yc]

@@SuprunAlexey думаю многие будут рады

[@ЕжиХороши]

@@SuprunAlexey очень актуально

[@krabbik9147]

@@SuprunAlexey конечно актуально P.s. вроде бы всё понятно, а вроде бы и супер сложно)

[@ПростоЧел-с2ы9б]

Круто, искал недавно видео именно по дино! Огромное спасибо

[@SuprunAlexey]

Класс, должно получится

[@andreyVinnitskiy]

@@SuprunAlexey А сделать игру - гонки 2d или псевдо 3d? на ванильном js через канвас?)

[@SuprunAlexey]

@@andreyVinnitskiy долго)

[@andreyVinnitskiy]

@@SuprunAlexey но было бы интересно что бы ты пошагово объяснял что и как) Ну ладно, будем ждать и других выпусков!)

[@dinochrome7235]

@@SuprunAlexey Можете, пожалуйста скинуть исходный код, просто у меня не срабатывает "jump." Я на пробел нажимал и писал очень точно, ни одной ошибки не допустил, но ничего не срабатывает (код пишу в "Sublime Text, а недавно попробовал писать на "Atom"-редакторе")

[@abrrrik]

Спасибо! Я как раз js учу😇 побольше таких!

[@SuprunAlexey]

Класс

[@nerofighter472]

как успехи небось уже работаешь?

[@enot85]

@@nerofighter472 а у тебя как?Работаешь?)

[@nerofighter472]

@@enot85 нет я попал именно в тот момент когда рынок был переполнен прогерами. Приглашали на стажировки не оплачиваемые, но сбережения заканчивались. Работаю архитектором, по профессии.

[@АлишерАзимов-д8ш]

игры на js хорошая тема))

[@douglassmsimpson9961]

Офигеть ты спокойно крутишься))) Я бы с такими завозами уже инсульт словил))))

[@wolkbog8179]

Классно, как и просили! Жаль пропустил премьеру, бабушка есть заставила (

[@SuprunAlexey]

Ну посмотри как освободишься полностью, это обычное видео

[@ImmortalBest]

Привет бабуле )

[@MrWorld619]

Бабушке привет

[@ohnocoder]

Раз бабушка, значит ты тоже ребенок😀 Удачи в программировании!

[@АртурСадреев-г9в]

Блин, все, получилось, даже с др картинками! Класс:) а реально замутить типа танчиков, не те что ща все рубятся, а старые желтые, в начале 2000х рубились в школе помню

[@casuale1200]

ура новый ролик, но хотелось бы увидеть ролик по сложнее игрой

[@SuprunAlexey]

Сделайте для начала такую

[@casuale1200]

@@SuprunAlexey ну я просто уже делал динозаврика и на мой канал нажмите там увидите какие игры я делал

[@casuale1200]

@@SuprunAlexeyно до 3д и THREE JS еще не дошол

[@casuale1200]

@@SuprunAlexey да вот если бы было бы видео про ИИ то очень круто было бы

[@vitaliynovikov9510]

на 1:52 стало уже ничего непонятно.как вы создали структуру?если пишите в описании что с ноля для новичков,то обьясняйте каждый шаг

[@TeuvoLaaksonen]

А как вы думаете, какие еще игры можно сделать на JavaScript? я сам недавно начал изучать веб-разработку и выбрал курсы Skypro, потому что у них были лучшие отзывы. Лично я хотел освоить новую профессию и после небольшого ресерча понял, что рынок IT развивается очень быстро. Курсы оказались настолько структурированными и понятными, что уже за 2-3 месяца до конца обучения я смог устроиться на работу с хорошей зарплатой))

[@brigella5969]

Почему то не считывается нажатие, все сделал как у вас, но всё равно не работает.

[@bahtiyorr]

Спасибо было познавательно, но придумайте примеры которые могли бы объяснить вот эти объекты, функции, методы и переменные JavaScript и показывать как они взаимодействуют друг с другом

[@smwvw6946]

скажите пожалуйста, как в папку изображение вставлять?

[@yujjjgg6453]

вы разобрались?

[@Velikiy_Dgurdgus]

У меня проблема с анимацией, класс jump появляется, а анимации нет, что делать?

[@djekddjek9852]

Начал изучать html и css, JS пока не изучал, на видео ничего не понял что, откуда и как:( разобрался только со скелетом сайта в самом начале.

[@fyriogd8683]

Очень просто и понятно! Спасибо за видеоурок!

[@yujjjgg6453]

как вы добавили фото в папку img?

[@fyriogd8683]

@@yujjjgg6453 выберите эту папку как путь сохранения фото

[@Frasen_24]

Спасибо тебе юольше, благодаря тебе я сдал курсовую, и еду на ооимпиаду где нужно написать свою игру в 4к за 2 минуты

[@ser_vinogradov4269]

Спасибо за труды и мотивацию)Крутяк,давай усложним её,чтоб Хауди Хо ещё больше нервничал)))А то он свой код вроде не показывал,а для начинающих это не очень)

[@SuprunAlexey]

😃😃😃

[@ооо-ъ3ю]

спасибо большое тебе за ваш труд и контент просто все супер

[@alexandrmakedonskiy2956]

даже не знаю кем ты вдохновился когда выбрал пример на гугловском динозаврике

[@SuprunAlexey]

Отключением у себя интернета сегодня утром(

[@trance_hardstyle]

Хмммм....Познавательно, из ничего кое-что сварганить )) Что будет дальше :)

[@SuprunAlexey]

Дальше - больше 😊

[@trance_hardstyle]

@@SuprunAlexey Я бы ещё лучше сделал, я бы сделал так что компьютер САМ посылал когда надо вместо юзера !? Это будет еще интереснее..)) Что скажешь ?

[@Tony_Dias1692]

Мужик, ты офигенен, все понятно и увлекательно, только файлы бы прикрепил с картинками)

[@MrUnknownman1986]

Я чего-то не понял, почему мы в функции jump прописываем settimeout 11:30 ? Мы же убираем класс с помощью события клика(в данном случае keydown) , не ?!

[@bestgamer3846]

А у меня есть вопрос например: У меня есть игра крестики нолики и мне нужно виводить модальное окно вместо алерта тогда когда игрок нажал на уже зайнятую ичейку или например когда игрок победил или проиграл что б оно тоже вместо алерта виводилось как ето зделать? Подскажите пожалуйста если кто то знает и не лень!

[@FrankMatrix]

9:51 classList кем является?

[@glaciron]

Видно что кактус появляется не всегда с точки left: 580px ,он постоянно движется и после нажатия всплывающего окна (alert) ,он появляется по таймингу по которому движется. Получается нужно дорабатывать.

[@soundmorozov]

Спасибо! Младшая дочка радуется, кролик прыгает через крапиву))

[@Jdjdjjjxhzh]

Хах, сделал Динозаврика из счетом, сложностью и забавной анимацией бега) Буду ждать новую игру)

[@liliyalady7004]

Есть ли у вас ролики, где объясняется что такое те или иные базовые коды-слова, зачем и когда ставить ковычки, с чего и с каких слов или символов начинать новый проект, и т.д. я вообще нулевый новичек в программировании. Хочу понять логику программирования. Очень интересно рассказываете🔥🔥🔥 вчера попала на ваш канал

[@tabrisel]

Крутое видео, было оч интересно посмотреть, спасибо )) Не знала про возможность добавления события "keydown"(просто не сталкивалась еще), а все так просто для игры оказалось))

[@АнтонТанский-л9к]

cвойство event объявлено,но его значение не было прочитано (4я срочка js). В чем проблема,подскажите,все 1 в 1

[@wildgambler9937]

нашел? скажи пжесли нашел

[@АнтонТанский-л9к]

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

[@rolton6307]

помогите пожалуйста, у меня функция jump не работает, написал всё так как было написано на видео, но не работает

[@Mks-is2uz]

Исправил?

[@rolton6307]

@@Mks-is2uz давно уже, я уже хуй забить успел

[@ЕгорЛитвинов-м2х]

Как изображение перекидывать?

[@Alesya_aaa]

у меня почему-то вместо динозавра кактус прыгает ( на месте) и игра не работает у меня, все на месте стоит кроме этого кактуса

[@sskss9272]

это может быть потому что во втором keyframes вы забыли поменять с cactusMov на jump

[@WhiteBear141981]

Хорошее видео. Сложной показалась концовка с определением Game Over. Ну, это из-за того, что не все перечисленные методы мне знакомы. Спасибо!

[@SuprunAlexey]

Там все просто

[@aaaaaaa549]

Спасибо! Поболбше таких игровых видосов на javascript!!! Не будете ли вы учить сделать 3D игры на Javascripе? Например на (Unity), Eсть ли ещё фреймворки или библиотеки создания игр для javascript?? Хо

[@SuprunAlexey]

Может через год

[@aaaaaaa549]

@@SuprunAlexeyо пожалуйста ответьте на мой вопрос старый о фреймворках

[@SuprunAlexey]

@@aaaaaaa549 да, есть и их много, при том появляются каждый день. В гугле найдёте

[@aaaaaaa549]

@@SuprunAlexey не мне бывает трудно 1 или два появляется и ещё не на моём уровне

[@SuprunAlexey]

@@aaaaaaa549 ничего страшного

[@f-len]

Круто! 🙂👍Давай тетрис!!! 😁

[@hitchhiker7033]

Родной след раз , файлы архива из уроки скидывай в описание), чтобы люди повторили твой шедевр и был сэмпл!)

[@sleepyNovember_project]

Самое главное знание функций и их предназначений, остальное ходит как по маслу. Но классно когда у тебя память как у древней флешки, обожаю

[@muha1751]

Ага😅😂

[@aktotuttttt]

Очень полезно, спасибо большое🙏 я стал чуток умнее

[@zhannaopolko5547]

Почему может не подтягиваться картинка из папки Img.. путь указан верно, прописано все, как в видео..background-image: url(img/dino.png); и нифига

[@Xron-TV]

скопируй как у меня ты не дописал background-image: url(../img/dino.png);

[@NotoriousBig6688]

Четвёртый день как начал изучать , сегодня написал эту игру, только не кактус а Марио)

[@yujjjgg6453]

как вы добавили фото в папку img?

[@MusicLoversPark]

Вроде функцию "jump" правильно прописал и в css и в js раз 10 проверил, но он не прыгает, да и вообще, он любой кнопкой должен прыгать или отдельной?

[@ilianfiflaren4536]

такая же проблема - как решил?

[@pietiunia2447]

и у меня тоже. есть идеи?

[@ilianfiflaren4536]

@@pietiunia2447 решил

[@pietiunia2447]

@@ilianfiflaren4536 в чем проблема была?

[@ilianfiflaren4536]

@@pietiunia2447 в конце js файла

[@serkon85]

Для человека, который второй день надрачивает Hello World!) и переменные в Пайтоне - сейчас случилось что - то невероятное)))Больше всего меня убила простота вещания)))Типа "Ну вы в курсе , ребят")))))Ушёл обдумывать осилю ли "войти в айти"((((

[@SuprunAlexey]

Ну что б эта игра получилась, нужно знать хотя бы как файл создать, и уметь печатать:)

[@serkon85]

@@SuprunAlexey не,ну не настолько всё плохо то🤣

[@serkon85]

Но сложно ппц

[@dimatit0471]

Спасибо за видео, всё чётко и понятно. Не понятно только откуда дизлайки)

[@Virisound]

Прикольно, ещё бы рандом на кактус прописать. Лойс.

[@SuprunAlexey]

Можно

[@s_ebancoi]

Спасибо за видео! А как сделать, чтобы кактусы были разные и чередовались? Как сделать, чтобы был счет очков?

[@abduhalilrahmonberdiyev7562]

👍👍👍👍 Может еще игру на JS

[@SuprunAlexey]

Может

[@vladimirandreevich]

Почему нельзя было просто указать функцию jump в качестве EventListener'a? зачем было создавать анонимную функцию, которая вызывает jump()?

[@velikorossnationalist4259]

У меня почему то не срабатывает gameover когда дино врезается в кактус. Все написал по Вашему примеру. Почему?

[@Александр-ч1я6г]

Было бы неплохо сделать счётчик очков. А так изучаю сейчас js. Видео интересное.

[@SuprunAlexey]

Вооот как раз сделайте

[@bvsprod.7852]

почему стили css не подключаются? все делал в точности также, просто максимально идентичный код. в чем проблема?

[@SuprunAlexey]

Много может быть нюансов, стили может не так подписал или расширение не то поставил, Линк неправильно прописал, теги не так поставил, класс или ид ошибся

[@thelifeofprogrammer133]

Думаю тема фриланса будет интересна и актуальна, за 2020 год фриланс вырос почти на 250%. Много новичков, которые не знают как начать, что делать, как получить первый заказ и т.п.

[@sanjarGamingUz]

Круто, все так просто! Теперь го киберпанк делать)))

[@CROXNET]

Прикольно))) не все конечно прямо чётко понятно ну супер

[@Krutnik]

Игры на JS это мощь)))

[@dark_hack_it]

Почему класс .jump не был добавлен на HTML ?

[@SuprunAlexey]

Потому что мы его добавили через js при отслеживании событий по нажатию на клавишу

[@dark_hack_it]

@@SuprunAlexey У меня дино чёт не хочет проигрывать)

[@SuprunAlexey]

Все как в видео написано?

[@Irina-cn5ez]

@@SuprunAlexey у меня тоже показывает ошибку на jump

[@monkeysgrave9375]

Давай делай игры на js!!!

[@SuprunAlexey]

Принято

[@boburmustafo]

@@SuprunAlexey for android :)

[@supermanpunch8063]

Какие фреймворки или библиотеки необходимы для разработки игр на JavaScript?

[@pavelvasilkovskiy772]

Скажите, пожалуйста! Структуру вручную нужно вводить или можно сделать как-то автоматически?

[@Main_chou]

! или

[@verge_programming]

На практике игры не пишутся на чистых HTML/CSS/JS. Несмотря на то, что для таких простых случаев решение имеет место быть, на деле сейчас заправляет canvas и хотелось бы посмотреть на реальный и крутой подход к разработке. Просто понять принцип создания игр на canvas без использования движков - вот это вызов, а таким образом игру создать, каким пользуется автор, может почти каждый с 6+ месяцев работы во frontend.

[@SuprunAlexey]

Ну да, я это вначале видео и сказал. На канвасе тоже сделаем, не сомневайтесь)

[@oleggrinenko672]

слушай, игра не работает, хотя код один в один как у тебя, в чём может быть приччина?

[@ИльясСабиров-м5л]

Извините но я не по теме😅 Стоит ли сейчас тратить много времени изучений php что бы создавать любый интернет магазины или же cmc системы как wordpress opencardе можно сделать лучше. И на фрилансе много ли заказов и каких на cmcах илиже на php mysql. Ну что лучше для фриланса. Спс за видео

[@SuprunAlexey]

Если есть желание то почему бы и нет

[@vitalativ-1905]

а ничего,что все твои CMS перечисленные, написаны как раз таки на PHP. PHP в любом случае нужен будет, поэтому изучай. Для фриланса лучше WordPress, а если хочешь работать на кого-нибудь, то лучше Битрикс, т.к многие крупные проекты на нем разрабатывают.

[@ИльясСабиров-м5л]

@@vitalativ-1905 только основы да php а библиотеку для фриланса

[@Вячеслав-д9ъ]

создавай пожалуйста больше видео про игр на js Видео очень хорошее

[@СтасРужило]

Вух, дождался. Думал не дожыву до премьеры (салатиков наелся). Го ведьмака 3 сразу))

[@SuprunAlexey]

Хахаха ведьмак за 15 минут не пишется, там десятилетия нужны))

[@wolkbog8179]

@@SuprunAlexey ведьмак не напишется, а вот ведьмачек за часик напишется )

[@МаксимГолык]

Спасибо круто , все получилось кроме того что почему-то прыжок не срабатывает , хотя класс добавляется ) а так Game Over выводиться .

[@Quantum_idol]

где найти текст программы ?*

[@АндрейФилюшин-л4н]

А как открыть эту песочницу в браузере, где игра сама делается на 2:48

[@АндрейФилюшин-л4н]

Подскажите плез

[@petrvictorovich]

Идея - динозаврик-мультиплеер! С рейтингом игроков.

[@RefuelTheRocket]

То есть getComputedStyle(dino) это мы вызываем все свойсва dino, getPropertyValue("top") а тут из всех свойств выдергиваем только top, верно?

[@stivem9523]

Про канвас пожалуст. сделай видос)) Очень нужно, не понятно как и что оно , нужно видео))

[@SuprunAlexey]

Хорошо

[@compazproduction6531]

На Sublime Text 3 сойдёт?

[@МагомедРомазанов-б5ф]

Первое знакомство с кодом случилось когда я решил помочь друзьям сделать мод к джава игре Rusted Warfare я ничего не умел, но быстро понял, что можно копировать основу и менять цифры, теперь хочу большего

[@sleepyNovember_project]

Копаться в smali ради модифицирования апк тоже тема))

[@sery7379]

пятнашки в студию)

[@ВолосатыйЖмых-в1б]

Как раз ждал, спасибо большое! Всего 5 дизлайков, всем зашло. Ещё будут подобные игры на js?

[@SuprunAlexey]

Ну если будут комментарии что нужны, тогда да

[@yunogasai7222]

@@SuprunAlexey нужны! Хотим ещё игр!

[@elenaguy6730]

Спасибо, все понятно и легко

[@yuliiaferreira2789]

Подскажите, пожалуйста, как переписать на React js?

[@xx3027]

лайк такой видео больше надо!!

[@coolbooy9990]

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

[@zhar_stray41k]

а как ты сохранил и в браузере открыл? У меня не получилось, я открываю хтмл, там нет игры, просто лист белый. Че делать??? Помогите, пж, я вас очень прошу 😭😭😭

[@S1n9LVesT]

Как ты сделал скрипт где делается чёрная полоска (дорожка) я не догоняю у меня тип нет чёрного цвета и вообще нет цветов

[@kart0shechka-live]

в css .game { ... ... border-bottom: 1px solid #00000 ... }

[@markoyforever1]

Я изучил Html и Css вот начал изучать JS.

[@sypergrifer1104]

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

[@technic_and_programming]

Спасибо за игру!

[@SuprunAlexey]

Всегда пожалуйста

[@Mr.Dezzy69]

А как сделать счет и генерацию рандомных припятствий и озвучку ?))

[@УльянаСоколова-к8ж]

Очень нужная информация, спасибо)

[@blitemin]

Как урегулировать высоту прыжка?

[@spider101venom]

Помогите пожалуйста! Я всё написал как на видео но GAME OVER всё равно не работает!

[@Rb-ur5em]

Добрый день. Подскажите можно ли найти что-то подобное в принципе? Как лучше поступить ? Писать игру с нуля не получится точно! Простая карточная игра (качество и сложность не важно. лучше что-то по проще..) HTML, CSS, JS, MySQL Описание: Регистрация игрока, Минимум два участника Спасибо