Форум

* Хочется реализовать на маломощном браузере(устройстве) подобие Глоу эффекта в B4W прошу совета.. получается или медленно или коряво ((

20 августа 2016 00:57
Хочется реализовать на маломощном браузере(устройстве) подобие Глоу эффекта в B4W
Нечто среднее между ТРОНОМ и СТРАТРЕКОМ итд…

Вариант 1
Применение ГЛОУ материала чтобы высветить контуры как обычно делается лает большие артефакты на сглаживании.. подкладывал панель красил ее в Глоу получается не очень,
Кроме того глоу не дает отсвета на остальные поверхности, а как бы сам светится
а еще нужно в реалтайме чтоб на поверхности циферблата это отсвет и был виден вместо тени вообщем

начал пробовать с источниками света:
Вариант 2
Убрал вообще глоу материал добавил под стрелки источники света помести их в короб нормалями во внутрь убрав нижнюю плоскость свет направлен вниз источники ПОИНТ нужного цвета.
- Результат уже стал похож на то как хотел, за исключением того, что ни как не получается сделать
свет непрерывным по всей длинне стрелки ( как будто от люминисцентной лампы трубки
*** ( БЫЛО БЫ КРУТО ЕСЛИ БЫ БЫЛ ТАКОЙ ИСТОЧНИК СВЕТА в b4w была бы очень крутая фича)
и свет сильно расползается , короб отражатель не помогает.
Ну и самое печальное с таким к-вом источников света стало жутко тормозить( что было ожидаемо)

прошу совета.. получается или медленно или коряво

Приложу скрины того, что получается с девайса.. может кто придумает метод, учтите:
что стрелки вращаются и перекрывают друг друга , вид все время строго сверху.









Денис
22 августа 2016 07:54
Для подсветки снизу.
Если вид всегда сверху, можно просто создать плэйн с текстурой свечения c прозрачностью типа add, установить под стрелкой.

Приложу пример:
test_podsvet.html
test_podsvet.blend

Так же можно в полупрозрачности накладывать и сверху, что бы имитировать glow
Не стой, где попало… Попадет еще раз.
http://naviris.ru/
22 августа 2016 11:11
Ответ на сообщение пользователя Кирилл
Для подсветки снизу.
Если вид всегда сверху, можно просто создать плэйн с текстурой свечения c прозрачностью типа add, установить под стрелкой.

Приложу пример:
test_podsvet.html
test_podsvet.blend

Так же можно в полупрозрачности накладывать и сверху, что бы имитировать glow

собственно как я и писал выше, это варинт я пробовал конечно:
когда стрелка одна это сработает( про плейн) а вот когда из несколько вращаются в одной плоскости что будет когда они будут пересекаться? )))) ( по линии взгляда)

а про глоу материал я тоже писал выше и примеры приложил , на том браузере ее рвет лесекой (( у темных объектов
Денис
22 августа 2016 21:44
Ответ на сообщение пользователя ДЕНИС
когда стрелка одна это сработает( про плейн) а вот когда из несколько вращаются в одной плоскости что будет когда они будут пересекаться? )))) ( по линии взгляда)
Ну пускай пересекаются


test_podsvet.html

UPD: забыл прикрепить исходник test_podsvet.blend
Не стой, где попало… Попадет еще раз.
http://naviris.ru/
23 августа 2016 00:06
Ответ на сообщение пользователя Кирилл
Ну пускай пересекаются


test_podsvet.html


попробую еще раз это пример рендернуть .. помотрим что получится, говорю же на том браузереграницы все лесенками получатюстя
Денис
23 августа 2016 13:14
Ответ на сообщение пользователя Кирилл
Ну пускай пересекаются

……

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

но внутренние места цвет от плейна с глоу пересекается например со стрелкой все равно ступеньками идет(( даже на этом примере видно ступеньки в браузере обычном … вот думаю что можно придумать в этом месте..

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

например ноды которые использованы в этом примере b4w_**** итд

я уже писал в разделе материалы, что в той всплывающей подсказке круто бы делать описание более развернутое + может прикреплять ссылку на сайт с докой по этой ноде например и примеру … ( это конечно идеально и требует времни, но думаю позволит быстрее и продуктивнее осваивать нововведения, да и вопросов меньше будет)

СПАСИБО
Денис
23 августа 2016 20:37
вроде все ок. только у меня там на циферблате есть меши которые не вровень с плоскостью..
Плэйн можно поднять повыше, до уровня самой нижней стрелки к циферблату. Так как смотрим сверху эффекта "оторванного" освещения не должно происходить.

например ноды которые использованы в этом примере b4w_**** итд
Тут информация по ним
https://www.blend4web.com/doc/ru/node_materials.html#engine-specific-nodes
Не стой, где попало… Попадет еще раз.
http://naviris.ru/
23 августа 2016 20:39
Ответ на сообщение пользователя Кирилл
Тут информация по ним
https://www.blend4web.com/doc/ru/node_materials.html#engine-specific-nodes

спасибо почитаю.. я вот все думаю как размер светлячка подстроить под форму стрелки.. тот метод что в примере сделан на скорую но для результат нужно какой то другой мепинг делать думаю..
Денис
23 августа 2016 21:14
Сделай геометрию с вертексными цветами. И придай форму какую хочешь)
Не стой, где попало… Попадет еще раз.
http://naviris.ru/
23 августа 2016 21:16
Ответ на сообщение пользователя Кирилл
Сделай геометрию с вертексными цветами. И придай форму какую хочешь)

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

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