Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Регистрируясь, я даю согласие на обработку данных и условия почтовых рассылок.
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Бесплатная браузерная игра «Слаймы Атакуют: Головоломка!» в жанре головоломка. Подходит для мальчиков и девочек, доступна без регистрации, на русском языке

Слаймы Атакуют: Головоломка!

Казуальные, Головоломки, Аркады

Играть

Топ прошлой недели

  • Animalrescueed Animalrescueed 43 поста
  • XCVmind XCVmind 7 постов
  • tablepedia tablepedia 43 поста
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая «Подписаться», я даю согласие на обработку данных и условия почтовых рассылок.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
15
Maxim.k26
Maxim.k26

Fallout 3D - Map editor⁠⁠

1 год назад
Fallout 3D - Map editor

Fallout: A Post Nuclear Role Playing Game, компьютерная ролевая игра, действие которой происходит в мире, пережившем ядерную войну, разработанная студией Black Isle Studios и выпущенная 30 сентября 1997 года компанией Interplay Productions. Одно из основных произведений постапокалиптического жанра.

Теперь делаю ее же только в 3D и с возможностью играть в обычном интернет обозревателе.

Телеграмм: https://t.me/fallout2_3D

#Fallout #map #editor #games #игры #3D #web #threejs #карты #локации #редактор

Показать полностью 1
[моё] Fallout Карты Editor Игры 3D Web Threejs Локация Редактор Видео Видео ВК
6
webvkube
Web-технологии

10 Занятие по threejs. Ресайз камеры и рэйкастинг⁠⁠

5 лет назад
[моё] Javascript Threejs 3D Урок Видео
4
webvkube
Web-технологии

Восьмое занятие по threejs. Материалы⁠⁠

5 лет назад

Прошли примерно половину основ.

Группа проекта https://vk.com/kurspothreejs

[моё] Threejs Javascript Урок 3D Frontend Видео
0
11
webvkube
Web-технологии

Следующие 3 урока по three.js. Продолжаем разбирать основы⁠⁠

5 лет назад

Предыдущие части можно найти на канале.
Группа проекта https://vk.com/kurspothreejs

Показать полностью 2
[моё] Threejs Урок Javascript Webgl 3D Видео
0
13
webvkube

Генератор фраз в стилистике киберпанка⁠⁠

5 лет назад

Привет! Я тут в свободное время небольшие  тридэшные приложения пишу для web.


Все видели логотип игры cyberpunk 2077?  А что если сделать сервис, который сможет сгенерировать такой логотип только со своим текстом, чтобы без сложностей, просто написал фразу,  сохранил в гифку и все. И чтобы можно было пользоваться онлайн из браузера.  Ну неделя бессонных ночей и готово. Управление там довольно простое, всего четыре кнопки и пара бегунков.

Это первая версия. Поддерживается только кириллица. Дальше добавлю и латиницу с цифрами.

Приложение бесплатное.

Пишите ваши пожелания, что добавить и улучшить. Ну и результаты можно в комментарии выкладывать.

Ссылка http://webvkube.ru/examples/18/

Генератор фраз в стилистике киберпанка
Показать полностью 1
[моё] Threejs Cyberpunk 2077 3D Web Javascript Сервис Гифка
12
4
webvkube

Бесплатные уроки по threejs⁠⁠

5 лет назад
Бесплатные уроки по threejs

Привет! Я тут небольшой курс пишу по threejs (примерно на 50 часов).

Еще только самое начало(примерно 5 часов готово). Решил выложить, чтобы собрать обратную связь. В ближайшие сутки можно пройти все доступные занятия, бесплатно.


О чем курс? О разработке трехмерных приложений для браузера. Сайты, сервисы, игры и так далее. В основе небольшая библиотека threejs. Без использования движков, вроде unity или unreal'а. Все пишем с нуля.


Зачем вам это? Если вы js-программист, знания помогут значительно разнообразить контент на ваших сайтах. Добавить новые элементы, например, интерактивный задний фон. Написать сервис с поддержкой 3d-моделей продуктов, или промо-игру.


Что изучим? Курс планируется фундаментальный. Если кратко, вот список тем: основы, геометрии, материалы и свет, анимации, интерактивность, логика, физика, шейдеры, постобработка, blender, оптимизация, подготовка технических заданий, способы реализаций сложных задач. На каждый 3-5 часов минимум.


Как построен курс? Слайды, аудио, видео, редактор кода прямо в браузере, в котором будем делать практику. Очень много примеров!


PS. Так как во время обучения нужно будет писать код, заходите с пк.


Первое занятие


Список всех занятий


Мои работы


Группа проекта, кто заинтересовался изучением и хочет следить за обновлениями уроков.

Показать полностью
[моё] Threejs 3D Урок
1
542
Kempston
Kempston
Лига Разработчиков Видеоигр

Новая старая игра⁠⁠

5 лет назад

Однажды я поиграл в самого первого «Принца Персии» 1989 года и мне понравилась концепция. Настолько, что я решил создать собственный платформер. В моей игре «Перси Ланскастер 3D», как можно понять из ее названия, присутствует уже не 2D, а 3D графика. Также в ней есть динамическое освещение и скроллинг во время движения.


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


