AlexKrysin 29 фев 2016 в 12:04

История бесконечного города. На Three.js

5 мин

32K

Веб-разработка*JavaScript*Алгоритмы*WebGL*

Туториал

+44

Комментарии 28

aml 29 фев 2016 в 12:30

This video is not available.

jonywtf 29 фев 2016 в 13:11

Как бы скорость передвижения увеличить… может скроллом? а то трудно ощутить его бесконечность за пару минут)

AlexKrysin 29 фев 2016 в 13:14

Скорость ограничена, так как при большей скорости, город просто не будет успевать генерироваться.

Smi1e 29 фев 2016 в 14:26

В консоли
cam_control.speed = 500

VCheese 29 фев 2016 в 13:52

Не по СНиПу :)

k12th 29 фев 2016 в 13:59

Мне кажется, если темные окна сделать еще потемнее, то будет реалистичнее выглядеть, нет?

wunderwaffel 29 фев 2016 в 15:07

А ещё уличные фонари стоят друг напротив друга. Насколько мне подсказывает вид из окна, их чередуют — слева, справа, слева, справа...

Lain_13 1 мар 2016 в 01:32

И ещё должно быть место под тратуар. :)

dolphin4ik 1 мар 2016 в 11:57

И мусорок и туалетов нету как всегда..

entomolog 29 фев 2016 в 15:45

Спасибо, позновательно!
На тему бесконечности, когда-то игрался с raymarching, из простейшей геометрии можно создавать "бесконечные" сцены: немного бесконечности

НЛО прилетело и опубликовало эту надпись здесь

AlexKrysin 29 фев 2016 в 15:56

Загляните в chrome://flags/ возможно отключено аппаратное ускорение.

НЛО прилетело и опубликовало эту надпись здесь

AterCattus 1 мар 2016 в 20:28

В линухе на Хроме тоже лишь точки цветные

Beholder 29 фев 2016 в 16:23

Чем-то напомнило старую игру Darker.

Milliard 29 фев 2016 в 17:36

Гифка 35 Мб. Как так можно то?

XanderBass 1 мар 2016 в 18:14

Мде, вот и дожили мы до времён, когда SimCity можно запилить в браузере.

Imbolc 1 мар 2016 в 18:29

Не нашёл как стрелять

sim31r 5 мар 2016 в 23:56

ctrl+w, осторожно, оружие мощное, уничтожает всё без остатка.

Kempston 1 мар 2016 в 18:30

Еще бы добавить сглаживание текстурам, например:
texture.anisotropy=5;

SpaceEngineer 2 мар 2016 в 13:30

а ещё было бы неплохо добавить interior mapping — техника простая, но здорово поднимет реализм.

makc3d 3 мар 2016 в 00:45

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

readPixel в битмапке, не?

sim31r 5 мар 2016 в 23:52

Удивительный проект. Работает в Firefox превосходно. Похоже на игру SkyLines, только масштаб больше.
Покрутил город, в зданиях всё понравилось. Для идеальности, в моем представлении, поправил бы

Как-то странно выглядят пустые районы, по моему, в городе не может быть такой идеальной пустоты (если это не река), если там парк, могут быть несколько фонариков мерцающих, какие-то едва заметные дорожки.
Добавил бы автомобили редкие едущие вдоль дорог (без учета ПДД, это уже сложно и не нужно здесь).
И режим трекера, можно как заставку скринсейвер оставить, выглядит весьма эффектно. Чтобы по некой синусоиде камера шла вперед. Или следила за автомобилем, машинка едет внизу, камера следит за машиной, двигаясь над дорогой.
Хорошо бы дождь добавить, периодические грозы, луну, метеоритный дождь на небе, редкие вертолеты вдалеке (чтобы не прорисовывать модели детально, лишь бы узнаваемые были).

SpaceEngineer 6 мар 2016 в 01:04

https://www.shadertoy.com/view/XtsSWs

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

AlexKrysin 6 мар 2016 в 01:10

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

sim31r 6 мар 2016 в 15:22

Практическая ценность — экранная заставка может быть например, для какой-то фоновой анимации. Только нужен "автопилот". Анимацию с удовольствием крутил и ребенок первоклассник, минут 20, исследовал предел и для подъема и спуска )))