Ateros

Ateros

Канал о разработке приложений и игр на JavaScript

[Старт канала - 10.06.2022]

Пікірлер

  • @ed6i991
    @ed6i991Күн бұрын

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

  • @sovok_slovo_pacana
    @sovok_slovo_pacana10 күн бұрын

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

  • @_ateros
    @_ateros10 күн бұрын

    Та, которую я на github pages опубликовал, или ваш код?

  • @Mr.Bellamy
    @Mr.Bellamy15 күн бұрын

    Для рядового разработчика на реакте было понятно только первые 2 минуты)))) дальше пропасть) Как называется человек который для таких игр создаёт модели в блендере? Аниматор? 3D дизайнер?

  • @_ateros
    @_ateros15 күн бұрын

    Да, я понимаю. Подумал, что кому-то будет интересно посмотреть весь процесс создания игры. Но, конечно вам не обьязательно самому создавать модельки, есть множество ресурсов где можно бесплатно скачать уже готовые 3d ассеты и с их помощью конструировать свою игру. Вот некоторые из них: itch Kenney Reiner's Tilesets Craftpix OpenGameArt *да, человек который создает модельки - 3д-художник, либо 3д-дизайнер, а если делает анимацию то 3д-аниматор.

  • @Mr.Bellamy
    @Mr.Bellamy15 күн бұрын

    @@_ateros спасибо за подробный ответ) Так то реально интересно поработать с 3д графикой)

  • @_ateros
    @_ateros14 күн бұрын

    Я рад, что вам понравилось) 🙏

  • @kimosuda8471
    @kimosuda847123 күн бұрын

    Лучший урок по этой игре на реакте!

  • @_ateros
    @_ateros22 күн бұрын

    Спасибо 🙏 Рад, что вам понравилось)

  • @errorerror3564
    @errorerror3564Ай бұрын

    Я думал, что выучив JS, пойму, как создавать сайты, но я тут, на этом видеоуроке и понимаю, насколько я узколобый, что ДАЖЕ И НЕ ЗАДУМЫВАЛСЯ ЧТО ТАК МОЖНО БЫЛО! Спасибо тебе за уроки, я впервые, за долгие годы изучения фронтенд(я ещё даже не junior) смог улыбнуться, увидев такой результат. И да, каждый видеоурок я -"А ЧЁ ТАК ТОЖЕ МОЖНО БЫЛО?" В общем ох и ах и одни эмоции)

  • @_ateros
    @_aterosАй бұрын

    Спасибо, мне очень приятно) Рад, что вам понравилось 🙏

  • @errorerror3564
    @errorerror3564Ай бұрын

    @@_ateros подскажите, а сколько стоит научиться у вас всему этому?

  • @_ateros
    @_ateros28 күн бұрын

    В настоящее время я не провожу платные курсы, но если в будущем что-то изменится я опубликую информацию на канале.

  • @tihunvolkov9288
    @tihunvolkov9288Ай бұрын

    О, круто, спасибо

  • @alexanonym1584
    @alexanonym1584Ай бұрын

    А есть ссылка на код?

  • @_ateros
    @_aterosАй бұрын

    К сожалению не сохранилось, извините

  • @alexanonym1584
    @alexanonym1584Ай бұрын

    @@_ateros Спасибо за видео!

  • @evilneo2340
    @evilneo2340Ай бұрын

    как вытащить файлы в реакт приложение?

  • @_ateros
    @_aterosАй бұрын

    Имеешь ввиду как дать пользователю возможность выбрать файлы? Можешь попробовать вот это - www.electronjs.org/ru/docs/latest/api/dialog

  • @cemxabalob70
    @cemxabalob70Ай бұрын

    У меня от первого урока не появилась сцена в "блендере"? Почему то не скачивается "вавилон"???

  • @_ateros
    @_aterosАй бұрын

    Попробуйте тот плагин (babylon2blender). А на счет второго - проверьте, есть ли файл по ссылке (иногда в cdn сервис может барахлить). Можете попробовать еще через npm, либо еще есть babylonjs-hook для реакта - github.com/brianzinn/babylonjs-hook

  • @TheTimur123
    @TheTimur123Ай бұрын

    Супер!!!!!!

  • @_ateros
    @_aterosАй бұрын

    Спасибо) 🙏

  • @TheTimur123
    @TheTimur123Ай бұрын

    Супер!!!!

  • @_ateros
    @_aterosАй бұрын

    Спасибо 🙏 Рад, что вам понравилось)

  • @cemxabalob70
    @cemxabalob70Ай бұрын

    Не понятно? Как должна отобразиться сцена в "блендере"?

  • @_ateros
    @_aterosАй бұрын

    Проще всего использовать для блендера плагин babylon2blender. Вот здесь есть подробная инструкция, как использовать - doc.babylonjs.com/features/featuresDeepDive/Exporters/Blender

  • @evilneo2340
    @evilneo2340Ай бұрын

    видос просто имба

  • @_ateros
    @_aterosАй бұрын

    Спасибо)

  • @evilneo2340
    @evilneo2340Ай бұрын

    @@_ateros можешь пожалуйста подсказать как собрать приложение для установки и запуска на линукс?

  • @_ateros
    @_aterosАй бұрын

    Вот этот гайд может помочь - www.electronjs.org/ru/docs/latest/development/build-instructions-linux

  • @axel-sheen
    @axel-sheenАй бұрын

    только ты кажется забыл объяснить чем именно не подходит browser router, ведь с ним всё работает точно так же

  • @_ateros
    @_aterosАй бұрын

    Здравствуйте. Это связано с тем, что в продакшене мы будем открывать файл, а не адрес сайта (2:59)

  • @user-tb3hd9jn9k
    @user-tb3hd9jn9k2 ай бұрын

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

  • @_ateros
    @_ateros2 ай бұрын

    Спасибо, мне приятно) Главное, что вам пригодилось 🙏

  • @slibnork8462
    @slibnork84622 ай бұрын

    Шикарно! то что нужно! Спасибо большое 🤜🤛

  • @_ateros
    @_ateros2 ай бұрын

    Спасибо 🙏 Рад, что вам понравилось)

  • @romanchernyshov2632
    @romanchernyshov26322 ай бұрын

    Спасибо!

  • @alexandrs7563
    @alexandrs75632 ай бұрын

    Очень полезный урок, охватывает множество тем Было бы интересно посмотреть на реализацию через RQ

  • @_ateros
    @_ateros2 ай бұрын

    Спасибо, мне приятно) 🙏 Возьму на заметку, что вам это интересно 😉

  • @alexandrs7563
    @alexandrs75632 ай бұрын

    @@_ateros жду какой-нибудь большой проект с хорошим дизайном с условного биханс 💪

  • @user-ub5oo5ce8q
    @user-ub5oo5ce8q2 ай бұрын

    🔥🔥🔥🔥

  • @_ateros
    @_ateros2 ай бұрын

    Спасибо) 🙏🙏

  • @stepantyumentsev2323
    @stepantyumentsev23232 ай бұрын

    👍 для ответов промисов есть dataSync() рекомендуется ее применять, что упростит гемор с извлечением данных из массива.

  • @user-ff8ob3pj6f
    @user-ff8ob3pj6f2 ай бұрын

    Интересно глянуть, спасибо за контент

  • @_ateros
    @_ateros2 ай бұрын

    Спасибо, рад что вам понравилось)

  • @TheMeowsGod
    @TheMeowsGod3 ай бұрын

    Спасибо, родной🩷искал на днях подобное и обрадовался, когда увидел тебя . Делай вещи💪

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо, мне приятно) 🙏🙏

  • @user-fn6xx7db1r
    @user-fn6xx7db1r2 ай бұрын

    Сделайте пожалуйста про redux -toolkit -RTK Query пожалуйстаааааа

  • @_ateros
    @_ateros2 ай бұрын

    Возьму на заметку, что вам это интересно 😉

  • @drakonn90
    @drakonn903 ай бұрын

    всё по делу, лайк

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо)

  • @user-ek7ws7dw2r
    @user-ek7ws7dw2r3 ай бұрын

    Вау!!!😳 Вау, вау! Спасибо за супер контент!!!🙌💪👍

  • @_ateros
    @_ateros3 ай бұрын

    Рад, что вам понравилось) 🙏

  • @user-ek7ws7dw2r
    @user-ek7ws7dw2r3 ай бұрын

    @@_ateros Спасибо за Ваш ответ! Скажите, пожалуйста, как Вас зовут? Если не секрет, сколько лет Вы в программировании и с чего начинали? Честно говоря, я совсем немного понимаю или почти ничего не понимаю, как Вы это делаете, но Вы мотивируете!!! Спасибо!!!👍👍👍🙌

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо мне приятно 🙏 Рад, что мои уроки вас мотивируют 🔥🔥👍 Я понимаю, что иногда бывает сложновато, просто продолжайте смотреть, практикуйтесь и со временем понимание придет.

  • @ShClub317
    @ShClub3173 ай бұрын

    на safari не работает

  • @_ateros
    @_ateros3 ай бұрын

    А если в хроме открыть, получается?

  • @ShClub317
    @ShClub3173 ай бұрын

    @@_ateros да

  • @ShClub317
    @ShClub3173 ай бұрын

    @@_ateros и на Яндекс тоже, помоги плиз)

  • @_ateros
    @_ateros3 ай бұрын

    А если в safari нажать Поделиться -> Добавить на главный экран, то работает, только если нажимать по кнопке установке которую мы создали не работает, да?

  • @ShClub317
    @ShClub3173 ай бұрын

    Да

  • @tarasp959
    @tarasp9593 ай бұрын

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

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо что написали, это поможет другим 🙏

  • @tarasp959
    @tarasp9593 ай бұрын

    Привет очень нравится как ты все легко делаешь и вся фррма подачи оочень круто, молодец! 👏 А как можно с тобой связатся еще кроме youtube?

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо, мне приятно 🙏 Меня уже просили раньше создать телеграм или дискорд, но к сожалению боюсь не буду успевать. Я пока решил сосредоточиться только на ведение канала Ютуб. Возможно когда-то в будущем создам еще телеграм... Извините что так.

  • @tarasp959
    @tarasp9593 ай бұрын

    хотел узнать если ты делаешь приложения под заказ?

  • @_ateros
    @_ateros3 ай бұрын

    В настоящее время я не беру заказы, но если что-то изменится я опубликую информацию на канале.

  • @virtuosoalarm9992
    @virtuosoalarm99923 ай бұрын

    <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=" font-size: 20pt; background-color: blueviolet; width: 4%; padding: 10pt; text-align: center; margin-left: 3%; margin-top: 5%; position: relative; left: 0px; "></p> <script> let hero = window.document.querySelector('#hero'); let RightButton = window.document.querySelector('#right'); let rightPosition = 0; let LeftButton = window.document.querySelector('#left'); let leftPosition = 0; const clickHandler = () => { if(hero.style.backgroundColor === 'blueviolet') { hero.style.backgroundColor = 'aqua'; } else { hero.style.backgroundColor = 'blueviolet'; } } 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> левая кнопка не работает, где ошибка?

  • @_ateros
    @_ateros3 ай бұрын

    Здравствуйте. Вы случайно добавили точку с запятой после px, попробуйте изменить: hero.style.left = `${leftPosition}px;` на: hero.style.left = `${leftPosition}px`;

  • @virtuosoalarm9992
    @virtuosoalarm99923 ай бұрын

    @@_ateros Да, дело было и в этом тоже, но я уже нашёл и справил несколько ошибок, теперь всё работает, пойду смотреть следующие видео)

  • @fewart
    @fewart3 ай бұрын

    Полезное видео. Хорошая картинка и звук, удачи каналу, автору спасибо!

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо большое, мне очень приятно 🙏🙏🙏

  • @fewart
    @fewart3 ай бұрын

    @@_ateros Собрал проект, но картинки не подключились в режиме Production. Ниже в комментариях видел похожий вопрос, где вы посоветовали использовать переменные окружения через файл process.env. Создал такой файл в папке react-app в корне, вот его содержимое: FOLDER_PATH=build/static/media. Далее в модуле Header.jsx пробую подключить картинку логотипа: <img src={`${process.env.FOLDER_PATH}/logo-light.svg`} alt="логотип" /> В результате картинка не отображается при запуске React-приложения, из панели разработчика в браузере тэг выглядит следующим образом: <img src="undefined/logo-light.svg" alt="логотип"> Направьте пожалуйста на путь истинный

  • @_ateros
    @_ateros3 ай бұрын

    Здравствуйте. Извините, не видел ваш комментариий. Попробуйте изменить FOLDER_PATH на REACT_APP_FOLDER_PATH, и перезагрузить приложение. Плюс, надо будет указать путь в ос начиная с диска - по типу D:/some-folder и т. д.

  • @fewart
    @fewart3 ай бұрын

    @@_ateros а возможно путь указывать универсальный для разных ос? В этом же и есть прелесть разработки с использованием electron, что на выходе мультиплатформенное приложение

  • @_ateros
    @_ateros3 ай бұрын

    Попробуйте подставлять как вы делали, без диска. А потом напишите скрипт, который парсит index.html (тот, что в electron-app/src, после сборки), и меняет href='/...' на href='...' то есть вначале слэш удаляет и перезаписывает навые данные в файл index.html (пакет fs, для работы с файлами). И вызывайте этот скрипт через node перед сборкой - node script.js; npm run make.

  • @user-hf4sm4zu7n
    @user-hf4sm4zu7n3 ай бұрын

    Просто отлично! Спасибо.

  • @_ateros
    @_ateros3 ай бұрын

    Рад, что вам понравилось 🙏

  • @user-km8we8hq2g
    @user-km8we8hq2g3 ай бұрын

    👍

  • @user-km8we8hq2g
    @user-km8we8hq2g3 ай бұрын

    Супер

  • @denisholmov
    @denisholmov3 ай бұрын

    надо будет ваши работы занести в списки рекомендаций для своих подписчиков

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо 🙏

  • @ISYHIBC
    @ISYHIBC3 ай бұрын

    Было очень полезно и познавательно, спасибо

  • @_ateros
    @_ateros3 ай бұрын

    Рад, что вам понравилось 🙏🙏

  • @user-ss5jj4wb4p
    @user-ss5jj4wb4p3 ай бұрын

    добрый день когда 2 часть игры будет snake?

  • @_ateros
    @_ateros3 ай бұрын

    Здравствуйте. Где-то на этой неделе постараюсь.

  • @vladimirstrepkov7767
    @vladimirstrepkov77673 ай бұрын

    Анимация проигрывается наоборот, а так круто, спасибо за понятные объяснения!

  • @_ateros
    @_ateros3 ай бұрын

    Спасибо 🙏 Попробуйте позже пересмотреть, скорее всего где-то что-то упустили...

  • @vladimirstrepkov7767
    @vladimirstrepkov77673 ай бұрын

    @@_ateros Не ожидал что вы ответите, приятно). Правда я имел ввиду что у вас анимация в туториале наоборот проигрывается, т.к. вы картинку внутри div-a отзеркалили, но всё равно двигаетесь по ней слева направо, а нужно двигаться справа налево, тогда анимация будет проигрываться правильно и красиво, с первого кадра до последнего, а не с последнего до первого. Надеюсь понятно объяснил пхпх.

  • @_ateros
    @_ateros3 ай бұрын

    А, ага в этом смысле. А я подумал что у вас ошибка, извините.

  • @ZhenyaGoroh
    @ZhenyaGoroh4 ай бұрын

    Math.random() не самый лучший вариант для key, лучше уже сложить x и y как строки или использовать crypto.randomUUID() (или пакет uuid).

  • @ed6i991
    @ed6i9914 ай бұрын

    Привет! А как заменить текстуру у импортируемой модельки, например у монетки? Пробовал создать новый материал, но почему-то не получилось

  • @_ateros
    @_ateros4 ай бұрын

    Привет. Мне кажется из кода не получиться такое сделать... Попробуй в блендере отредактировать материал и потом уже новую модель подставлять. На канале есть урок по Blender ("3д-графика для игр").

  • @ed6i991
    @ed6i9914 ай бұрын

    @@_ateros хорошо, спасибо 😊

  • @_ateros
    @_ateros4 ай бұрын

    Надеюсь все получится 🙏

  • @user-sb4by5qp1v
    @user-sb4by5qp1v4 ай бұрын

    Ещё раз пересмотрел Ваш урок, спасибище!!! Но у меня возникла проблема, она заключается в том, что в папке public (по сути это корневой каталог) у меня есть шаблоны, которые подгружаются функцией: вот строка ---- process.env.PUBLIC_URL + `/${props.template}`, // assuming template --- когда я убираю слэш перед ${props.template}, у меня ничего не запускается, а со слешем, не работает... Help me please...

  • @_ateros
    @_ateros4 ай бұрын

    Спасибо) Рад, что вам понравился урок 🙏 Попробуйте перед слэш добавить значение перемонной среды в которой храниться путь к папке public в ос.

  • @user-sb4by5qp1v
    @user-sb4by5qp1v4 ай бұрын

    @@_ateros У меня сработало, когда я убрал process.env.PUBLIC_URL и оставил только путь `${props.template}`, спасибо за быстрый ответ, с Вами всегда очень приятно общаться!!!

  • @_ateros
    @_ateros4 ай бұрын

    И вам спасибо, что написали - ваш ответ поможет другим 🙏

  • @user-sb4by5qp1v
    @user-sb4by5qp1v4 ай бұрын

    @@_ateros А вот ещё вопрос, как установить свою иконку в приложение. Документация пишет, что "needs to be placed in the buildResources directory (defaults to build). It is important to provide icon.ico (or icon.png), as otherwise the default Electron icon will be used." А вот в нашем случае папки build нет? Просто создать её с картинкой?

  • @_ateros
    @_ateros4 ай бұрын

    Можете посмотреть урывок видео где я показывал, как сделать калькулятор на электроне, там есть про это (перемотайте на 3:19) - kzread.info/dash/bejne/ZGdksptyfpvKfLw.htmlsi=MpaN8C91v33iUAUE

  • @user-ub5oo5ce8q
    @user-ub5oo5ce8q4 ай бұрын

    🔥🔥🔥👍🏼👍🏼👍🏼

  • @_ateros
    @_ateros4 ай бұрын

    Спасибо) 🙏🙏

  • @nikolyovin
    @nikolyovin4 ай бұрын

    просто пушка! спасибо большое!

  • @_ateros
    @_ateros4 ай бұрын

    Рад, что вам понравилось) 🙏🙏

  • @drondron1316
    @drondron13164 ай бұрын

    🥸

  • @drondron1316
    @drondron13164 ай бұрын

    Сразу оптимизация для смартфона

  • @drondron1316
    @drondron13164 ай бұрын

    Класс 👍

  • @AgresAnte
    @AgresAnte4 ай бұрын

    Очень годно👍

  • @_ateros
    @_ateros4 ай бұрын

    Спасибо) 🙏

  • @VeronikaBelskaya
    @VeronikaBelskaya4 ай бұрын

    Здравствуйте. У меня вопрос не по теме ролика, но мне ОЧЕНЬ НУЖНА ПОМОЩЬ. Есть ли здесь кто-то кто разбирается в Unity хоть чуть-чуть? Я только начала работать с этой средой, и в одном из первых своих проектов случайно нажала на кнопку перехода в режим игры (Play). И не могу выйти из него обратно в редактор! Я не могу продолжать работать в Unity, если не перейду обратно в нормальный режим. При создании новых проектов они открываются сразу в этом режиме. Перезагрузка и выключение компьютера ничего не изменили. Esc и Alt+F4, которые советуют на форумах, не работают. ПОМОГИТЕ ПОЖАЛУЙСТА, кто знает😭😭😭🥺🥺🥺🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿

  • @_ateros
    @_ateros4 ай бұрын

    Здравствуйте. Попробуйте задать вопрос на stackoverflow, либо на форуме unity сообщества, думаю там будет больше шансов, что кто-то отреагирует.

  • @VeronikaBelskaya
    @VeronikaBelskaya4 ай бұрын

    @@_ateros спасибо вам за ваш ответ! Я думала, что перерыла все форумы, но об этом форуме почему-то не знала. И только что я НАШЛА ТАМ ОТВЕТ! Проблема решена)))))))))

  • @_ateros
    @_ateros4 ай бұрын

    Рад, что все получилось!) 🙏🙏

  • @fadeev805
    @fadeev8054 ай бұрын

    🔥🔥🔥👍🤝

  • @_ateros
    @_ateros4 ай бұрын

    Спасибо) 🙏

  • @gdyef74647
    @gdyef746474 ай бұрын

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

  • @_ateros
    @_ateros4 ай бұрын

    Спасибо большое 🙏🙏 Может получится через vpn...

  • @gdyef74647
    @gdyef746474 ай бұрын

    @@_ateros спасибо,попробую

  • @KZ--ws6eb
    @KZ--ws6eb5 ай бұрын

    спасибо

  • @islam_in_the_west
    @islam_in_the_west5 ай бұрын

    Спасибо, Хороший урок! Побольше бы уроков electron js, подписываюсь , надеясь на эти уроки