01.09.2020, 19:52
GUIзненно!
Учишься создавать всё с нуля, аки Боженька. Сначала тонна кода только для того, чтобы создать одну точку. Затем три точки. После - соединяешь три точки линиями. Дальше научишься закрашивать полученный контур цветом. Если ты ещё не сдался, то сможешь передвинуть или повернуть этот треугольник. Потом научишься вращать его. И вот где это уже после вращения можно приступать к градиентному треугольнику (учил WebGL, может в обычном немного отличается).
Я работал только с древним OpenGL версии 1.x и там разницы между отрисовкой точек и отрисовкой градиентного треугольника небыло вообще никакой, кроме того, что поменять константу с GL_POINTS на GL_TRIANGLES. В любом случае, у тебя есть glBegin/glEnd и между ними череда glColor, glVertex. Если ещё задать нормали через glNormal и включить базовое освещение парой комманд, то становится вообще всё красиво. Но потом OpenGL стал сильно усложняться и упарываться по низкоуровневым фичам ради гибкости и скорости, и я отстал и ушёл кодить в другую область.
Самая серьёзная моя разработка на OpenGL 1.x была ещё в вузе много-много лет назад:
Самая серьёзная моя разработка на OpenGL 1.x была ещё в вузе много-много лет назад:
Когда-то очень давно, когда у меня было дохуя времени, интереса и вдохновения, я так и сделал (только до градиента не дошел, по причине ограничений железа). Именно что с нуля (втч и по знаниям. Собсно, благодаря тому и понял как работает тригонометрия) и частично на ассемблере - 3Д-движок, который умел рисовать и вращать в пространстве закрашенные треугольные грани. Потом допилил туда чтение моделек из файлов. Потом - нарисовал модельку самолета, процедурно-генерируемый ландшафт и допилил туда переведенный с языка МК-61 "авиасимулятор" из журнала "Наука и жизнь". Потом вкорячил туда еще немножко ассемблерного кода для чтения портов звуковухи, к которой был подключен самодельный же 4-осевой джойстик.
А потом вышел Microsoft Flight Simulator 2002.
Вот времена были )
А потом вышел Microsoft Flight Simulator 2002.
Вот времена были )
- Я знаю Vulkan! Работал с ним 3 года в крупной компании.
- Покажи мне.
- ... а, мне надо заглянуть на StackOverflow...
- Покажи мне.
- ... а, мне надо заглянуть на StackOverflow...
Я уже 6 лет пишу не под Андроид, а сам Андроид, а точнее работаю с его графической подсистемой. Приходится как на Джаве дорабатывать Фреймворк, так и на плюсах трогать плюсовые либы, и трогать OpenGL & Vulkan. Работаю на одну крупную компанию. Так что если у вас есть телефон этой компании, и у него баги - возможно это моя вина :)
Т.е. во всех?
Нет, в одной конкретной. Но в какой - не скажу :)
Ладно, пидоры
Я не буду постить повпрос в первом уровне, ибо автор хуй ответит, но вот тебе как раз сгодится
Допустим я хочу сделать плавный переход из коричневого в синий через плавный розово-желтый через rgb/rgba.
Ткни меня пожалуйста мордочкой в алгоритмы и формулы. По возможности на английском
Это детская мечта, которой даже лебедев позабавился лет 6 спустя после её появления
Я хочу понять суть
Я не буду постить повпрос в первом уровне, ибо автор хуй ответит, но вот тебе как раз сгодится
Допустим я хочу сделать плавный переход из коричневого в синий через плавный розово-желтый через rgb/rgba.
Ткни меня пожалуйста мордочкой в алгоритмы и формулы. По возможности на английском
Это детская мечта, которой даже лебедев позабавился лет 6 спустя после её появления
Я хочу понять суть
Почитай про колор спейсы https://en.wikipedia.org/wiki/Color_space
Блэндить лучше в лаб спейсе https://en.wikipedia.org/wiki/CIELAB_color_space
Вобщем, что тебе нужно? Тебе нужна функия одной переменной (скажем t), которая возвращает все цвета товего градиента, когда t изменяется от 0 до 1.
Интерполировать цвета лучше в CIELAB. Поэтому, находишь коричневый в CIELAB, находишь синий в CIELAB и линейно интерполируешь. Результат конвертишь в rgb.
Если через розово желтый оно не проходит, тогда можно взять квадратичный безье сплайн (https://en.wikipedia.org/wiki/B%C3%A9zier_curve), концы закрепить на коричневом и синем, и добавить среднюю точку где-то около розового
Блэндить лучше в лаб спейсе https://en.wikipedia.org/wiki/CIELAB_color_space
Вобщем, что тебе нужно? Тебе нужна функия одной переменной (скажем t), которая возвращает все цвета товего градиента, когда t изменяется от 0 до 1.
Интерполировать цвета лучше в CIELAB. Поэтому, находишь коричневый в CIELAB, находишь синий в CIELAB и линейно интерполируешь. Результат конвертишь в rgb.
Если через розово желтый оно не проходит, тогда можно взять квадратичный безье сплайн (https://en.wikipedia.org/wiki/B%C3%A9zier_curve), концы закрепить на коричневом и синем, и добавить среднюю точку где-то около розового
я таки знал кого пинать
спасибо, сцуко, утром гляну
правда, спасибо
спасибо, сцуко, утром гляну
правда, спасибо
поздравлямс
Ну вот сравни:
http://joyreactor.cc/post/4488678#comment21332063
Вверху производная с скачком, внизу - непрерывна
http://joyreactor.cc/post/4488678#comment21332063
Вверху производная с скачком, внизу - непрерывна
И то правда. Но моя надежда на то, что
" даст широкую практически однотонную полосу в окрестности экстремума"
не произойдет, если он будет "почти" линией. Небольшие искривления на метрику не должны сильно повлиять.
Ну если влиять будет, тогда нужно добавлять еще одну функцию для того чтобы репараметризировать кривую для сохранения метрики. Я вот даже репорт нашел про то, как это сделать: https://www.geometrictools.com/Documentation/MovingAlongCurveSpecifiedSpeed.pdf
" даст широкую практически однотонную полосу в окрестности экстремума"
не произойдет, если он будет "почти" линией. Небольшие искривления на метрику не должны сильно повлиять.
Ну если влиять будет, тогда нужно добавлять еще одну функцию для того чтобы репараметризировать кривую для сохранения метрики. Я вот даже репорт нашел про то, как это сделать: https://www.geometrictools.com/Documentation/MovingAlongCurveSpecifiedSpeed.pdf
А вот кстати я ошибся. Там в кривой безье двоцка не нужна.
И Eltaurus прав, в этом случае, дейстительно в районе экстремума оно более плоско.
Но допустив ошибку, мы теперь знаем, что с двойкой получается тот же полином, но чуть иначе параметризированный и выглядит чуть лучше
И Eltaurus прав, в этом случае, дейстительно в районе экстремума оно более плоско.
Но допустив ошибку, мы теперь знаем, что с двойкой получается тот же полином, но чуть иначе параметризированный и выглядит чуть лучше
Там и -0.5 по идее в третьей снизу строчке быть не должно. Видно же, что так правый край совсем не получается нужного синего цвета.
Для честного сравнения, кстати, для безье бы ещё стоило среднюю точку корректировать, поскольку иначе сам colorB в градиенте не появляется.
Для честного сравнения, кстати, для безье бы ещё стоило среднюю точку корректировать, поскольку иначе сам colorB в градиенте не появляется.
интерполируй в HSV, конвертируй в RGB
https://en.wikipedia.org/wiki/HSL_and_HSV
если промежуточный цвет будет не тот, то чтобы плавно пройти через три точки, можно просто квадратное уравнение решить для каждого канала
ну либо сплайнами, как уже выше предлагали, если хочешь заморочиться
https://en.wikipedia.org/wiki/HSL_and_HSV
если промежуточный цвет будет не тот, то чтобы плавно пройти через три точки, можно просто квадратное уравнение решить для каждого канала
ну либо сплайнами, как уже выше предлагали, если хочешь заморочиться
Блин, сорян, ответил то же самое, не дочитав до твоего камента. Но удалять не буду, потому что там ссылочка на мой гит)
Не надо пытаться делать это в RGB. Переводи в HSL, а там уже интерполируй между начальными и конечными значениями компонент цвета. Как гонять между RGB HSL в интернетах уйма информации, но можешь подглядеть у меня на гитхабе и поставить звёздочку https://github.com/NightmareZ/hsl.js (надеюсь, перевести с джаваскрипта на нормальный язык труда не составит).
Тут разве нету? https://www.shadertoy.com/browse
Я имел на первой странице среди Hot
На главной среди зафичеренных понятно, что нету
Я имел на первой странице среди Hot
На главной среди зафичеренных понятно, что нету
Чтобы написать коммент, необходимо залогиниться
