WC3
W3 Lighting Designer — это html тулза помогающая в настройке модели освещения для Warcraft 3. Она позволяет визуально редактировать цвета Color и Ambient Color и сразу видеть результат на сфере и изометрическом кубе.
Так как W3me не отображает световые эффекты корректно и при сохранении инвертирует цвета, в тулзе есть специальная кнопка для инверсии, чтобы компенсировать этот баг и корректно подготовить данные для карты.
Подробное описание
Развернуть
Градиенты и маркеры
Маркеры на градиентах Color и Ambient Color – маленькие квадратики над шкалой.
Функция: клик по маркеру открывает стандартный цветовой пикер. Выбор цвета автоматически:
Функция: клик по маркеру открывает стандартный цветовой пикер. Выбор цвета автоматически:
Обновляет значение в соответствующем <textarea> (обрезка до двух знаков после запятой).
Обновляет визуальный градиент.
Обновляет отображение на сфере и кубе.
Color / Ambient Color <textarea>
Функция: можно вручную редактировать ключи и цвета в формате time: { r, g, b }.
Изменения автоматически применяются на градиенте и канвасах после обновления градиента (через маркеры или при вводе и нажатии Enter).
Кнопка Сменить фон
Функция: переключает фон страницы между тёмным и светлым для удобного просмотра цветов.
Кнопка Инвертировать текст
Функция: из-за бага W3me, который инвертирует цвета при сохранении, эта кнопка меняет местами компоненты RGB в текстовом поле:
(r, g, b) → (b, g, r)
(r, g, b) → (b, g, r)
После нажатия градиенты и канвасы автоматически обновляются.
Play / Pause
Функция: включает/останавливает анимацию времени суток, влияющую на градиенты Color и Ambient Color на сфере и кубе.
Скорость (input type="range")
Функция: регулирует скорость анимации времени суток.
Значение от 0.1 до 5, шаг 0.1.
Направление света (↑ ↓ ← →)
Функция: задаёт направление источника света на канвасах.
↑ – свет сверху
↓ – свет снизу
← – свет слева
→ – свет справа
Меняет смещение градиента освещения на сфере и на гранях куба.
Timeline (input type="range")
Функция: ручное управление временем суток.
Перемещение ползунка обновляет сферу и куб в соответствии с текущим значением цвета.
Ред. prizraknadache
10333: {0.77, 0.94, 0.58}
15333: {0.04, 0.13, 0.08}
20333: {0.5, 0.8, 0.3}
30333: {0.12, 0.56, 0.35}
37333: {0.7, 0.8, 0.6}
46333: {0.3, 0.3, 0.5}
50333: {0.2, 0.5, 0.3}
60333: {0.06, 0.02, 0}
а там такие квадратики с таймингами на градиенте цветов и они не пропали, тоесть эти объекты не связаны...
Эта штука нужна просто чтобы посмотреть как один цвет перетекает в другой? Не совсем понимаю практического применения для варика...
Ред. Jack-of-shadow
Например:
Но ничего не мешает так же использовать для настройки отдельной лампочки.
Ред. Jack-of-shadow
Ред. ScorpioT1000
Ред. Jack-of-shadow
только колор пикер отвалился, возможно на телефоне съезжает куда то за пределы экрана.
Дай скрин
Ред. Jack-of-shadow
Ред. Jack-of-shadow
Ред. Jack-of-shadow
у меня он не такой радужный), а без фиксов вообще не открывался.
Ред. Jack-of-shadow
Плюс добавлена небольшая задержка, иначе раньше клик просто игнорировал вызов.
Ред. Jack-of-shadow
а сам интерфейс с ползунками системный, и у каждого браузера/устройства он свой, по этому управлять им чтобы задать нужную позицию ползунка не получиться. (в идеале он бы как раз сам должен был бы подстроить ползунки под выбранный цвет и на каких то устройствах возможно это и работает, но не в моем случае)
Ред. ScorpioT1000