epicnull - IT
epicnull - IT
  • Видео 27
  • Просмотров 224 903
Drag and drop в Cocos Creator
Краткий урок как реализовать drag and drop систему в движке.
Движок: Cocos Creator
Версия: 3.7.1
Плей лист cocos creator: ruclips.net/p/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R
vk cocos creator - cocoscreator_ru
Просмотров: 2 763

Видео

Создание 3Д сайта с помощью Three.js
Просмотров 32 тыс.2 года назад
Покажу небольшой пример по созданию 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д сайтов и игр в браузере
Просмотров 19 тыс.2 года назад
Three.js библиотека облегчающая работу с 3D графикой в браузере. Поддерживает работу с 3д окружение в браузере, 2д и 3д моделями, частицами, анимацией объектов, шейдерами и прочими технологиями для 3д. Больше видео здесь: ruclips.net/channel/UCGqKr3O5ub-O7zEKx_qeHUQvideos Официальный сайт: threejs.org/ Репозиторий на github: github.com/mrdoob/three.js/ #threejs #gamedev
🙊 Разработка три в ряд на JavaScript
Просмотров 8 тыс.3 года назад
Разрабатываем игру три в ряд на 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,4 тыс.3 года назад
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. Плей лист cocos creator: ruclips.net/p/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R vk cocos creator - cocoscreator_ru #cocos_ru #разработка
Cocos creator v.3: Создание 2D игры
Просмотров 17 тыс.3 года назад
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. Плей лист cocos creator: ruclips.net/p/PLoYUIcUCRmBxRY6ARPKlAkGJxUSydJR0R github(исходники от разработчиков) - github.com/cocos-creator/tutorial-first-game github(исходники игры) - github.com/EpicLegend/2d-game-cocos-creator-v.3 vk cocos c...
Cocos creator v.3: Интерфейс
Просмотров 3,3 тыс.3 года назад
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop. #cocos_ru #разработка
Cocos creator v.3: Установка
Просмотров 4,9 тыс.3 года назад
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop.
Cocos creator v.3: Что это?
Просмотров 11 тыс.3 года назад
Cocos creator - кросс-платформенный движок, используемый для разработки игр. Является open source проектом с возможностью экспорта под web, mobile и desktop.
Быстрая разработка Ping Pong на JavaScript
Просмотров 5 тыс.3 года назад
Это 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
Просмотров 9 тыс.3 года назад
Разработка классической змейки на JavaScript без библиотек. Таймкоды: 00:00 - Вступление 00:15- Подготовка 00:30- Файлы 00:56- Рефакторинг функциональная версия - ruclips.net/video/TSdGHbI6veI/видео.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
Просмотров 32 тыс.3 года назад
Разработка классической змейки на 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
Просмотров 10 тыс.4 года назад
Разработка 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,4 тыс.4 года назад
Разработка игры на 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,6 тыс.4 года назад
Разработать игру с помощью 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: финал
Просмотров 4 тыс.4 года назад
pixi.js: финал
pixi.js: коллизия и движение
Просмотров 6 тыс.4 года назад
pixi.js: коллизия и движение
pixi.js: текст
Просмотров 2 тыс.4 года назад
pixi.js: текст
pixi.js: фигуры
Просмотров 3 тыс.4 года назад
pixi.js: фигуры
pixi.js: спрайты
Просмотров 7 тыс.4 года назад
pixi.js: спрайты
pixi.js: старт
Просмотров 8 тыс.4 года назад
pixi.js: старт
pixi.js: введение
Просмотров 21 тыс.4 года назад
pixi.js: введение
Создание игры JS: кликер
Просмотров 12 тыс.4 года назад
Создание игры JS: кликер
working
Просмотров 1975 лет назад
working
gameplay birthday present
Просмотров 3535 лет назад
gameplay birthday present
pixelGame
Просмотров 3066 лет назад
pixelGame
gameplay programmer
Просмотров 5068 лет назад
gameplay programmer