Я, конечно, не стал изобретать полностью свой движок: на это ушло бы слишком много времени. Хотя, есть такая задумка на будущее. А пока я воспользоваться библиотекой Three.js, функция которой заключается в том, просто отображать 3D сцену. Анимации, физику, графику и все остальное я делаю сам. Мне кажется, это придает игре индивидуальность. Правда, я не 3D моделер и графика мне дается с трудом.

Three.js - это скриптовая библиотека, и вся игра вообще написана на JavaScript. То есть, она может работать в браузере. Но это в будущем. А сейчас я пока разместил в Стиме демоверсию в виде сборки на Webkit. Позже я запущу и браузерную версию для всех популярных браузеров под Windows, Android, iOs, MacOS, Linux. Игра поддерживает геймпад и тач-скрин и адаптируется под размер окна браузера, если нажать Y.


Вт короткое видео, демонстрирующее возможности:

Пока я работаю над игрой, как вы понимаете, один. Но это очень интересно. Я нашел опытным путем и оптимизировал для себя процессы создания уровней, внедрения анимации, управления, движения камеры. Например, уровни создаются таким образом. Сначала в обычном графическом редакторе я составляю схему. Затем обрабатываю ее написанным мной скриптом: это дает список блоков и их координаты, которые потом используются в игре в качестве коллайдеров. Затем в 3D редакторе я строю уровень по схеме. Запекаю тени. И сохраняю все это в формате json. А в игре при движении игрока определяются столкновения с этими блоками.

Да, понимаю, что на каком-нибудь распространенном движке я сделал бы все гораздо быстрее. Но, с другой стороны, делая все вручную, я имею лучшую оптимизацию, меньше ограничений и больше возможностей. Например, уровни состоят из пересекающихся коридоров, и при движении можно поворачивать на 90 градусов. При этом происходит поворот сцены с убиранием и достраиванием определенных стен.

В данный момент я работаю над вторым уровнем. Поскольку мне удалось оптимизировать все процессы, то экспорт в игру уже происходит меньшим количеством этапов и конвертаций форматов, да и сам уровень строится гораздо быстрее. Обзор второго уровня:

Мне еще предстоит создать врагов и боевую систему и усовершенствовать графику. Я пытаюсь продвигать игру в Твиттере, где я набрал 400 подписчиков, и на Патреоне. А также в Steam, Itch и indiexpo. Кроме того, к несчастью, Indiegogo больше не работает с Россией. По крайней мере, в службе поддержки мне ответили, что запустить мой проект из мой страны нельзя. Я создал его где-то летом, и, судя по всему, тогда же, чуть позже, и прекратилась работа с Россией. Жаль, я возлагал на этот сервис некие надежды. Идти на краудфандинг через посредников я не хочу. Тогда я решил пойти на Патреон, где предложил всем подписчикам игру бесплатно, когда она будет готова. По сути, можно быть подписчиком 1 месяц и получить игру за $1. Но пока там получается на очень, потому что Патреон не продвигает ничего сам, туда надо еще нагнать трафика. А что вы думаете об этой площадке?


А сюжет игры таков.


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


Чуть позже вы осознаете, что подземелье таит множество опасностей. Вы будете сражаться с врагами и искать ключи для перехода на следующие уровни. В инвентаре можно нести до трех предметов одновременно.


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


Поиграть можно на Steam или скачать с Itch. Хочу отметить, что там только прототип первого, подземного, уровня. В дальнейшем графика и анимация будут улучшаться

Страница игры в Steam: ССЫЛКА

Показать полностью 4 2
[моё] Gamedev Платформер Инди Компьютерные игры Разработка Threejs Видео Длиннопост
141
8
fesson

Создание Сюжетных 3d Игр Для Браузера с Нуля До Готового Проекта. часть 0.5⁠⁠

8 лет назад

Всем привет, я занимаюсь разработкой мобильных и web приложений ( в том числе и игр ) уже долгое время.


За последние несколько лет работы с WebGl ( технология отображения 3d в браузере ) накопилось знания на целый курс, которым я бы хотел поделиться с вами.


Крутость технологии в том, что она может выдать практически консольное качество графики прямо на странице сайта или соц. сетей. А HTML5 это самый доступный язык для новичков!


В связи с этим планирую ежедневно выкладывать здесь каждую новую часть курса. На протяжение всего времени мы с вами создадим три проекта:


- простой платформер (на чистом HTML5),


- небольшую rpg с генерацией уровней (уже используется 3d),


- локацию полноценной игры, со всеми элементами (инвентарь, несколько квестов, NPC, окружение и т. д.).


Стоит отметить, что первый проект рассчитан на новичков, которые до этого момента и понятия не имели , что будут заниматься разработкой игр. Именно для них мы начнем с самых основ:


- Общие вопросы связанные с разработкой игр.


- структуры языка HTML5 (HTML, CSS, JS, THREEJS),


- решения элементарных задач, применительно к платформеру - это загрузка уровня, перемещение, гравитация, столкновение со статическими объектами, противниками, предметами и т. д. И все это мы разберем с нуля, без движков и плагинов.


Если вам интересная тема создания игр для web или технология отображения 3d в браузере, поддержите пожалуйста пост. Комментарий для минусов ниже.


Вечером выложу первую часть (каждая по 5 - 15 минут).

Создание Сюжетных 3d Игр Для Браузера с Нуля До Готового Проекта. часть 0.5
Показать полностью 1
[моё] Gamedev HTML CSS Javascript Webgl Threejs Платформер Prg
7
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии