epicnull - IT
epicnull - IT
  • 27
  • 212 321
Drag and drop в Cocos Creator
Краткий урок как реализовать drag and drop систему в движке.
Движок: Cocos Creator
Версия: 3.7.1
Плей лист cocos creator: th-cam.com/play/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R.html
vk cocos creator - cocoscreator_ru
มุมมอง: 2 427

วีดีโอ

Создание 3Д сайта с помощью Three.js
มุมมอง 30K2 ปีที่แล้ว
Покажу небольшой пример по созданию 3д сайта с использованием three.js пример сайта - bruno-simon.com/ three.js - threejs.org/ Исходники github - github.com/EpicLegend/3dsite Таймкоды: 00:00 - Вступление 00:35 - О 3д графике 01:05 - Инициализация проекта(npm, three.js) 01:20 - HTML и CSS 01:55 - Работа с three.js 06:16 - Результат #three.js #javascript #website
Разбираемся с Three.js | Создание 3д сайтов и игр в браузере
มุมมอง 16K2 ปีที่แล้ว
Three.js библиотека облегчающая работу с 3D графикой в браузере. Поддерживает работу с 3д окружение в браузере, 2д и 3д моделями, частицами, анимацией объектов, шейдерами и прочими технологиями для 3д. Больше видео здесь: th-cam.com/channels/GqKr3O5ub-O7zEKx_qeHUQ.htmlvideos Официальный сайт: threejs.org/ Репозиторий на github: github.com/mrdoob/three.js/ #threejs #gamedev
🙊 Разработка три в ряд на JavaScript
มุมมอง 8K2 ปีที่แล้ว
Разрабатываем игру три в ряд на JS. Github - github.com/EpicLegend/Bejeweled figma - www.figma.com/file/drnlhOwNuAqAhrOAAnnZD6/Untitled?node-id=0:1 Полезно Сообщество Cocos creator - cocoscreator_ru #js #gamedev
Cocos creator v.3: Как собрать игру
มุมมอง 2.1K3 ปีที่แล้ว
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. Плей лист cocos creator: th-cam.com/play/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R.html vk cocos creator - cocoscreator_ru #cocos_ru #разработка
Cocos creator v.3: Создание 2D игры
มุมมอง 15K3 ปีที่แล้ว
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. Плей лист cocos creator: th-cam.com/play/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R.html github(исходники от разработчиков) - github.com/cocos-creator/tutorial-first-game github(исходники игры) - github.com/EpicLegend/2d-game-cocos-creator-v.3 vk ...
Cocos creator v.3: Интерфейс
มุมมอง 3K3 ปีที่แล้ว
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. #cocos_ru #разработка
Cocos creator v.3: Установка
มุมมอง 4.5K3 ปีที่แล้ว
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop.
Cocos creator v.3: Что это?
มุมมอง 10K3 ปีที่แล้ว
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop.
Быстрая разработка Ping Pong на JavaScript
มุมมอง 4.9K3 ปีที่แล้ว
Это ping pong. Быстро, понятно и с ООП. Таймкоды: 00:00 - Вступление 00:10 - Проектирование 00:37 - Сервер, HTML и CSS 01:55 - JavaScript 11:44 - Результат 11:50 - GitHub 12:07 - Баги github(исходники) - github.com/EpicLegend/ping-pong
Змейка(ООП) на JavaScript
มุมมอง 8K3 ปีที่แล้ว
Разработка классической змейки на JavaScript без библиотек. Таймкоды: 00:00 - Вступление 00:15- Подготовка 00:30- Файлы 00:56- Рефакторинг функциональная версия - th-cam.com/video/TSdGHbI6veI/w-d-xo.html github - github.com/EpicLegend/snake2d github(ооп) - github.com/EpicLegend/snake2d-opp figma(дизайн) - www.figma.com/file/ySZfOLGBjUMKjoNOZNnZFL/Game-snake?node-id=0:1
Змейка на JavaScript
มุมมอง 31K3 ปีที่แล้ว
Разработка классической змейки на JavaScript без библиотек. Таймкоды: 00:00 - Вступление 00:29 - Проектирование 01:21 - HTML и CSS 02:48 - JavaScript 07:43 - Результат 07:49 - Баги github(исходники) - github.com/EpicLegend/snake2d figma(дизайн) - www.figma.com/file/ySZfOLGBjUMKjoNOZNnZFL/Game-snake?node-id=0:1
Minecraft в браузере. JavaScript
มุมมอง 10K3 ปีที่แล้ว
Разработка demo Minecraft под браузер на JavaScript. Разбираемся с gamedev на основе Three.js. Таймкоды: 00:00 - Вступление 00:50 - Архитектура 01:46 - Настройки проекта 03:25- Генерация карты 06:10- Камера и управление 10:16 - Ссылки и доп. материал Сайт - epiclegend.ru Чтобы потыкать - epiclegend.ru/demo/minecraft github(исходники) - github.com/EpicLegend/minecraft three.js - threejs.org/
Крестики нолики на D.O.M. и JavaScript
มุมมอง 2.4K3 ปีที่แล้ว
Разработка игры на D.O.M с помощью ES6. Разберемся как сделать обычную игру "крестики нолики" на обычном D.O.M используя JavaScript. Таймкоды: 00:00 - Вступление 01:08 - JavaScript Статья - habr.com/ru/post/489490/ github(исходники) - github.com/EpicLegend/tic-tac-js
2d Игра с помощью D.O.M. и JavaScript
มุมมอง 2.4K3 ปีที่แล้ว
Разработать игру с помощью unity очень просто. Сделать игру с помощью D.O.M сложно, зачем это вообще надо, но интересно. Разберемся как сделать обычную игру "камень, кожницы, бумага" на обычном D.O.M используя JavaScript. Таймкоды: 00:00 - Вступление 00:27 - Прототип на бумаге 01:00 - Рисуем графику 02:21 - Верстка 03:00 - Стили 03:48 - JavaScript github(исходники) - github.com/EpicLegend/knb
pixi.js: финал
มุมมอง 3.8K4 ปีที่แล้ว
pixi.js: финал
pixi.js: коллизия и движение
มุมมอง 6K4 ปีที่แล้ว
pixi.js: коллизия и движение
pixi.js: текст
มุมมอง 1.9K4 ปีที่แล้ว
pixi.js: текст
pixi.js: фигуры
มุมมอง 2.9K4 ปีที่แล้ว
pixi.js: фигуры
pixi.js: спрайты
มุมมอง 6K4 ปีที่แล้ว
pixi.js: спрайты
pixi.js: старт
มุมมอง 8K4 ปีที่แล้ว
pixi.js: старт
pixi.js: введение
มุมมอง 20K4 ปีที่แล้ว
pixi.js: введение
Создание игры JS: кликер
มุมมอง 11K4 ปีที่แล้ว
Создание игры JS: кликер
working
มุมมอง 1954 ปีที่แล้ว
working
gameplay birthday present
มุมมอง 3504 ปีที่แล้ว
gameplay birthday present
pixelGame
มุมมอง 2995 ปีที่แล้ว
pixelGame
gameplay programmer
มุมมอง 5007 ปีที่แล้ว
gameplay programmer

