922a61736d
Makepad Code (editor layout, selection, sidebar, early yield), the EN/ZH Translator with voice, Weather with a generated offline forecast, Amp playing its offline library, and fixes across the other apps and examples. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
467 lines
22 KiB
Text
467 lines
22 KiB
Text
// title: Bauhaus
|
|
// Bauhaus — Dessau, 1926: an off-white enamel front like heavy paper,
|
|
// laid on a strict grid of heavy black rules; key caps and plates painted
|
|
// with the primary triad (red circle, yellow bar, blue square); a bold
|
|
// geometric sans; a black enamel screen well. Tactile painted enamel:
|
|
// brush-stroke texture, a soft gloss, chipped hard edges.
|
|
//
|
|
// Assignments only, over the base templates in `src/hw.rs`
|
|
// (see local/agent_state/skeuomorph/music/STYLE_GUIDE.md).
|
|
use mod.prelude.widgets_internal.*
|
|
|
|
// ---- palette ----
|
|
mod.widgets.hw_palette.screen_bg = #x151412
|
|
mod.widgets.hw_palette.screen_text = #xf1ebdb
|
|
mod.widgets.hw_palette.screen_muted = #x8f8878
|
|
mod.widgets.hw_palette.accent = #xe23b26
|
|
mod.widgets.hw_palette.panel_text = #x14130f
|
|
mod.widgets.hw_palette.panel_muted = #x4a463d
|
|
mod.widgets.hw_palette.menu_bg = #xefe9da
|
|
mod.widgets.hw_palette.spill_knee = 1.2
|
|
mod.widgets.hw_palette.caption_bg = #x100f0d
|
|
mod.widgets.hw_palette.caption_text = #xf1ebdb
|
|
|
|
// ---- the front: off-white enamel on a strict grid ----
|
|
mod.widgets.HwChassis.draw_bg.ground = #xe8e1cf
|
|
mod.widgets.HwChassis.draw_bg.light_ink = vec4(1.0, 0.99, 0.95, 1.0)
|
|
mod.widgets.HwChassis.draw_bg.shadow_ink = vec4(0.10, 0.09, 0.08, 1.0)
|
|
mod.widgets.HwChassis.draw_bg.glow_ink = vec4(1.0, 0.30, 0.18, 1.0)
|
|
mod.widgets.HwChassis.draw_bg.spill = vec2(3.0, 0.7)
|
|
mod.widgets.HwChassis.draw_bg.vignette = vec4(0.5, 0.35, 0.10, 1.03)
|
|
mod.widgets.Window.pass.clear_color = #xe8e1cf
|
|
mod.widgets.HwChassis.draw_bg.surface = fn(p: vec2, base: vec3) -> vec3 {
|
|
let w = self.world.xy
|
|
// Brushed-on enamel: long soft strokes plus a fine tooth.
|
|
let stroke = self.hw_noise(vec2(w.x * 0.004, w.y * 0.09)) - 0.5
|
|
let tooth = self.hw_hash(floor(w * 1.7)) - 0.5
|
|
var col = base * (1.0 + stroke * 0.05 + tooth * 0.025)
|
|
// A faint pencilled construction grid every 24 pt.
|
|
let g = abs(fract(w / 24.0 + vec2(0.5, 0.5)) - vec2(0.5, 0.5)) * 24.0
|
|
let grid = 1.0 - smoothstep(0.0, 0.6, min(g.x, g.y))
|
|
col = mix(col, col * 0.93, grid * 0.5)
|
|
// The heavy black rules and the triad blocks along the foot.
|
|
let y = self.rect_size.y - p.y
|
|
let x = p.x / max(self.rect_size.x, 1.0)
|
|
let foot = 1.0 - smoothstep(9.5, 10.5, y)
|
|
var ink = vec3(0.07, 0.065, 0.06)
|
|
if x < 0.12 { ink = vec3(0.83, 0.17, 0.12) }
|
|
if x > 0.12 && x < 0.18 { ink = vec3(0.95, 0.72, 0.10) }
|
|
if x > 0.88 { ink = vec3(0.13, 0.30, 0.64) }
|
|
col = mix(col, ink, foot)
|
|
let rule = smoothstep(12.5, 13.5, y) * (1.0 - smoothstep(15.5, 16.5, y))
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), rule)
|
|
// The heavy rule under the caption.
|
|
let top = smoothstep(29.5, 30.5, p.y) * (1.0 - smoothstep(33.5, 34.5, p.y))
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), top)
|
|
return col
|
|
}
|
|
|
|
// ---- plates: off-white enamel slabs, a heavy black frame, a primary bar ----
|
|
mod.widgets.HwPlate.draw_bg.ground = #xf2ecdc
|
|
mod.widgets.HwPlate.draw_bg.light_ink = vec4(1.0, 1.0, 0.97, 1.0)
|
|
mod.widgets.HwPlate.draw_bg.shadow_ink = vec4(0.12, 0.11, 0.09, 1.0)
|
|
mod.widgets.HwPlate.draw_bg.relief = vec4(2.0, 0.6, 2.5, 0.45)
|
|
mod.widgets.HwPlate.draw_bg.finish = vec4(0.6, 0.4, 0.45, 0.5)
|
|
mod.widgets.HwPlate.draw_bg.shadow = vec4(0.60, 8.0, 1.0, 0.6)
|
|
mod.widgets.HwPlate.draw_bg.sheen = vec4(0.05, 0.35, 0.30, 0.3)
|
|
mod.widgets.HwPlate.draw_bg.glow_ink = vec4(1.0, 0.30, 0.18, 1.0)
|
|
mod.widgets.HwPlate.draw_bg.spill = vec2(3.2, 0.6)
|
|
mod.widgets.HwPlate.radius = 2
|
|
mod.widgets.HwPlate.draw_bg.surface = fn(p: vec2, base: vec3) -> vec3 {
|
|
let w = self.world.xy
|
|
let stroke = self.hw_noise(vec2(w.x * 0.004, w.y * 0.09)) - 0.5
|
|
var col = base * (1.0 + stroke * 0.045 + (self.hw_hash(floor(w * 1.7)) - 0.5) * 0.02)
|
|
let s = self.rect_size
|
|
let e = min(min(p.x, p.y), min(s.x - p.x, s.y - p.y)) - self.inset
|
|
// A heavy black frame just inside the edge.
|
|
let frame = smoothstep(2.5, 3.2, e) * (1.0 - smoothstep(6.0, 6.7, e))
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), frame)
|
|
// A composition in the plate's free foot on the right wing:
|
|
// a red circle, a yellow square and a blue quarter disc on a black bar.
|
|
// The display wing (plate 2) wherever the layout puts it.
|
|
if self.plate_id > 1.5 && self.plate_id < 2.5 && s.y > 200.0 {
|
|
let fy = s.y - self.inset - 12.0
|
|
let cx0 = self.inset + 14.0
|
|
let q = p - vec2(cx0, fy)
|
|
// Black base rule.
|
|
let base_r = step(0.0, q.y) * (1.0 - step(5.0, q.y)) * step(0.0, q.x) * step(q.x, s.x - self.inset * 2.0 - 28.0)
|
|
let red_d = length(q - vec2(34.0, -30.0)) - 28.0
|
|
let red = 1.0 - smoothstep(-0.6, 0.6, red_d)
|
|
let sq = step(58.0, q.x) * step(q.x, 104.0) * step(-46.0, q.y) * step(q.y, 0.0)
|
|
let qd = length(q - vec2(104.0, 0.0))
|
|
let quarter = (1.0 - smoothstep(49.4, 50.6, qd)) * step(104.0, q.x) * step(q.y, 0.0)
|
|
col = mix(col, vec3(0.96, 0.74, 0.11), sq)
|
|
col = mix(col, vec3(0.84, 0.18, 0.12), red)
|
|
col = mix(col, vec3(0.14, 0.31, 0.66), quarter)
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), base_r)
|
|
}
|
|
return col
|
|
}
|
|
|
|
// ---- recessed panels: Bauhaus blue enamel ----
|
|
mod.widgets.HwPanel.draw_bg.ground = #x22469a
|
|
mod.widgets.HwPanel.draw_bg.light_ink = vec4(0.85, 0.90, 1.0, 1.0)
|
|
mod.widgets.HwPanel.draw_bg.shadow_ink = vec4(0.02, 0.03, 0.08, 1.0)
|
|
mod.widgets.HwPanel.draw_bg.inner = vec4(0.80, 8.0, 0.0, 0.5)
|
|
mod.widgets.HwPanel.draw_bg.sheen = vec4(0.04, 0.30, 0.20, 0.3)
|
|
mod.widgets.HwPanel.draw_bg.glow_ink = vec4(1.0, 0.30, 0.18, 1.0)
|
|
mod.widgets.HwPanel.draw_bg.spill = vec2(1.6, 0.5)
|
|
mod.widgets.HwPanel.radius = 2
|
|
mod.widgets.HwPanel.draw_bg.surface = fn(p: vec2, base: vec3) -> vec3 {
|
|
let w = self.world.xy
|
|
let stroke = self.hw_noise(vec2(w.x * 0.004, w.y * 0.09)) - 0.5
|
|
return base * (1.0 + stroke * 0.07 + (self.hw_hash(floor(w * 1.7)) - 0.5) * 0.03)
|
|
}
|
|
|
|
// ---- the screen: black enamel well, a yellow inner rule ----
|
|
mod.widgets.HwBezel.draw_bg.ground = #x121110
|
|
mod.widgets.HwBezel.draw_bg.light_ink = vec4(0.95, 0.93, 0.88, 1.0)
|
|
mod.widgets.HwBezel.draw_bg.shadow_ink = vec4(0.0, 0.0, 0.0, 1.0)
|
|
mod.widgets.HwBezel.draw_bg.relief = vec4(2.0, 0.6, 2.0, 0.8)
|
|
mod.widgets.HwBezel.draw_bg.inner = vec4(0.90, 12.0, 0.0, 0.5)
|
|
mod.widgets.HwBezel.draw_bg.spill = vec2(1.4, 0.4)
|
|
mod.widgets.HwBezel.radius = 3
|
|
mod.widgets.HwBezel.draw_bg.surface = fn(p: vec2, base: vec3) -> vec3 {
|
|
let w = self.world.xy
|
|
var col = base * (1.0 + (self.hw_noise(vec2(w.x * 0.004, w.y * 0.09)) - 0.5) * 0.25)
|
|
let s = self.rect_size
|
|
let e = min(min(p.x, p.y), min(s.x - p.x, s.y - p.y)) - self.inset
|
|
let band = smoothstep(4.0, 4.6, e) * (1.0 - smoothstep(7.0, 7.6, e))
|
|
col = mix(col, vec3(0.95, 0.72, 0.10), band)
|
|
return col
|
|
}
|
|
// No dark rim or bulge over the picture: it reads clean and bright.
|
|
mod.widgets.HwGlass.draw_bg.glass = vec4(0.0, 0.07, 0.0, 0.0)
|
|
mod.widgets.HwGlass.draw_bg.tint = vec4(1.0, 0.98, 0.92, 0.0)
|
|
mod.widgets.HwGlass.draw_bg.radius = 2.0
|
|
|
|
// ---- keys: painted enamel caps, each with its primary geometry ----
|
|
mod.widgets.HwKey.draw_bg.ground = #xf3eddd
|
|
mod.widgets.HwKey.draw_bg.light_ink = vec4(1.0, 1.0, 0.97, 1.0)
|
|
mod.widgets.HwKey.draw_bg.shadow_ink = vec4(0.10, 0.09, 0.08, 1.0)
|
|
mod.widgets.HwKey.draw_bg.relief = vec4(2.2, 0.5, 3.0, 0.5)
|
|
mod.widgets.HwKey.draw_bg.finish = vec4(0.6, 0.4, 0.5, 0.45)
|
|
mod.widgets.HwKey.draw_bg.shadow = vec4(0.70, 5.0, 1.0, 0.7)
|
|
mod.widgets.HwKey.draw_bg.sheen = vec4(0.06, 0.30, 0.28, 0.4)
|
|
mod.widgets.HwKey.draw_bg.glow_ink = vec4(1.0, 0.30, 0.18, 1.0)
|
|
mod.widgets.HwKey.draw_bg.spill = vec2(3.0, 0.5)
|
|
mod.widgets.HwKey.draw_bg.led = vec4(8.0, 8.0, 2.0, 0.0)
|
|
mod.widgets.HwKey.radius = 2
|
|
mod.widgets.HwKey.depth = 3.5
|
|
mod.widgets.HwKey.press = -3.5
|
|
mod.widgets.HwKey.draw_bg.key_face = fn(p: vec2, base: vec3) -> vec3 {
|
|
let w = self.world.xy
|
|
let stroke = self.hw_noise(vec2(w.x * 0.01, w.y * 0.12)) - 0.5
|
|
var col = base * (1.0 + stroke * 0.04)
|
|
let s = self.rect_size
|
|
let i = self.inset
|
|
let f = s - vec2(i * 2.0, i * 2.0)
|
|
let q = p - vec2(i, i)
|
|
let org = w - p
|
|
let kk = floor(org.x / 31.0) + floor(org.y / 31.0) * 2.0
|
|
let h = (kk - 3.0 * floor(kk / 3.0)) / 3.0 + 0.1
|
|
let red = vec3(0.84, 0.18, 0.12)
|
|
let yel = vec3(0.96, 0.74, 0.11)
|
|
let blu = vec3(0.14, 0.31, 0.66)
|
|
let blk = vec3(0.07, 0.065, 0.06)
|
|
if self.critical > 0.5 {
|
|
if s.y < 46.0 {
|
|
// PRESETS: a black enamel cap with a red top rule; its word is
|
|
// printed in the accent when lit and grey when not.
|
|
col = blk * (1.0 + stroke * 0.3) + vec3(0.02, 0.02, 0.02)
|
|
let top = 1.0 - smoothstep(4.0, 4.7, q.y)
|
|
col = mix(col, red, top)
|
|
return col
|
|
}
|
|
// Play: a full red cap with a black foot rule.
|
|
col = red * (1.0 + stroke * 0.06)
|
|
let foot = smoothstep(f.y - 5.5, f.y - 4.8, q.y)
|
|
col = mix(col, blk, foot)
|
|
return col
|
|
}
|
|
if f.x > f.y * 1.8 {
|
|
// A wide word key: a yellow cap, a black foot rule, a red square
|
|
// stamped at the left end.
|
|
col = yel * (1.0 + stroke * 0.06)
|
|
let foot = smoothstep(f.y - 4.0, f.y - 3.3, q.y)
|
|
col = mix(col, blk, foot)
|
|
let sq = (1.0 - smoothstep(6.0, 6.6, q.x)) * (1.0 - smoothstep(f.y - 4.0, f.y - 3.3, q.y))
|
|
col = mix(col, red, sq)
|
|
return col
|
|
}
|
|
if h < 0.34 {
|
|
// A red ring round the legend.
|
|
let r = min(f.x, f.y) * 0.44
|
|
let d = abs(length(q - f * 0.5) - r) - 2.2
|
|
col = mix(col, red, 1.0 - smoothstep(-0.6, 0.6, d))
|
|
} else {
|
|
if h < 0.67 {
|
|
// A yellow quarter disc in the top-left corner, a black foot rule.
|
|
let qd = length(q) - f.y * 0.66
|
|
col = mix(col, yel, 1.0 - smoothstep(-0.6, 0.6, qd))
|
|
let foot = smoothstep(f.y - 4.0, f.y - 3.3, q.y)
|
|
col = mix(col, blk, foot)
|
|
} else {
|
|
// A blue bar down the left edge, a thin black rule beside it.
|
|
let bar = 1.0 - smoothstep(8.0, 8.8, q.x)
|
|
col = mix(col, blu, bar)
|
|
let rule = smoothstep(10.0, 10.6, q.x) * (1.0 - smoothstep(12.0, 12.6, q.x))
|
|
col = mix(col, blk, rule)
|
|
}
|
|
}
|
|
return col
|
|
}
|
|
mod.widgets.HwKeyButton.draw_text.color = #x100f0d
|
|
mod.widgets.HwKeyButton.draw_text.color_hover = #x000000
|
|
mod.widgets.HwKeyButton.draw_text.color_down = #x000000
|
|
mod.widgets.HwKeyButton.draw_text.color_focus = #x100f0d
|
|
mod.widgets.HwKeyText.draw_text.color = #x100f0d
|
|
mod.widgets.HwKeyText.draw_text.color_hover = #x000000
|
|
mod.widgets.HwKeyText.draw_text.color_down = #x000000
|
|
mod.widgets.HwKeyText.draw_text.color_focus = #x100f0d
|
|
mod.widgets.HwKeyButton.draw_text.text_style = theme.font_icons{font_size: 15.0}
|
|
mod.widgets.HwKeyText.draw_text.text_style = theme.font_bold{font_size: 10.0}
|
|
|
|
// ---- lights: red enamel lamps ----
|
|
mod.widgets.HwDash.emissive = vec4(1.0, 0.22, 0.10, 9.0)
|
|
mod.widgets.HwDash.draw_bg.glow_ink = vec4(1.0, 0.25, 0.12, 1.0)
|
|
mod.widgets.HwDash.draw_bg.ground = #x1a1816
|
|
mod.widgets.HwDash.radius = 0
|
|
mod.widgets.HwLed.emissive = vec4(1.0, 0.22, 0.10, 3.5)
|
|
mod.widgets.HwLed.draw_bg.glow_ink = vec4(1.0, 0.25, 0.12, 1.0)
|
|
|
|
// ---- knob: a black enamel disc, a yellow cap, a red pointer ----
|
|
mod.widgets.HwKnobFace.draw_bg.ground = #x151412
|
|
mod.widgets.HwKnobFace.draw_bg.light_ink = vec4(0.95, 0.93, 0.88, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.shadow_ink = vec4(0.0, 0.0, 0.0, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.knob = vec4(1.0, 0.66, 12.0, 0.25)
|
|
mod.widgets.HwKnobFace.draw_bg.cap_ink = vec4(0.96, 0.74, 0.11, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.ptr_ink = vec4(0.07, 0.065, 0.06, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.ring = vec4(12.0, 1.30, 3.2, 2.35619)
|
|
mod.widgets.HwKnobFace.draw_bg.led_off = vec4(0.80, 0.77, 0.70, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.glow_ink = vec4(0.90, 0.20, 0.12, 1.0)
|
|
mod.widgets.HwKnobFace.draw_bg.shadow = vec4(0.7, 8.0, 1.0, 0.7)
|
|
mod.widgets.HwKnobFace.emissive = vec4(1.0, 0.22, 0.10, 0.6)
|
|
mod.widgets.HwKnobFace.draw_bg.spill = vec2(0.4, 0.5)
|
|
|
|
// ---- meter: a Bauhaus sunburst. Two quarter fans of painted wedges
|
|
// rise from a heavy black base rule, left channel to the left, right to
|
|
// the right: blue, then yellow, then red toward the top. ----
|
|
mod.widgets.HwMeterFace.depth = -1.5
|
|
mod.widgets.HwMeterFace.radius = 2
|
|
mod.widgets.HwMeterFace.draw_bg.ground = #xf2ecdc
|
|
mod.widgets.HwMeterFace.draw_bg.meter = vec4(0.0, 9.0, 1.0, 0.8)
|
|
mod.widgets.HwMeterFace.draw_bg.glow_ink = vec4(0.14, 0.31, 0.66, 1.0)
|
|
mod.widgets.HwMeterFace.draw_bg.hot_ink = vec4(0.84, 0.18, 0.12, 1.0)
|
|
mod.widgets.HwMeterFace.draw_bg.led_off = vec4(0.87, 0.84, 0.76, 1.0)
|
|
mod.widgets.HwMeterFace.draw_bg.shadow_ink = vec4(0.10, 0.09, 0.08, 1.0)
|
|
mod.widgets.HwMeterFace.draw_bg.inner = vec4(0.6, 6.0, 0.0, 0.0)
|
|
mod.widgets.HwMeterFace.emissive = vec4(1.0, 0.22, 0.10, 0.4)
|
|
mod.widgets.HwMeterFace.draw_bg.pixel = fn() {
|
|
let s = self.rect_size
|
|
let p = self.pos * s
|
|
let px = 1.0 / max(self.draw_pass.dpi_factor, 0.5)
|
|
let w = self.world.xy
|
|
var o = self.layer(self.ground.xyz * (1.0 + (self.hw_noise(vec2(w.x * 0.01, w.y * 0.12)) - 0.5) * 0.05))
|
|
let blk = vec3(0.07, 0.065, 0.06)
|
|
let piv = vec2(s.x * 0.5, s.y - 9.0)
|
|
let rx = s.x * 0.5 - 12.0
|
|
let ry = s.y - 16.0
|
|
let q = (p - piv) / vec2(rx, ry)
|
|
let r = length(q)
|
|
let ang = atan2(0.0 - q.y, abs(q.x) + 0.00001)
|
|
let t = 1.0 - ang / 1.5708
|
|
let left = 1.0 - step(0.0, q.x)
|
|
let lv = mix(self.level.y, self.level.x, left)
|
|
let n = max(self.meter.y, 2.0)
|
|
let seg = floor(t * n)
|
|
let ft = fract(t * n)
|
|
// Angular gap of about 1.6 pt at the rim, whatever the radius.
|
|
let gap = 1.6 / max(r * min(rx, ry) * 1.5708 / n, 0.5)
|
|
let wedge = smoothstep(gap * 0.5, gap * 0.5 + 0.08, ft) * (1.0 - smoothstep(1.0 - gap * 0.5 - 0.08, 1.0 - gap * 0.5, ft))
|
|
let ring = smoothstep(0.30, 0.30 + px * 2.0 / ry, r) * (1.0 - smoothstep(1.0 - px * 2.0 / ry, 1.0, r))
|
|
let above = 1.0 - step(0.0, q.y)
|
|
let cell = wedge * ring * above * step(0.0, t) * step(t, 1.0)
|
|
let on = step((seg + 0.5) / n, lv)
|
|
let u = (seg + 0.5) / n
|
|
var lit = self.glow_ink.xyz
|
|
if u > 0.55 { lit = vec3(0.96, 0.74, 0.11) }
|
|
if u > 0.82 { lit = self.hot_ink.xyz }
|
|
let col = mix(self.led_off.xyz, lit, on)
|
|
o = vec4(mix(o.xyz, col, cell), o.w)
|
|
// Hairline black outline round each off wedge: painted, not printed.
|
|
// The hub: a black half disc; the heavy base rule under the fan.
|
|
let hub = (1.0 - smoothstep(0.22 - px / ry, 0.22 + px / ry, r)) * above
|
|
o = vec4(mix(o.xyz, blk, hub), o.w)
|
|
let base_y = abs(p.y - piv.y - 1.5) - 1.8
|
|
let base_x = abs(p.x - piv.x) - (rx + 4.0)
|
|
let base_r = (1.0 - smoothstep(-px, px, base_y)) * (1.0 - smoothstep(-px, px, base_x))
|
|
o = vec4(mix(o.xyz, blk, base_r), o.w)
|
|
return vec4(o.xyz + self.dither() * step(0.002, o.w), o.w)
|
|
}
|
|
|
|
// ---- spectrum: stacks of square painted blocks, each capped with a disc,
|
|
// cycling red, yellow, blue across the bands; an off-white peak bar ----
|
|
// Parts by `self.part` (1 well, 2 rule, 3 slot, 4 bar, 5 peak, 6 midline).
|
|
mod.widgets.HwSpectrum.draw_round.pixel = fn() {
|
|
let s = self.rect_size
|
|
let p = self.pos * s
|
|
let c = self.color
|
|
if self.part > 0.5 && self.part < 1.5 {
|
|
// The well: black enamel with a faint square grid.
|
|
let g = abs(fract(p / 24.0) - vec2(0.5, 0.5)) * 24.0
|
|
let grid = 1.0 - smoothstep(11.0, 11.8, max(g.x, g.y))
|
|
let col = vec3(0.075, 0.07, 0.065) + vec3(0.03, 0.03, 0.028) * grid
|
|
let sdf = Sdf2d.viewport(p)
|
|
sdf.box(0.0, 0.0, s.x, s.y, 3.0)
|
|
sdf.fill(vec4(col, 1.0))
|
|
return sdf.result
|
|
}
|
|
if (self.part > 1.5 && self.part < 3.5) || (self.part > 5.5 && self.part < 6.5) {
|
|
if (self.part > 1.5 && self.part < 2.5) || (self.part > 5.5 && self.part < 6.5) {
|
|
// Level rules: dashed off-white.
|
|
let d = step(0.5, fract(p.x / 8.0))
|
|
return vec4(0.9, 0.87, 0.8, 1.0) * 0.10 * d
|
|
}
|
|
// A bar's empty slot: a column of faint square outlines.
|
|
let pitch = s.x + 2.0
|
|
let k = fract((s.y - p.y) / pitch) * pitch
|
|
let box = step(k, s.x)
|
|
return vec4(0.9, 0.87, 0.8, 1.0) * 0.045 * box
|
|
}
|
|
if self.part > 4.5 && self.part < 5.5 {
|
|
// The peak mark: a heavy off-white bar.
|
|
return vec4(0.95, 0.92, 0.85, 1.0)
|
|
}
|
|
// A lit bar: square blocks from the foot, the top one a disc.
|
|
let pitch = s.x + 2.0
|
|
let band = floor((self.rect_pos.x + 1.0) / pitch)
|
|
let tri = band - 3.0 * floor(band / 3.0)
|
|
var ink = vec3(0.88, 0.20, 0.13)
|
|
if tri > 0.5 { ink = vec3(0.98, 0.76, 0.12) }
|
|
if tri > 1.5 { ink = vec3(0.22, 0.42, 0.85) }
|
|
let y = s.y - p.y
|
|
let nblk = max(floor((s.y + 2.0) / pitch), 1.0)
|
|
let idx = floor(y / pitch)
|
|
let k = y - idx * pitch
|
|
let px = 1.0 / max(self.draw_pass.dpi_factor, 0.5)
|
|
var a = 0.0
|
|
if idx < nblk - 1.0 {
|
|
a = step(k, s.x) * step(0.0, k)
|
|
} else {
|
|
if idx < nblk {
|
|
let d = length(vec2(p.x - s.x * 0.5, k - s.x * 0.5)) - s.x * 0.5
|
|
a = 1.0 - smoothstep(-px, px, d)
|
|
}
|
|
}
|
|
// A painted face: a touch lighter at the top-left of every block.
|
|
let shade = 1.0 + 0.10 * (0.5 - p.x / s.x)
|
|
return vec4(ink * shade * a, a)
|
|
}
|
|
// The waveform: a heavy tricolour rope, a third of a band each colour.
|
|
mod.widgets.HwSpectrum.draw_line.pixel = fn() {
|
|
let p = self.pos * self.rect_size
|
|
let a = self.seg_a
|
|
let b = self.seg_b
|
|
let pa = p - a
|
|
let ba = b - a
|
|
let h = clamp(dot(pa, ba) / max(dot(ba, ba), 0.0001), 0.0, 1.0)
|
|
let d = length(pa - ba * h)
|
|
let aa = 1.0 - smoothstep(1.2, 2.2, d)
|
|
let x = self.rect_pos.x + p.x
|
|
let band = floor(x / 36.0)
|
|
let tri = band - 3.0 * floor(band / 3.0)
|
|
var ink = vec3(0.88, 0.20, 0.13)
|
|
if tri > 0.5 { ink = vec3(0.98, 0.76, 0.12) }
|
|
if tri > 1.5 { ink = vec3(0.22, 0.42, 0.85) }
|
|
return vec4(ink * aa, aa)
|
|
}
|
|
|
|
// ---- no album art: a Bauhaus poster, not a record ----
|
|
mod.widgets.HwArtBlank.draw_bg.pixel = fn() {
|
|
let s = self.rect_size
|
|
let p = self.pos * s
|
|
let px = 1.0 / max(self.draw_pass.dpi_factor, 0.5)
|
|
let u = p / max(s.x, s.y)
|
|
let w = self.world.xy
|
|
var col = vec3(0.94, 0.91, 0.84) * (1.0 + (self.hw_noise(vec2(w.x * 0.01, w.y * 0.12)) - 0.5) * 0.06)
|
|
let e = px / max(s.x, 1.0)
|
|
// Blue square, lower right.
|
|
let sq = step(0.46, u.x) * step(u.x, 0.90) * step(0.46, u.y) * step(u.y, 0.90)
|
|
col = mix(col, vec3(0.14, 0.31, 0.66), sq)
|
|
// Red circle, upper left, over the square's corner.
|
|
let rc = 1.0 - smoothstep(0.26 - e, 0.26 + e, length(u - vec2(0.40, 0.40)))
|
|
col = mix(col, vec3(0.84, 0.18, 0.12), rc)
|
|
// Yellow triangle, lower left.
|
|
let tri = step(0.10, u.x) * step(u.y, 0.92) * step(0.62 + (u.x - 0.10), u.y) * step(u.x, 0.40)
|
|
col = mix(col, vec3(0.96, 0.74, 0.11), tri)
|
|
// A heavy black rule across the top and a thin one down the right.
|
|
let bar = step(0.08, u.y) * step(u.y, 0.13) * step(0.10, u.x) * step(u.x, 0.92)
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), bar)
|
|
let bar2 = step(0.86, u.x) * step(u.x, 0.88) * step(0.08, u.y) * step(u.y, 0.92)
|
|
col = mix(col, vec3(0.07, 0.065, 0.06), bar2)
|
|
return vec4(col + self.dither(), 1.0)
|
|
}
|
|
|
|
// ---- the picture's light ----
|
|
mod.widgets.HwSpectrum.light = 6.0
|
|
mod.widgets.HwMilk.light = 3.2
|
|
mod.widgets.HwMilk.light_knee = 1.0
|
|
|
|
// ---- type: bold black on paper, off-white on blue ----
|
|
mod.widgets.HwCaption.draw_text.color = #x14130f
|
|
mod.widgets.HwCaption.draw_text.text_style = theme.font_bold{font_size: 8.5}
|
|
mod.widgets.HwTitle.draw_text.color = #x0c0b09
|
|
mod.widgets.HwText.draw_text.color = #x2a2822
|
|
mod.widgets.HwPanelTitle.draw_text.color = #xf6f0e0
|
|
mod.widgets.HwPanelText.draw_text.color = #xd9d3c3
|
|
mod.widgets.HwNavButton.draw_text.color = #xf6f0e0
|
|
mod.widgets.HwDisplayText.draw_text.color = #xf3c13a
|
|
mod.widgets.HwDisplay.draw_bg.ground = #x151412
|
|
mod.widgets.HwDisplay.draw_bg.light_ink = vec4(0.9, 0.9, 0.9, 1.0)
|
|
mod.widgets.HwDisplay.draw_bg.shadow_ink = vec4(0.0, 0.0, 0.0, 1.0)
|
|
mod.widgets.HwDisplay.draw_bg.inner = vec4(0.9, 8.0, 0.0, 0.5)
|
|
mod.widgets.HwDisplay.radius = 2
|
|
mod.widgets.HwDropDown.draw_bg.well = vec4(0.07, 0.065, 0.06, 1.0)
|
|
mod.widgets.HwDropDown.draw_bg.rim = vec4(1.0, 0.95, 0.85, 0.20)
|
|
mod.widgets.HwDropDown.draw_bg.arrow = vec4(0.96, 0.74, 0.11, 1.0)
|
|
mod.widgets.HwDropDown.draw_text.color = #xf6f0e0
|
|
mod.widgets.HwTextInput.draw_bg.well = vec4(0.07, 0.065, 0.06, 1.0)
|
|
mod.widgets.HwTextInput.draw_bg.rim = vec4(1.0, 0.95, 0.85, 0.20)
|
|
mod.widgets.HwTextInput.draw_text.color = #xf6f0e0
|
|
mod.widgets.HwSplitter.draw_bg.groove = vec4(0.0, 0.0, 0.0, 0.5)
|
|
mod.widgets.HwSplitter.draw_bg.glint = vec4(1.0, 0.98, 0.92, 0.3)
|
|
// ---- switches: a black slot, a red enamel cap ----
|
|
mod.widgets.HwSegmented.draw_bg.well = vec4(0.07, 0.065, 0.06, 1.0)
|
|
mod.widgets.HwSegmented.draw_bg.rim = vec4(1.0, 0.97, 0.9, 0.15)
|
|
mod.widgets.HwSegmented.draw_pill.cap = vec4(0.84, 0.18, 0.12, 0.88)
|
|
mod.widgets.HwSegmented.draw_pill.glow = vec4(0.96, 0.74, 0.11, 1.0)
|
|
mod.widgets.HwSegmented.draw_text.color = #xb7b0a0
|
|
mod.widgets.HwSegmented.draw_text_selected.color = #xfbf6ea
|
|
|
|
// ---- the picture in this style's colours (THEME COLOURS key; on by default) ----
|
|
mod.widgets.hw_palette.map0 = #x101010
|
|
mod.widgets.hw_palette.map1 = #x1f4fb0
|
|
mod.widgets.hw_palette.map2 = #xd83a26
|
|
mod.widgets.hw_palette.map3 = #xf4c430
|
|
mod.widgets.hw_palette.map_strength = 0.6
|
|
mod.widgets.hw_palette.map_default = 1.0
|
|
// The screen filter with the THEME COLOURS key: halftone: printed ink dots.
|
|
mod.widgets.hw_palette.screen_filter = 3.0
|
|
mod.widgets.hw_palette.screen_filter_strength = 0.85
|
|
mod.widgets.hw_palette.screen_cell = 6.0
|
|
mod.widgets.hw_palette.screen_curve = 0.0
|
|
true
|
|
|
|
// ---- EQ (HwEqGraph: the graphic equalizer's era look, STYLE_GUIDE "Graphic EQ") ----
|
|
mod.widgets.HwEqGraph.draw_fader.fader = vec4(5.0, 0.62, 14.0, 2.0)
|
|
mod.widgets.HwEqGraph.draw_fader.segments = vec4(6.0, 2.0, 0.0, 0.0)
|
|
mod.widgets.HwEqGraph.draw_fader.cap_ink = vec4(0.14, 0.30, 0.70, 1.0)
|
|
mod.widgets.HwEqGraph.draw_fader.track_ink = vec4(0.02, 0.02, 0.02, 1.0)
|
|
mod.widgets.HwEqGraph.draw_fader.led_off = vec4(0.40, 0.14, 0.10, 1.0)
|
|
mod.widgets.HwEqGraph.draw_curve.curve = vec4(4.0, 2.0, 4.0, 0.0)
|
|
mod.widgets.HwEqGraph.draw_curve.curve_ink = vec4(0.95, 0.92, 0.86, 1.0)
|
|
mod.widgets.HwEqGraph.draw_grid.grid = vec4(3.0, 0.12, 0.35, 0.0)
|
|
mod.widgets.HwEqGraph.draw_spectrum.spectrum = vec4(0.14, 0.0, 0.1, 0.0)
|
|
mod.widgets.HwEqGraph.draw_spectrum.spec_ink = vec4(0.96, 0.78, 0.12, 1.0)
|
|
true
|