132

Гоняем на мустанге в браузере (тест физики)

Приветствую! На выходных решил изучить, как создавать машины. И я тут набросал весёлую карту для тестов.


Приглашаю на тест драйв! Просто переходим по ссылке, ждём загрузки текстур и катаемся.

http://naviris.ru/b4w_examples/car_trash/car_trash.html

Управление W,S,A,D

Гоняем на мустанге в браузере (тест физики) Gamedev, Webgl, B4w, Гонки, Онлайн-игры, Javascript, Blender

Ещё вот по быстренькому достал рендер и blender.

Гоняем на мустанге в браузере (тест физики) Gamedev, Webgl, B4w, Гонки, Онлайн-игры, Javascript, Blender

В игре есть небольшие пасхалки :D


Ещё хочу сказать, ели у вас будет меньше 60 FPS (счётчик справа вверху), возможны дёрганья на больших скоростях.


Если у вас лагает, то по этой ссылке игра запустится на низких настройках

http://naviris.ru/b4w_examples/car_trash/car_trash.html#l


Жду ваши отзывы/критику/предложения в комментах

Правила сообщества

ОБЩИЕ ПРАВИЛА:

- Уважайте чужой труд и используйте конструктивную критику

- Не занимайтесь саморекламой, пишите качественные и интересные посты

- Никакой политики


СТОИТ ПУБЛИКОВАТЬ:

- Посты о Вашей игре с историей её разработки и описанием полученного опыта

- Обучающие материалы, туториалы

- Интервью с опытными разработчиками

- Анонсы бесплатных мероприятий для разработчиков и истории их посещения;
- Ваши работы, если Вы художник/композитор и хотите поделиться ими на безвозмездной основе

НЕ СТОИТ ПУБЛИКОВАТЬ:

- Посты, содержащие только вопрос или просьбу помочь
- Посты, содержащие только идею игры

- Посты, единственная цель которых - набор команды для разработки игры

- Посты, не относящиеся к тематике сообщества

Подобные посты по решению администрации могут быть перемещены из сообщества в общую ленту.

ЗАПРЕЩЕНО:

- Публиковать бессодержательные посты с рекламой Вашего проекта (см. следующий пункт), а также все прочие посты, содержащие рекламу/рекламные интеграции

- Выдавать чужой труд за свой

Подобные посты будут перемещены из сообщества в общую ленту, а их авторы по решению администрации могут быть внесены в игнор-лист сообщества.


О РАЗМЕЩЕНИИ ССЫЛОК:

Ссылка на сторонний ресурс, связанный с игрой, допускается только при следующих условиях:

- Пост должен быть содержательным и интересным для пользователей, нести пользу для сообщества

- Ссылка должна размещаться непосредственно в начале или конце поста и только один раз

- Cсылка размещается в формате: "Страница игры в Steam: URL"

46
DELETED
Автор поста оценил этот комментарий

Говно физика.

Разгоняется как БТР, поворачивает как ферарри, летает как дельтаплан.

раскрыть ветку (1)
18
Автор поста оценил этот комментарий
Ахах, все так! Спасибо
показать ответы
10
Автор поста оценил этот комментарий

Я встал на жепку

Иллюстрация к комментарию
раскрыть ветку (1)
8
Автор поста оценил этот комментарий

Для таких случаев сделаю отдельную кнопку :D

показать ответы
7
Автор поста оценил этот комментарий

думаю, можно просто пересоздавать машину в соседних координатах, чем извращаться с отключение силы тяжести)


но я так, диванный иксперт

раскрыть ветку (1)
7
Автор поста оценил этот комментарий

Можно, но я хотел что бы тачка не телепортировлась в начальную точку, а если просто повернуть, то эт нужно брать данные tsr трансформировать их, потом обратно физике скармливать.


Лучше одной строкой дал силу на вращение и выключил :D

но кончено это костыль))

показать ответы
6
Автор поста оценил этот комментарий

Очень сыро! Но молодец, что освоил.

В моих влажных мечтах вот эту игорь: https://www.youtube.com/watch?v=2b6ABqqDxEs

Причем не геймплей, а физику. Но это после bounce.

раскрыть ветку (1)
5
Автор поста оценил этот комментарий

Ну тогда как обычно, с тебя моделька с меня программная часть, и покажу какие крутилки крутить для настройки авто)

19
Автор поста оценил этот комментарий

Лол. перевернулся на бок нажал "Я перевернулся", теперь перевернулся на крышу. 10\10! божечки 10\10!!!!

Иллюстрация к комментарию
раскрыть ветку (1)
4
Автор поста оценил этот комментарий
Эта кнопка включает на 1 сек силу вращения, особо логики тут нет и калибровкой особо не занимался :D
показать ответы
2
Автор поста оценил этот комментарий

1 кадр - переворот заклинило в этом положении, раз 10 жал.

