[orx-color] Add FettePalette Kotlin port and demos
This commit is contained in:
Edwin Jakobs
257
orx-color/src/commonMain/kotlin/fettepalette/FettePalette.kt
Normal file
257
orx-color/src/commonMain/kotlin/fettepalette/FettePalette.kt
Normal file
@@ -0,0 +1,257 @@
|
|||||||
|
package org.openrndr.extra.color.fettepalette
|
||||||
|
|
||||||
|
import org.openrndr.color.ColorHSLa
|
||||||
|
import org.openrndr.color.ColorHSVa
|
||||||
|
import org.openrndr.color.ColorRGBa
|
||||||
|
import org.openrndr.extra.color.spaces.ColorOKHSLa
|
||||||
|
import org.openrndr.extra.color.spaces.ColorOKHSVa
|
||||||
|
import org.openrndr.extra.color.spaces.toOKHSLa
|
||||||
|
import org.openrndr.extra.parameters.*
|
||||||
|
import org.openrndr.math.Vector2
|
||||||
|
import org.openrndr.math.clamp
|
||||||
|
import org.openrndr.math.mod_
|
||||||
|
import kotlin.math.*
|
||||||
|
|
||||||
|
/*
|
||||||
|
Converted to Kotlin from https://github.com/meodai/fettepalette/blob/main/src/index.ts
|
||||||
|
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2021 David Aerne
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
interface Curve {
|
||||||
|
fun pointOnCurve(
|
||||||
|
i: Double,
|
||||||
|
total: Double,
|
||||||
|
curveAccent: Double,
|
||||||
|
min: Vector2 = Vector2.ZERO,
|
||||||
|
max: Vector2 = Vector2.ZERO
|
||||||
|
): Vector2
|
||||||
|
|
||||||
|
fun remap(v: Vector2, min: Vector2, max: Vector2): Vector2 {
|
||||||
|
var x = v.x
|
||||||
|
var y = v.y
|
||||||
|
|
||||||
|
x = min.x + x.coerceIn(0.0, 1.0) * (max.x - min.x)
|
||||||
|
y = min.y + y.coerceIn(0.0, 1.0) * (max.y - min.y)
|
||||||
|
|
||||||
|
return Vector2(x, y)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
object Lamé : Curve {
|
||||||
|
override fun pointOnCurve(i: Double, total: Double, curveAccent: Double, min: Vector2, max: Vector2): Vector2 {
|
||||||
|
val limit = PI / 2
|
||||||
|
val percentile = i / total
|
||||||
|
val t = percentile * limit
|
||||||
|
val exp = 2 / (2 + 20 * curveAccent)
|
||||||
|
val cosT = cos(t)
|
||||||
|
val sinT = sin(t)
|
||||||
|
val x = sign(cosT) * abs(cosT).pow(exp)
|
||||||
|
val y = sign(sinT) * abs(sinT).pow(exp)
|
||||||
|
return remap(Vector2(x, y), min, max)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
object Arc : Curve {
|
||||||
|
override fun pointOnCurve(i: Double, total: Double, curveAccent: Double, min: Vector2, max: Vector2): Vector2 {
|
||||||
|
val limit = PI / 2
|
||||||
|
val percentile = i / total
|
||||||
|
val t = percentile * limit
|
||||||
|
val slice = limit / total
|
||||||
|
val y = cos(-PI / 2 + i * slice + curveAccent)
|
||||||
|
val x = sin(PI / 2 + i * slice - curveAccent)
|
||||||
|
return remap(Vector2(x, y), min, max)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ColorRamp(val baseColors: List<ColorRGBa>, val darkColors: List<ColorRGBa>, val lightColors: List<ColorRGBa>)
|
||||||
|
|
||||||
|
@Description("Color ramp parameters")
|
||||||
|
class ColorRampParameters {
|
||||||
|
@IntParameter("total", 3, 16, 0)
|
||||||
|
var total = 3
|
||||||
|
|
||||||
|
@DoubleParameter("center hue", -180.0, 180.0, 3, 1)
|
||||||
|
var centerHue = 0.0
|
||||||
|
|
||||||
|
@DoubleParameter("hue cycle", 0.0, 1.0, 3, 2)
|
||||||
|
var hueCycle = 0.3
|
||||||
|
|
||||||
|
@DoubleParameter("offset tint", 0.0, 1.0, 3, 3)
|
||||||
|
var offsetTint = 0.1
|
||||||
|
|
||||||
|
@DoubleParameter("offset shade", 0.0, 1.0, 3, 4)
|
||||||
|
var offsetShade = 0.1
|
||||||
|
|
||||||
|
@DoubleParameter("curve accent", 0.0, 1.0, 3, 5)
|
||||||
|
var curveAccent = 0.0
|
||||||
|
|
||||||
|
@DoubleParameter("tint shade hue shift", 0.0, 1.0, 3, 6)
|
||||||
|
var tintShadeHueShift = 0.1
|
||||||
|
|
||||||
|
@DoubleParameter("offset mod tint", 0.0, 1.0, 3, 7)
|
||||||
|
var offsetCurveModTint = 0.03
|
||||||
|
|
||||||
|
@DoubleParameter("offset mod shade", 0.0, 1.0, 3, 8)
|
||||||
|
var offsetCurveModShade = 0.03
|
||||||
|
|
||||||
|
@Vector2Parameter("min saturation/light", min = 0.0, max = 1.0, precision = 3, order = 9)
|
||||||
|
var minSaturationLight = Vector2.ZERO
|
||||||
|
|
||||||
|
@Vector2Parameter("max saturation/light", min = 0.0, max = 1.0, precision = 3, order = 10)
|
||||||
|
var maxSaturationLight = Vector2.ONE
|
||||||
|
|
||||||
|
@BooleanParameter("use OKHSV", order = 11)
|
||||||
|
var useOK = false
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param total total of base colors in the ramp
|
||||||
|
* @param centerHue at what hue should the generation start at
|
||||||
|
* @param hueCycle hsl spins how much should the hue change over the curve, 0: not at all, 1: one full rainbow
|
||||||
|
* @param offsetTint offset for the tints
|
||||||
|
* @param offsetShade offset of the shades
|
||||||
|
* @param curveAccent how accentuated is the curve (depends heavily on curveMethod)
|
||||||
|
* @param tintShadeHueShift defines how shifted the hue is for the shades and the tints
|
||||||
|
* @param offsetCurveModTint modifies the tint curve
|
||||||
|
* @param offsetCurveModShade modifies the shade curve
|
||||||
|
* @param minSaturationLight defines the min saturation and light of all the colors
|
||||||
|
* @param maxSaturationLight defines the max saturation and light of all the colors
|
||||||
|
* @param useOK use OKHSV and OKHSL spaces
|
||||||
|
*/
|
||||||
|
fun generateColorRamp(
|
||||||
|
total: Int = 3,
|
||||||
|
centerHue: Double = 0.0,
|
||||||
|
hueCycle: Double = 0.3,
|
||||||
|
offsetTint: Double = 0.1,
|
||||||
|
offsetShade: Double = 0.1,
|
||||||
|
curveAccent: Double = 0.0,
|
||||||
|
tintShadeHueShift: Double = 0.1,
|
||||||
|
curveMethod: Curve = Lamé,
|
||||||
|
offsetCurveModTint: Double = 0.03,
|
||||||
|
offsetCurveModShade: Double = 0.03,
|
||||||
|
minSaturationLight: Vector2 = Vector2.ZERO,
|
||||||
|
maxSaturationLight: Vector2 = Vector2.ONE,
|
||||||
|
useOK: Boolean = false,
|
||||||
|
): ColorRamp {
|
||||||
|
val baseColors = mutableListOf<ColorRGBa>()
|
||||||
|
val lightColors = mutableListOf<ColorRGBa>()
|
||||||
|
val darkColors = mutableListOf<ColorRGBa>()
|
||||||
|
|
||||||
|
val okHueAdjust = if (useOK) 30.0 else 0.0
|
||||||
|
|
||||||
|
for (i in 1 until total + 1) {
|
||||||
|
val (x, y) = curveMethod.pointOnCurve(
|
||||||
|
i.toDouble(),
|
||||||
|
total + 1.0,
|
||||||
|
curveAccent,
|
||||||
|
minSaturationLight,
|
||||||
|
maxSaturationLight
|
||||||
|
)
|
||||||
|
val h = (okHueAdjust + 360.0 +
|
||||||
|
(-180.0 * hueCycle + (centerHue + i * (360 / (total + 1)) * hueCycle))
|
||||||
|
) % 360
|
||||||
|
|
||||||
|
val hsv = if (useOK) {
|
||||||
|
ColorOKHSVa(h, x, y)
|
||||||
|
} else ColorHSVa(h, x, y)
|
||||||
|
val hsl = if (useOK) {
|
||||||
|
hsv.toRGBa().toOKHSLa()
|
||||||
|
} else hsv.toRGBa().toHSLa()
|
||||||
|
baseColors.add(hsl.toRGBa().toSRGB())
|
||||||
|
|
||||||
|
val (xl, yl) = curveMethod.pointOnCurve(
|
||||||
|
i.toDouble(), total + 1.0, curveAccent + offsetCurveModTint,
|
||||||
|
minSaturationLight,
|
||||||
|
maxSaturationLight
|
||||||
|
)
|
||||||
|
|
||||||
|
val hslLight = if (useOK) ColorOKHSVa(h, xl, yl).toRGBa().toOKHSLa() else ColorHSVa(h, xl, yl).toRGBa().toHSLa()
|
||||||
|
|
||||||
|
if (useOK) {
|
||||||
|
hslLight as ColorOKHSLa
|
||||||
|
lightColors.add(
|
||||||
|
ColorOKHSLa(
|
||||||
|
(hslLight.h + 360.0 * tintShadeHueShift).mod_(360.0),
|
||||||
|
(hslLight.s - offsetTint).clamp(0.0, 1.0),
|
||||||
|
(hslLight.l + offsetTint).clamp(0.0, 1.0)
|
||||||
|
).toRGBa().toSRGB()
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
hslLight as ColorHSLa
|
||||||
|
lightColors.add(
|
||||||
|
ColorHSLa(
|
||||||
|
(hslLight.h + 360.0 * tintShadeHueShift).mod_(360.0),
|
||||||
|
(hslLight.s - offsetTint).clamp(0.0, 1.0),
|
||||||
|
(hslLight.l + offsetTint).clamp(0.0, 1.0)
|
||||||
|
).toRGBa().toSRGB()
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
val (xd, yd) = curveMethod.pointOnCurve(
|
||||||
|
i.toDouble(), total + 1.0, curveAccent - offsetCurveModShade,
|
||||||
|
minSaturationLight,
|
||||||
|
maxSaturationLight
|
||||||
|
)
|
||||||
|
|
||||||
|
val hslDark = if (useOK) ColorOKHSVa(h, xd, yd).toRGBa().toOKHSLa() else ColorHSVa(h, xd, yd).toRGBa().toHSLa()
|
||||||
|
|
||||||
|
if (useOK) {
|
||||||
|
hslDark as ColorOKHSLa
|
||||||
|
darkColors.add(
|
||||||
|
ColorOKHSLa(
|
||||||
|
(hslDark.h - 360.0 * tintShadeHueShift).mod_(360.0),
|
||||||
|
(hslDark.s - offsetShade).clamp(0.0, 1.0),
|
||||||
|
(hslDark.l - offsetShade).clamp(0.0, 1.0)
|
||||||
|
).toRGBa().toSRGB()
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
hslDark as ColorHSLa
|
||||||
|
darkColors.add(
|
||||||
|
ColorHSLa(
|
||||||
|
(hslDark.h - 360.0 * tintShadeHueShift).mod_(360.0),
|
||||||
|
(hslDark.s - offsetShade).clamp(0.0, 1.0),
|
||||||
|
(hslDark.l - offsetShade).clamp(0.0, 1.0)
|
||||||
|
).toRGBa().toSRGB()
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return ColorRamp(baseColors, darkColors, lightColors)
|
||||||
|
}
|
||||||
|
|
||||||
|
fun generateColorRamp(parameters: ColorRampParameters)
|
||||||
|
= generateColorRamp(total = parameters.total,
|
||||||
|
centerHue = parameters.centerHue,
|
||||||
|
hueCycle = parameters.hueCycle,
|
||||||
|
offsetTint = parameters.offsetTint,
|
||||||
|
offsetShade = parameters.offsetShade,
|
||||||
|
curveAccent = parameters.curveAccent,
|
||||||
|
tintShadeHueShift = parameters.tintShadeHueShift,
|
||||||
|
curveMethod = Lamé,
|
||||||
|
offsetCurveModTint = parameters.offsetCurveModTint,
|
||||||
|
offsetCurveModShade = parameters.offsetCurveModShade,
|
||||||
|
minSaturationLight = parameters.minSaturationLight,
|
||||||
|
maxSaturationLight = parameters.maxSaturationLight,
|
||||||
|
useOK = parameters.useOK
|
||||||
|
)
|
||||||
86
orx-color/src/demo/kotlin/DemoFettePalette01.kt
Normal file
86
orx-color/src/demo/kotlin/DemoFettePalette01.kt
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
import org.openrndr.application
|
||||||
|
import org.openrndr.draw.isolated
|
||||||
|
import org.openrndr.extra.color.fettepalette.ColorRamp
|
||||||
|
import org.openrndr.extra.color.fettepalette.Lamé
|
||||||
|
import org.openrndr.extra.color.fettepalette.generateColorRamp
|
||||||
|
import org.openrndr.math.Vector2
|
||||||
|
import kotlin.random.Random
|
||||||
|
|
||||||
|
fun main() {
|
||||||
|
application {
|
||||||
|
configure {
|
||||||
|
width = 720
|
||||||
|
height = 720
|
||||||
|
}
|
||||||
|
|
||||||
|
program {
|
||||||
|
val total = 9
|
||||||
|
|
||||||
|
extend {
|
||||||
|
val ramp = generateColorRamp(
|
||||||
|
total = total,
|
||||||
|
centerHue = (mouse.position.x / width) * 360.0,
|
||||||
|
curveMethod = Lamé,
|
||||||
|
hueCycle = mouse.position.y / height,
|
||||||
|
curveAccent = 0.0,
|
||||||
|
offsetTint = 0.01,
|
||||||
|
offsetShade = 0.01,
|
||||||
|
tintShadeHueShift = 0.01,
|
||||||
|
offsetCurveModTint = 0.03,
|
||||||
|
offsetCurveModShade = 0.03,
|
||||||
|
minSaturationLight = Vector2.ZERO,
|
||||||
|
maxSaturationLight = Vector2.ONE,
|
||||||
|
useOK = true
|
||||||
|
)
|
||||||
|
|
||||||
|
fun rampSquare(ramp: ColorRamp, random: Random, position: Vector2, width: Double) {
|
||||||
|
drawer.isolated {
|
||||||
|
drawer.fill = ramp.baseColors.random(random).toRGBa()
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.rectangle(position, width, width)
|
||||||
|
|
||||||
|
drawer.fill = ramp.lightColors.random(random).toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 4.0, width / 4.0), width / 4.0, width / 2.0)
|
||||||
|
|
||||||
|
val dc = ramp.darkColors.shuffled(random).take(2)
|
||||||
|
|
||||||
|
drawer.fill = dc[0].toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 2.0, width / 4.0), width / 4.0, width / 4.0)
|
||||||
|
|
||||||
|
drawer.fill = dc[1].toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 2.0, width / 2.0), width / 4.0, width / 4.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.lightColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 20.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.baseColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 70.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.darkColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 120.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
val random = Random(seconds.toInt())
|
||||||
|
rampSquare(ramp, random, Vector2(180.0, 180.0), 360.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
77
orx-color/src/demo/kotlin/DemoFettePalette02.kt
Normal file
77
orx-color/src/demo/kotlin/DemoFettePalette02.kt
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
import org.openrndr.application
|
||||||
|
import org.openrndr.draw.isolated
|
||||||
|
import org.openrndr.extra.color.fettepalette.ColorRamp
|
||||||
|
import org.openrndr.extra.color.fettepalette.ColorRampParameters
|
||||||
|
import org.openrndr.extra.color.fettepalette.generateColorRamp
|
||||||
|
import org.openrndr.extra.gui.GUI
|
||||||
|
import org.openrndr.extra.gui.addTo
|
||||||
|
import org.openrndr.math.Vector2
|
||||||
|
import kotlin.random.Random
|
||||||
|
|
||||||
|
fun main() {
|
||||||
|
application {
|
||||||
|
configure {
|
||||||
|
width = 720
|
||||||
|
height = 720
|
||||||
|
}
|
||||||
|
|
||||||
|
program {
|
||||||
|
val gui = GUI()
|
||||||
|
val parameters = ColorRampParameters()
|
||||||
|
parameters.addTo(gui)
|
||||||
|
|
||||||
|
extend(gui)
|
||||||
|
extend {
|
||||||
|
val ramp = generateColorRamp(parameters)
|
||||||
|
fun rampSquare(ramp: ColorRamp, random: Random, position: Vector2, width: Double) {
|
||||||
|
drawer.isolated {
|
||||||
|
drawer.fill = ramp.baseColors.random(random).toRGBa()
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.rectangle(position, width, width)
|
||||||
|
|
||||||
|
drawer.fill = ramp.lightColors.random(random).toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 4.0, width / 4.0), width / 4.0, width / 2.0)
|
||||||
|
|
||||||
|
val dc = ramp.darkColors.shuffled(random).take(2)
|
||||||
|
|
||||||
|
drawer.fill = dc[0].toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 2.0, width / 4.0), width / 4.0, width / 4.0)
|
||||||
|
|
||||||
|
drawer.fill = dc[1].toRGBa()
|
||||||
|
drawer.rectangle(position + Vector2(width / 2.0, width / 2.0), width / 4.0, width / 4.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
drawer.translate(200.0, 0.0)
|
||||||
|
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.lightColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 20.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.baseColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 70.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
drawer.isolated {
|
||||||
|
for ((index, i) in ramp.darkColors.withIndex()) {
|
||||||
|
drawer.stroke = null
|
||||||
|
drawer.fill = i.toRGBa()
|
||||||
|
drawer.rectangle(20.0, 120.0, 50.0, 50.0)
|
||||||
|
drawer.translate(50.0, 0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
val random = Random(seconds.toInt())
|
||||||
|
rampSquare(ramp, random, Vector2(20.0, 180.0), 360.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user