วีดีโอ

👍👍👍

Когда я переключаю на мобильную версию - персонаж не бегает, а стоит на месте <div id="img-block" style=" width: 288px; height: 288px; overflow: hidden; position: relative; left: 0px; "> <img id="hero-img" style=" width: 1728px; height: 1152px; position: relative; top: -576px; left: 0px; transform: scale(-1,1); "src="img/hero-sprite.png" /> </div> <script> // Variable let heroImg = window.document.querySelector("#hero-img"); let imgBlock = window.document.querySelector("#img-block"); let rightPosition = 0; let imgBlockPosition = 0; // Function const rightHandler = () => { heroImg.style.transform = "scale(-1,1)"; rightPosition = rightPosition + 1; imgBlockPosition = imgBlockPosition + 1; if (rightPosition > 5) { rightPosition = 0; } heroImg.style.left = `-${rightPosition * 288}px`; imgBlock.style.left = `${imgBlockPosition * 20}px`; } const leftHandler = () => { heroImg.style.transform = "scale(1,1)"; rightPosition = rightPosition + 1; imgBlockPosition = imgBlockPosition - 1; if (rightPosition > 5) { rightPosition = 0; } heroImg.style.left = `-${rightPosition * 288}px`; imgBlock.style.left = `${imgBlockPosition * 20}px`; }; // Event handlers let timer = null; let x = 0; let halfWidth = window.screen.width / 2; let onTouchStart = (event) => { event.preventDefault(); x = (event.type === 'mousedown') ? event.screenX : x = event.touches[0].screenX; timer = setInterval(() => { (x > halfWidth) ? rightHandler() : leftHandler(); }, 130); }; let onTouchEnd = (event) => { event.preventDefault(); clearInterval(timer); }; window.onmousedown = onTouchStart; window.ontransitionstart = onTouchStart; window.onmouseup = onTouchEnd; window.ontouchend = onTouchEnd; </script>

Ток посмотрел, это пока самое сложное, пытаюсь переварить алгоритм перемещения мяча! Огромное спасибо за труд:)

Прошло два года видео все еще кайфовый и интересный

спасибо за разборы, сделал благодаря тебе практически весь нужный функционал!)

Спасибо, все видео из этого курса были интересными и полезным! будут еще видео на тему? если да подкинуть идеи что можно поделать?)

Я немного не понял, приведенье ударяется об камни и деревья? или оно пролетает сквозь?

Вопрос, на видосе когда платформы камера вверх едет то такое ощущение что 15 FPS , Эти в игре так же? или видео?

7:34 В блендере есть питон скрипты которые работают быстро, если мало опыта с модификаторами или нодами это очень может помочь (лично через гпт пишут скрипты)

Можно просто собрать пустой проект в Android studio, создать папку ассеts с исходниками на JS. Потом на Java или Kolin активировать JS в WebView.

Можно сделать тоже самое если приложение написано на react + electron?

Что то сложное , позоду для продвинутых

Можно ли сделать такое приложение в виде ярлыка?

Жесть даже не знал что на React можно делать игры.

<button id="left" style=" font-size: 20pt; padding: 10pt; ">Left</button> <button id="right" style=" font-size: 20pt; padding: 10pt; ">Right</button> <p id="hero" style=" background-color: blue; font-size: 25pt; padding: 20pt; width: 30%; text-align: center; position: relative; left: 0px; ">Text</p> <script> let hero = window.document.querySelector('#hero'); let rightButton = window.document.querySelector('#right'); let leftButton = window.document.querySelector('#left'); let rightPosition = 0; let leftPosition = 0; const clickHandler = () =>{ if (hero.style.backgroundColor === 'grey') { hero.style.backgroundColor = 'blue'; } else { hero.style.backgroundColor = 'grey'; } } const rightHandler = () => { rightPosition = rightPosition + 20; hero.style.left = `${rightPosition}px`; } const leftHandler = () => { leftPosition = leftPosition - 20; hero.style.left = `${leftPosition}px`; } hero.onclick = clickHandler; rightButton.onclick = rightHandler; leftButton.onclick = leftHandler; </script> Всё работает. Но смущает что после нескольких кликов right при попытке нажать left кнопка переходит в исходное положение и потом двигается в лево. Как сделать так что бы после нажатия left расстояние отнималось не от исходного а от положения в котором она сейчас находится. const leftHandler = () => { leftPosition = leftPosition - 20; (если здесь поменять на leftPosition = rightPosition - 20; то кнопка срабатывает 1 раз и всё. Как автоматизировать шаблон?) hero.style.left = `${leftPosition}px`;

👍🏼👍🏼

Привет лучший как всегда 😊

Когда ввожу npm create vite@latest и выбираю Svelte, TypeScript у меня выдает много разных ошибок, а если выбираю JavaScript, все нормально, что делать?

как сделать через елемент <div> в html текст в центре по висоте?

Не думаю что ты ответишь спустя такое время. Твой ролик пушка, занимаюсь фронтом давно но не знал что могу толком не добавляя новых знаний делать еще и десктопные приложения на js, это просто пушечно. Подскажи пожалуйста, если все же ответишь, вот есть puppeter на js, меня интересует, как я могу запускать puppeter через интерфейс электрона?

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

Сильно! Как сложно конечно для того, кто только учится...... Всем Адекватности мира и добра, ребята.

Не могу поверить как ты старался у меня получилось

Первый подобный пример без воды и лишней болтовни... Спасибо вам за вашу работу

Гениально

Молодец

Супер понятно,респект большой.

Покажи как сделать всплывающее окно при наведении мыши на какой нибудь объект

очень круто!

Прошу прощения, а можно ли на эти объекты добавлять свои текстуры? Скажем, картинки, через имг СКР, или что-то такое?

МОЛОДЦА !!!!

Вот знаете , очень страшно , что после блока ютабчика - пропадут подобные авторы . Родной, ты не теряйся и дай знать , где тебе искать 🤝

Раньше делал небольшую игру на three а сейчас попробовал babylon. Заметил интернсный момент, js файл после сборки у three занимает 1mb. А у babylon 10mb. Для маленького проэкта бабилон уж очень тяжелая либа. Он настолько лучше по функционалу чтобы выбирать его?

Классные видосы

пожелаю удачи

у кого не отображаются сердечки попробуйте изменить -2 на другие цифры, у меня : this.img.style.bottom = ((window.screen.height / 32) -6) * 32;

у кого дергается анимация удалите строчку: //this.img.style.widht = this.blockSize*4; там автор ошибся и написал WIDHT, а не WIDTH

Спасибо за урок. Подскажите, возникает следующая ошибка при запуске приложения на windows 7 "....exe. не является приложением Win32" Сборку делал как x32, так и x64 При запуске на win10,11 такой ошибки не возникает и приложение работает

Как сделать аналогично npm run make, только что бы на выходе получить .dmg для мак?

как же оно лагает

Давай еще не останавливайся

Нихерасебе

Красава, хороший канал!

Спасибо за ваш труд❤ Очень помогает разобраться

Полезно знать такие вещи для веб разработчика

У меня никак не получается, уже по всякому пытался получается просто белый экран у desktop, кто может помочь и как с вами связаться заранее спасибо

Одним циклом наверное будет проще рисовать "сердечки": const addHearts = () => { for (let i = 0; i < maxLives; i++) if ( i < lives ) { let heartRed = new HeartRed(i) } else { let heartEmpty = new HeartEmpty(i) } }

Спасибо за видео, за терпеливое объяснение . Все на высшем уровне🔥

привеееееет!

У меня лагает игра, но комп мощный, на всех пк лагает хз с чем связано