![epicnull - IT](/img/default-banner.jpg)
- 27
- 212 321
epicnull - IT
Russia
เข้าร่วมเมื่อ 7 ก.ค. 2013
Welcome
Мир it прост, нужно лишь немного разобраться.
- 100 - 18.10.2020
Мир it прост, нужно лишь немного разобраться.
- 100 - 18.10.2020
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
Движок: 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
кто нибудь знает может - нагрузка на цпу для игры (в которой физика не нужна), будет больше, из за бокс2д? по сравнению с самодельной проверкой столкновений? (по координатам и размерам ноды) или по сравнению с "internal 2d engine" который у них сейчас там есть? кажется тянуть бокс2д весь это слишком много для игры где физики динамичной не будет а только собирание / колизии со стенами (я такую делаю)
Спасибо
gracias!!!! Спасибо.
6:07
Как с вами связаться ?
Есть продолжение
жалко контакт на материнке...
мой первий видео ролик по cocos 2d😀
Привет ты бы мог мне помчь кое с какой задаче?
Так держать)
Огонь! Отдельная благодарность за ссылку на гитхаб Ещё бы на react эту красоту переписать)
А можно написать код на javascript
Большое Спасибо за Вашу работу. Всё просто отлично 👍
рановато для меня ,нашел когда искал ID3 в JavaScript
Ждем новое видео
дядь в 2022 писать var нормально?
Мне какраз надо сайт с объектом который будет как трансформер собирать когда мы скролим вниз.
Спасибо! Оч круто. А есть обучение?
А можете дать какую-то информацию по поводу взаимодействия js и объектов? Ну типа, поменять цвет или спрайт на объекте при клике на кнопку на сайте. Или допустим какую то механику простую, типа открыть/закрыть крышку у коробки при нажатии кнопки на сайте. Интересно именно взаимодействие js и объектов. Что для этого надо сделать с объектом в том же блендере, как его подготовить для работы с js
Я с библиотекой уже не работаю, но могу предложить варианты как реализовать. Например, открытие сундука при клике. Создаем 3д модель и анимацию открытия, а после проигрываем ее с помощью js. Как то просто) На самом деле это достаточно простая задача. Главное разбить на мелкие подзадачи. У библиотеки очень много примеров и если ты хочешь понять как реализовать какой либо эффект, то лучший вариант это посмотреть примеры на сайте three js. Это очень сильно облегчит разработку. Мало примеров именно нужного тебе функционала и нужно не боятся изучать чужой код и практиковаться в создание подобного функционала самостоятельно.
Очень жду новых видео по этому движку!
Дурацкий урок в спешке видео не понятно что где нажимать автор если ты делаешь для себ ято не выкладывай Юили делай хорошо или никак,дизлайк и конечно не подписка
Да гонит куда-то. У таких не далеких преподов надо скорость в видео менять
ну вы забавные, а я на 1.5 ускорении смотрю потому что привык туториалы смотреть и опыт работы 15 лет с кодом (не в геймдеве правда, но раньше флеш игры делал в 2006-2010 году). просто он для тех кто уже работает, эти уроки записал, для новичков такое не пойдёт (тут норм тем кто переходит с юнити или других движков для создания веб игры на этот временно, я для сайта poki например мини-игру на нём делаю, а так на godot работаю в основном, если размер игры 15мб+ не проблема, то лучше учите Годот а не это, это только для веба есть смысл юзать, для очень мелких по размеру игр, в этом единственный плюс этого движка против юнити и годота)
от меня ему лайк
Не работает команда http-server, не находит такую
Слишком сложно. Сначала надо чтоб змейка просто двигалась а потом уже всё остальное.
Всегда можно посмотреть исходный код на гитхабе. Ссылка есть в описание)
Кокос для динозавров нахрен
Что делать, если консоль спамит такими ошибками? [PreviewInEditor] Error occurs in an event listener: mouse-move [PreviewInEditor] Cannot read property 'cameraPriority' of null
Переводчик говорит [PreviewInEditor] Возникает ошибка в прослушивателе событий: перемещение мыши [PreviewInEditor] Не удается прочитать свойство 'cameraPriority', имеющее значение null У тебя ошибка в событие мыши(mouse-move) Причина из-за которой возникает ошибка это отсутствие значения у переменной cameraPriority
VAMOSSSS RUSITO!!! ты лучший!
Я ничего не понял, сначала ты говориш, что есть сложный пусть и простой. Показал сложный, потом написал тоже самое. Где простой??
Автор, ты очень приятно объясняешь и тебя приятно слушать. Расстроило то, что ты не показал откуда взялись твои папки, и какой размер изображения. В общем и целом молодец! Надеюсь, что далее будет подробнее :)
ютюб канал по кокосу на русском на вес золота) А onTouchStart и onTouchEnd зачем, если без них всё работает?
API движка очень часто меняется. Буквально 2 месяца назад я делал тот же функционал иначе. Как говориться "работает? Не трогай!"
*и тут выползает нуб, который только моделирует 3д* А как создать лайф сервер?)
Самый простой способ это openserver еще - http-server через npm - или какой либо плагин для vs code Это все способы которыми я пользовался
@@epicnull-it2044 понял вас, спасибо.
а как импортировать 3д модель из блендера на сайт объясните пожалуйста
У three.js есть хорошая статья на эту тему. Если нет знаний английского, то можно перевести и будет +\- понятно что требуется сделать. threejs.org/docs/#manual/en/introduction/Loading-3D-models
Спасибо за Ваш труд
Вау!!! Так коротко, и так результативно. Подписался, вдруг канал забурлит жизнью. ИМХО: Лучше было бы, если показали запуск сайта, тогда не было бы вопросов про сервер.
Спасибо.
Отличное объяснение) Но оооочень много нюансов в плане импорта моделей в сцену. И тут надо знать и js и хотя бы один из редакторов 3д. Лайковского автору за видео)
Вы знаете эти нюансы?
зачем на 4:45 используется Array(3).fill().map(() => ), чем это отличается от Array(3).map(() => )? Это что-то дает? На сколько я понимаю это дает только лишний проход по массиву или я что-то путаю?
fill - заполняет массив. Так то да, это лишний перебор массив, но я уже не помню почему его оставил. Давно дело было.) мб без это картинка "дергалась" при старте сцены. Сложно уже вспомнить.
Я бы сделал по-другому некоторые вещи (как в принципе, а почему-бы и нет - сделаю).
Ждем ссылку на гитхаб!)
Графоний, атомик нервно курит
зе индекс
Видел твое новое видео!!!
Я верил что ты вернешся, ждали и наконец то дождался. Ураааа
Приятно)
@@epicnull-it2044 Доброго времени суток, когда будут новые видео?
@@nozimjonjuraev2666 по cocos'у еще долго не будет. Движок крутой, но быть 'первопроходцем ' в нем нет желания. Очередной раз сгорел от документации.
@@epicnull-it2044 понял, жалко конечно. Кстати ещё есть phaser 3, что скажешь про него? Или ещё как вариант есть babylon js для 3д игр который разрабатывается со стороны компании Microsoft
@@nozimjonjuraev2666 про phaser только слышал. Не использовал его. Остальное не знаю. Использование JS для игр это круто, но я сейчас смотрю в сторону unity или unreal engine. Комьюнити у них больше и документация соответствует текущей версии движка
ТЫ ВЕРНУЛСЯ!! БОЖЕ СПАСИБО ТЕБЕ!!!
Вернись бро..
Хе-хе. Ну ладно, убедил.
Отличная реализация! разобрался и написал сам без подсказок. самое сложное для моего понимания было создание хвоста змейки, вначале когда сам попробовал написать ничего не вышло, а оказывается это пишется в менее чем 10 строчек. с остальным проблем не возникло, так как уже делал игрульки на canvas
Есть разные способы реализовать хвост. У меня так же были с ним проблемы пару лет назад.)
А можно использовать webpack и не нужно будет разворачивать openserver, и каждый раз перезапускать его😊 Какой то вы не слишком ленивый
Openserver не нужно настраивать. С ним умею работать, а вот с вебпаком и галпом, и node серверами ну такое. Впервые пытаюсь доказать, что я ленивый. -_-
класс!
Отличный голос и хорошее изложение материала. Продолжайте и с новым годом!
Кнопки лучше сделать так, что бы змейка не врезалась сама в себя в обратном направлении 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; } });
Код а гитхабе. Можешь внести правки. PR приму если он работает)
В чём причина заброса такого лучшего канала в мире?
Год богатый на события и нет возможности сейчас заниматься ютубом. Или просто мне лень. Не знаю.
@@epicnull-it2044 понятно, спасибо за ответ, только удачи по жизни
Просто взял код у fireship
плохо видно ужасно плохо...