ความคิดเห็น

  • @babyfox205
    @babyfox205 หลายเดือนก่อน

    кто нибудь знает может - нагрузка на цпу для игры (в которой физика не нужна), будет больше, из за бокс2д? по сравнению с самодельной проверкой столкновений? (по координатам и размерам ноды) или по сравнению с "internal 2d engine" который у них сейчас там есть? кажется тянуть бокс2д весь это слишком много для игры где физики динамичной не будет а только собирание / колизии со стенами (я такую делаю)

  • @Mr_moki_i
    @Mr_moki_i 2 หลายเดือนก่อน

    Спасибо

  • @7apaza726
    @7apaza726 4 หลายเดือนก่อน

    gracias!!!! Спасибо.

  • @user-or5gs4zg5i
    @user-or5gs4zg5i 4 หลายเดือนก่อน

    6:07

  • @user-ei7hk8ue4f
    @user-ei7hk8ue4f 4 หลายเดือนก่อน

    Как с вами связаться ?

  • @user-te9ci1tx4x
    @user-te9ci1tx4x 5 หลายเดือนก่อน

    Есть продолжение

  • @zaknolan1640
    @zaknolan1640 5 หลายเดือนก่อน

    жалко контакт на материнке...

  • @vladgarbuzynsky8104
    @vladgarbuzynsky8104 5 หลายเดือนก่อน

    мой первий видео ролик по cocos 2d😀

  • @KOSMOS-so6vw
    @KOSMOS-so6vw 5 หลายเดือนก่อน

    Привет ты бы мог мне помчь кое с какой задаче?

  • @KAZAN_MEN
    @KAZAN_MEN 6 หลายเดือนก่อน

    Так держать)

  • @user-pi9wu1tu6r
    @user-pi9wu1tu6r 7 หลายเดือนก่อน

    Огонь! Отдельная благодарность за ссылку на гитхаб Ещё бы на react эту красоту переписать)

  • @user-mh6ul7qz8r
    @user-mh6ul7qz8r 8 หลายเดือนก่อน

    А можно написать код на javascript

  • @olegkireev8739
    @olegkireev8739 8 หลายเดือนก่อน

    Большое Спасибо за Вашу работу. Всё просто отлично 👍

  • @deanwichester6412
    @deanwichester6412 8 หลายเดือนก่อน

    рановато для меня ,нашел когда искал ID3 в JavaScript

  • @ext_0015
    @ext_0015 8 หลายเดือนก่อน

    Ждем новое видео

  • @petermashine1483
    @petermashine1483 9 หลายเดือนก่อน

    дядь в 2022 писать var нормально?

  • @CTILET
    @CTILET 9 หลายเดือนก่อน

    Мне какраз надо сайт с объектом который будет как трансформер собирать когда мы скролим вниз.

  • @darya_cooks
    @darya_cooks 10 หลายเดือนก่อน

    Спасибо! Оч круто. А есть обучение?

  • @somebodycrazy
    @somebodycrazy ปีที่แล้ว

    А можете дать какую-то информацию по поводу взаимодействия js и объектов? Ну типа, поменять цвет или спрайт на объекте при клике на кнопку на сайте. Или допустим какую то механику простую, типа открыть/закрыть крышку у коробки при нажатии кнопки на сайте. Интересно именно взаимодействие js и объектов. Что для этого надо сделать с объектом в том же блендере, как его подготовить для работы с js

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Я с библиотекой уже не работаю, но могу предложить варианты как реализовать. Например, открытие сундука при клике. Создаем 3д модель и анимацию открытия, а после проигрываем ее с помощью js. Как то просто) На самом деле это достаточно простая задача. Главное разбить на мелкие подзадачи. У библиотеки очень много примеров и если ты хочешь понять как реализовать какой либо эффект, то лучший вариант это посмотреть примеры на сайте three js. Это очень сильно облегчит разработку. Мало примеров именно нужного тебе функционала и нужно не боятся изучать чужой код и практиковаться в создание подобного функционала самостоятельно.

  • @danil_denisenko
    @danil_denisenko ปีที่แล้ว

    Очень жду новых видео по этому движку!

  • @ivanh2674
    @ivanh2674 ปีที่แล้ว

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

    • @Vovan_Sergeevih
      @Vovan_Sergeevih 9 หลายเดือนก่อน

      Да гонит куда-то. У таких не далеких преподов надо скорость в видео менять

    • @babyfox205
      @babyfox205 หลายเดือนก่อน

      ну вы забавные, а я на 1.5 ускорении смотрю потому что привык туториалы смотреть и опыт работы 15 лет с кодом (не в геймдеве правда, но раньше флеш игры делал в 2006-2010 году). просто он для тех кто уже работает, эти уроки записал, для новичков такое не пойдёт (тут норм тем кто переходит с юнити или других движков для создания веб игры на этот временно, я для сайта poki например мини-игру на нём делаю, а так на godot работаю в основном, если размер игры 15мб+ не проблема, то лучше учите Годот а не это, это только для веба есть смысл юзать, для очень мелких по размеру игр, в этом единственный плюс этого движка против юнити и годота)

    • @babyfox205
      @babyfox205 หลายเดือนก่อน

      от меня ему лайк

  • @libertariancom
    @libertariancom ปีที่แล้ว

    Не работает команда http-server, не находит такую

  • @js_games_for_dummies
    @js_games_for_dummies ปีที่แล้ว

    Слишком сложно. Сначала надо чтоб змейка просто двигалась а потом уже всё остальное.

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Всегда можно посмотреть исходный код на гитхабе. Ссылка есть в описание)

  • @coolrash
    @coolrash ปีที่แล้ว

    Кокос для динозавров нахрен

  • @StrangeOffice
    @StrangeOffice ปีที่แล้ว

    Что делать, если консоль спамит такими ошибками? [PreviewInEditor] Error occurs in an event listener: mouse-move [PreviewInEditor] Cannot read property 'cameraPriority' of null

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Переводчик говорит [PreviewInEditor] Возникает ошибка в прослушивателе событий: перемещение мыши [PreviewInEditor] Не удается прочитать свойство 'cameraPriority', имеющее значение null У тебя ошибка в событие мыши(mouse-move) Причина из-за которой возникает ошибка это отсутствие значения у переменной cameraPriority

  • @josemlucero7589
    @josemlucero7589 ปีที่แล้ว

    VAMOSSSS RUSITO!!! ты лучший!

  • @user-dm6tu9yu3i
    @user-dm6tu9yu3i ปีที่แล้ว

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

  • @catifymusic
    @catifymusic ปีที่แล้ว

    Автор, ты очень приятно объясняешь и тебя приятно слушать. Расстроило то, что ты не показал откуда взялись твои папки, и какой размер изображения. В общем и целом молодец! Надеюсь, что далее будет подробнее :)

  • @AleksPanable
    @AleksPanable ปีที่แล้ว

    ютюб канал по кокосу на русском на вес золота) А onTouchStart и onTouchEnd зачем, если без них всё работает?

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      API движка очень часто меняется. Буквально 2 месяца назад я делал тот же функционал иначе. Как говориться "работает? Не трогай!"

  • @isy3d
    @isy3d ปีที่แล้ว

    *и тут выползает нуб, который только моделирует 3д* А как создать лайф сервер?)

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Самый простой способ это openserver еще - http-server через npm - или какой либо плагин для vs code Это все способы которыми я пользовался

    • @isy3d
      @isy3d ปีที่แล้ว

      @@epicnull-it2044 понял вас, спасибо.

  • @user-uv3rw8hy1c
    @user-uv3rw8hy1c ปีที่แล้ว

    а как импортировать 3д модель из блендера на сайт объясните пожалуйста

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      У three.js есть хорошая статья на эту тему. Если нет знаний английского, то можно перевести и будет +\- понятно что требуется сделать. threejs.org/docs/#manual/en/introduction/Loading-3D-models

  • @_GreenSnake_
    @_GreenSnake_ ปีที่แล้ว

    Спасибо за Ваш труд

  • @Virisound
    @Virisound ปีที่แล้ว

    Вау!!! Так коротко, и так результативно. Подписался, вдруг канал забурлит жизнью. ИМХО: Лучше было бы, если показали запуск сайта, тогда не было бы вопросов про сервер.

    • @Virisound
      @Virisound ปีที่แล้ว

      Спасибо.

  • @iglikoff
    @iglikoff ปีที่แล้ว

    Отличное объяснение) Но оооочень много нюансов в плане импорта моделей в сцену. И тут надо знать и js и хотя бы один из редакторов 3д. Лайковского автору за видео)

    • @user-py7ep6ti1j
      @user-py7ep6ti1j 9 หลายเดือนก่อน

      Вы знаете эти нюансы?

  • @distomm
    @distomm ปีที่แล้ว

    зачем на 4:45 используется Array(3).fill().map(() => ), чем это отличается от Array(3).map(() => )? Это что-то дает? На сколько я понимаю это дает только лишний проход по массиву или я что-то путаю?

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      fill - заполняет массив. Так то да, это лишний перебор массив, но я уже не помню почему его оставил. Давно дело было.) мб без это картинка "дергалась" при старте сцены. Сложно уже вспомнить.

  • @pmak6074
    @pmak6074 ปีที่แล้ว

    Я бы сделал по-другому некоторые вещи (как в принципе, а почему-бы и нет - сделаю).

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Ждем ссылку на гитхаб!)

  • @stranger271271
    @stranger271271 ปีที่แล้ว

    Графоний, атомик нервно курит

  • @stranger271271
    @stranger271271 ปีที่แล้ว

    зе индекс

  • @dubin1400
    @dubin1400 ปีที่แล้ว

    Видел твое новое видео!!!

  • @nozimjonjuraev2666
    @nozimjonjuraev2666 ปีที่แล้ว

    Я верил что ты вернешся, ждали и наконец то дождался. Ураааа

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Приятно)

    • @nozimjonjuraev2666
      @nozimjonjuraev2666 ปีที่แล้ว

      @@epicnull-it2044 Доброго времени суток, когда будут новые видео?

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      @@nozimjonjuraev2666 по cocos'у еще долго не будет. Движок крутой, но быть 'первопроходцем ' в нем нет желания. Очередной раз сгорел от документации.

    • @nozimjonjuraev2666
      @nozimjonjuraev2666 ปีที่แล้ว

      @@epicnull-it2044 понял, жалко конечно. Кстати ещё есть phaser 3, что скажешь про него? Или ещё как вариант есть babylon js для 3д игр который разрабатывается со стороны компании Microsoft

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      @@nozimjonjuraev2666 про phaser только слышал. Не использовал его. Остальное не знаю. Использование JS для игр это круто, но я сейчас смотрю в сторону unity или unreal engine. Комьюнити у них больше и документация соответствует текущей версии движка

  • @kwinkich
    @kwinkich ปีที่แล้ว

    ТЫ ВЕРНУЛСЯ!! БОЖЕ СПАСИБО ТЕБЕ!!!

  • @kwinkich
    @kwinkich ปีที่แล้ว

    Вернись бро..

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Хе-хе. Ну ладно, убедил.

  • @dlazder3937
    @dlazder3937 ปีที่แล้ว

    Отличная реализация! разобрался и написал сам без подсказок. самое сложное для моего понимания было создание хвоста змейки, вначале когда сам попробовал написать ничего не вышло, а оказывается это пишется в менее чем 10 строчек. с остальным проблем не возникло, так как уже делал игрульки на canvas

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Есть разные способы реализовать хвост. У меня так же были с ним проблемы пару лет назад.)

  • @waldo_
    @waldo_ ปีที่แล้ว

    А можно использовать webpack и не нужно будет разворачивать openserver, и каждый раз перезапускать его😊 Какой то вы не слишком ленивый

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Openserver не нужно настраивать. С ним умею работать, а вот с вебпаком и галпом, и node серверами ну такое. Впервые пытаюсь доказать, что я ленивый. -_-

  • @yozheeg
    @yozheeg ปีที่แล้ว

    класс!

  • @dikhtiaruk
    @dikhtiaruk ปีที่แล้ว

    Отличный голос и хорошее изложение материала. Продолжайте и с новым годом!

  • @moon_light_u
    @moon_light_u ปีที่แล้ว

    Кнопки лучше сделать так, что бы змейка не врезалась сама в себя в обратном направлении document.addEventListener("keydown", function (e) { if ( e.code == "KeyW" && snake.dy == 0) { snake.dy = -config.sizeCell; snake.dx = 0; } else if ( e.code == "KeyA" && snake.dx == 0) { snake.dx = -config.sizeCell; snake.dy = 0; } else if ( e.code == "KeyS" && snake.dy == 0 ) { snake.dy = config.sizeCell; snake.dx = 0; } else if ( e.code == "KeyD" && snake.dx == 0) { snake.dx = config.sizeCell; snake.dy = 0; } });

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Код а гитхабе. Можешь внести правки. PR приму если он работает)

  • @dkushka
    @dkushka ปีที่แล้ว

    В чём причина заброса такого лучшего канала в мире?

    • @epicnull-it2044
      @epicnull-it2044 ปีที่แล้ว

      Год богатый на события и нет возможности сейчас заниматься ютубом. Или просто мне лень. Не знаю.

    • @dkushka
      @dkushka ปีที่แล้ว

      @@epicnull-it2044 понятно, спасибо за ответ, только удачи по жизни

  • @user-eg9de6se8t
    @user-eg9de6se8t ปีที่แล้ว

    Просто взял код у fireship

  • @PB-bt4sl
    @PB-bt4sl ปีที่แล้ว

    плохо видно ужасно плохо...