2 кадр - угадай, что видно? (я на той полке с "пикабу")

Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (1)
3
Автор поста оценил этот комментарий

Если получится наклонить камеру ещё ниже, увидишь чёрную дыру! :D

Сегодня поправлю, мне бы только до дома добраться...

0
Автор поста оценил этот комментарий

Центр тяжести у объектов изменяемый?

раскрыть ветку (1)
3
Автор поста оценил этот комментарий

Тут портированный в браузер движок bullet, а в нём есть поддержка смещения центра массы. Так что при очень большом желании можно копнуть эту функцию.

6
Автор поста оценил этот комментарий

кубиками засыпало минуты 3 выбирался

раскрыть ветку (1)
3
Автор поста оценил этот комментарий
Там есть башни из цилиндров, они по тяжелее помоему...
14
Автор поста оценил этот комментарий

Невероятно медленный разгон и крайне высокая маневренность.

Не ощущается вес машины , слишком легка.Максимальная скорость мала. Сделай разгон быстрее и тормозной путь более резкий

раскрыть ветку (1)
3
Автор поста оценил этот комментарий
Хорошо, это я еще ручной тормоз не настраивал..
показать ответы
6
Автор поста оценил этот комментарий

Зачем такой сырой билд показывать?

Тут в плане кода работы на пол дня всего, а то и меньше.

Таким сейчас никого не удивишь, при желании любой школьник похожий "кирпич" накодить может)

"... все х*ня, давай по новой"))


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

Иначе твоё авто будет управляться как китайский квадроцикл с цельной задней осью))

раскрыть ветку (1)
5
Автор поста оценил этот комментарий

Это не билд, это тест физики. Мне интересно как у кого в браузере будут вести себя воркеры. На WebGL на чистом js такую чтуку сейчас так просто не сделать.


Тем более я использую исключительно open source ресурсы для создания таких безделушек))


Над авто ещё буду работать.

2
Автор поста оценил этот комментарий

оп. петля прикольная)

раскрыть ветку (1)
2
Автор поста оценил этот комментарий

Спасиб. Сам моделил :D

Автор поста оценил этот комментарий

едрить ты мастер оптимизации, у меня даже с низкими настройками 15 фпс

раскрыть ветку (1)
2
Автор поста оценил этот комментарий
У меня андройд 55 fps показывает :D
Сообщи свой браузер, модель видеокарты. И как давно обновлял драва? WebGL стандарт сравнительно новый, и разработчики браузеров всё время что то пилят и оптимизируют...
Иллюстрация к комментарию
показать ответы
0
Автор поста оценил этот комментарий

и сделай мертвую петлю! так, ради прикола)

раскрыть ветку (1)
2
Автор поста оценил этот комментарий

Сделал. Но нужно что бы были видны изменения чистим кеш или жмём ctrl+f5 что бы страница с игрой загрузилась с нуля.

показать ответы
0
Автор поста оценил этот комментарий

и сделай мертвую петлю! так, ради прикола)

раскрыть ветку (1)
2
Автор поста оценил этот комментарий

Сделаем)

3
Автор поста оценил этот комментарий

Не получилось туда заехать даже с мкс. разгоном :/ и физика дерево конечно. Удачи в дальнейшем творчестве, автор)

Иллюстрация к комментарию
раскрыть ветку (1)
2
Автор поста оценил этот комментарий

Странно, я даж на андройде туда заезжал. Главное не рулить в процессе езды, тогда скорость не теряется и полёт проходит отлично. Раньше она бала ещё выше...

показать ответы
6
Автор поста оценил этот комментарий

Chrome. С обычной графикой 1фпс, с низкой - 4фпс XD. Intel Core 2 Duo, nvidia 9200M GS, ноутбук.

раскрыть ветку (1)
3
Автор поста оценил этот комментарий
Мой андройд без включенной записи экрана дает 60 fps, с записью чуть меньше https://youtu.be/O6mR9P7R4VA
Для управления клаву по otg подключил
показать ответы
0
Автор поста оценил этот комментарий

Почему W,S,A,D?

Сделай православные стрелки блеать!

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Любо!

0
Автор поста оценил этот комментарий

Действительно.

Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ок, будет :D

0
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Гг. Да из крайности в крайность. Ещё поднастрою позже.

0
Автор поста оценил этот комментарий

Это, ещё бы хотел сказать, что с колижн моделью надо поработаь. А то уж больно странно смотрятся кубы над капотом.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Там для простоты пока просто параллелепипед на колёсах.Но то всё настраивается)

0
Автор поста оценил этот комментарий
значит под мозилу криво сделано, в ней с графоном 10 фпс, без графона 15 фпс
в хроме с графоном 30 , без 45-55
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Увы мозилла славится утечками памяти в webgl...

У меня даже в edge от 10ой винды 50 fps, только физика глючит. Ну майкрософты как всегда в свойм стиле :D