Комментарии

  • @Brud-b7ud
    @Brud-b7ud 15 дней назад

    Неработает (

  • @superalphashow4719
    @superalphashow4719 23 дня назад

    Боже, всегда писал на С++... Сейчас вот заинтересовался геймдевом, сперва сделал простенькую игрушку на OpenGL через glew и glfw потом пошел уровнем выше и сделал платформер на SFML Сейчас решил пойти еще выше и скачал кокос... И че это за? TypeScript... Дополню, половина видоса касаемо кода сейчас не актуальна. Ошибки то исправил но блин тайп скрипт абсолютно не логичен...

  • @АлександрКутафин-ш8х

    Привет из 2025

  • @gentek7
    @gentek7 2 месяца назад

    А как насчёт защиты кода его можно увидеть в браузере нажать f12 !!!.

  • @THRASH_THRASH_THRASH
    @THRASH_THRASH_THRASH 3 месяца назад

    Нет звука. Но очень интересно.

  • @mountay14
    @mountay14 4 месяца назад

    не чего не понятно

  • @mountay14
    @mountay14 4 месяца назад

    тут не чего не понятно видео ускоренное

  • @KveztSSS
    @KveztSSS 4 месяца назад

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

  • @babyfox205
    @babyfox205 6 месяцев назад

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

  • @Mr_traian
    @Mr_traian 7 месяцев назад

    Спасибо

  • @7apaza726
    @7apaza726 10 месяцев назад

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

  • @СаняНечай-и6п
    @СаняНечай-и6п 10 месяцев назад

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

  • @ЭзизК
    @ЭзизК 10 месяцев назад

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

  • @zaknolan1640
    @zaknolan1640 10 месяцев назад

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

  • @vladgarbuzynsky8104
    @vladgarbuzynsky8104 11 месяцев назад

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

  • @KOSMOS-so6vw
    @KOSMOS-so6vw 11 месяцев назад

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

  • @KAZAN_MEN
    @KAZAN_MEN 11 месяцев назад

    Так держать)

  • @Koal-e1d
    @Koal-e1d Год назад

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

  • @Peak_Physique1
    @Peak_Physique1 Год назад

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

  • @olegkireev8739
    @olegkireev8739 Год назад

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

  • @deanwichester6412
    @deanwichester6412 Год назад

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

  • @ext_0015
    @ext_0015 Год назад

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

  • @petermashine1483
    @petermashine1483 Год назад

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

  • @CTILET
    @CTILET Год назад

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

  • @darya_cooks
    @darya_cooks Год назад

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

  • @somebodycrazy
    @somebodycrazy Год назад

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

    • @epicnull-it2044
      @epicnull-it2044 Год назад

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

  • @danil_denisenko
    @danil_denisenko Год назад

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

  • @ivanh2674
    @ivanh2674 Год назад

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

    • @Vovan_Sergeevih
      @Vovan_Sergeevih Год назад

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

    • @babyfox205
      @babyfox205 6 месяцев назад

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

    • @babyfox205
      @babyfox205 6 месяцев назад

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

  • @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!!! ты лучший!

  • @DmitriyRogkov
    @DmitriyRogkov Год назад

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

  • @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 понял вас, спасибо.

  • @ИванКротов-ш9э
    @ИванКротов-ш9э Год назад

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

    • @epicnull-it2044
      @epicnull-it2044 Год назад

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

  • @_GreenSnake_
    @_GreenSnake_ Год назад

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

  • @Virisound
    @Virisound Год назад

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

  • @iglikoff
    @iglikoff Год назад

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

  • @distomm
    @distomm Год назад

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

    • @epicnull-it2044
      @epicnull-it2044 Год назад

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

  • @pmak6074
    @pmak6074 Год назад

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

  • @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 Год назад

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

  • @dlazder3937
    @dlazder3937 Год назад

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

    • @epicnull-it2044
      @epicnull-it2044 Год назад

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