0
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Увы, оптимизации по положению камеры пока не делал. (позже настрою батч сетку). Ну вот вам видео https://www.youtube.com/watch?v=O6mR9P7R4VA

Но из за того что проц телефона ещё и писал видео, fps просел на несколько кадров.


В середине видео физ движок начинает отрабатывать как надо и дёрганья почти пропадают.


У меня в ноуте hd5470 древняя. Во весь экран 60 fps на низких. На обычных 30-40.

показать ответы
0
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

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

0
Автор поста оценил этот комментарий

сафари все прекрасно!

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Супер!

0
Автор поста оценил этот комментарий

Не стоит обновлять все время dom объект, это заметно снижает фпс, перемести счетчик фпс в канвас

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

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

0
Автор поста оценил этот комментарий
Комментарий удален. Причина: данный аккаунт был удалён
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо за информацию, но мне юнити не интересен))

0
Автор поста оценил этот комментарий

Раскрытие исходников не смущает?)

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Пока нет, а потом можно и лицензию взять, что бы не раскрывать исходники)

0
Автор поста оценил этот комментарий

не грузится

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ошибку какуюнить пишет? Что выдаёт консоль браузера?

показать ответы
0
Автор поста оценил этот комментарий

Ну про физику тут уже все сказали, мне понравилась сама машинка, неплохо сделана, ну кроме днища) Яндекс браузер все пашет

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо!

0
Автор поста оценил этот комментарий

Тема интересна) А почему выбор пал на b4w?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ранее творил на three js, но уткнулся с подключением физ движков, что бы взаимодействовали mesh и примитив. А тут и интеграция с blender тесная, и физика есть, и сорцы открыты... Ляпота))

показать ответы
0
Автор поста оценил этот комментарий

Если активно нажимать пробел ("Я перевернулся"), примерно с края карты в направлении трамплина, машинка взлетает к ангелам на небеса, можно и сюда запрыгнуть ))

Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Не фигась.. О_о

показать ответы
4
Автор поста оценил этот комментарий

Сила притяжения как на Луне, разгон как в болоте, поворот как на самокате.

PS: хоть 16*16 текстуры натянул бы, а то непонятно как на какие балконы ехать.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Это uv разметку делать каждому объекту... Лучше уже полноценную карту делать...

0
Автор поста оценил этот комментарий

тяжеловато разгоняется и заносов нет

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Будут!

0
Автор поста оценил этот комментарий

Чуть не обделался, когда пошёл звук... http://naviris.ru/b4w_examples/deploy/apps/ping_pong/ping_po...

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Упс, не ты первый такой... Подробнее об этом проекте тут https://www.blend4web.com/ru/forums/topic/2031/

0
Автор поста оценил этот комментарий

застрял я

Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Да, починю сегодня вечером. С колиженом не досмотрел...

показать ответы
0
Автор поста оценил этот комментарий

Добавь возможность стрелять.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Такая идея есть... Ещё бы сервак запустить и устроить сетевое месево :D

показать ответы
0
Автор поста оценил этот комментарий
Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Да, я там специально для отчаянных поставил невидимую стенку под наклоном... Но вот если чуть сворачивать правее в полёте....

показать ответы
0
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Понял, уберу дырку
показать ответы
0
Автор поста оценил этот комментарий

Застрял в текстурах.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Где?

показать ответы
0
Автор поста оценил этот комментарий

и обезьяну скинул ну чет как то не сразу она как вкопанная была и да нижняя ссылка больше фпс

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Отключен эффект glow и сглаживание
0
Автор поста оценил этот комментарий

обезьяна не скидывается упирается и все

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Она много весит, надо с разгону, и не один раз. Там можно на другой балкон запрыгнуть, а дальше говорить не буду :D
показать ответы
0
Автор поста оценил этот комментарий

1. Физику обрабатывай в FixedUpdate

2. Сделай плавный поворот колес.

3. Где заносы?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Плавные повороты и заносы будут. Там физика хорошо оптимизирована, но интерполяция корректно работает только при 60 fps
показать ответы
0
Автор поста оценил этот комментарий

я скинул пикабу вниз

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
А обезьяну скинул?
показать ответы
0
Автор поста оценил этот комментарий

Не знаю писали или нет, но я не заметил работы подвески. И на земле подбрасывает её неестественно. Не понятно едет машина или летит т.к. нет тени.

раскрыть ветку (1)
Автор поста оценил этот комментарий

Когда поставил вин 10 тени перестали рисоваться в webgl на моём ноуте. С дравами ковыряться пока лень, поэтому запил без теней пока что. Над подвеской поработаю, она есть.

Можно наблюдать если газовать назад-вперёд.

5
Автор поста оценил этот комментарий

даже тут физика машин лучше чем в вотч догсе,кидай свою кандидатуру юбикам

раскрыть ветку (1)
Автор поста оценил этот комментарий

Ахах) А вообще хочу свою студию по геймингу создать в будущем :D