colorSwing

Fait osciller la valeur 'color' d'un objet

How to use

requirecolor()

parameters

Parameter	Default Value	Type	Description
speed	fréquence de l'oscillation	number	6
from	couleur d'origine	object	{ r: 0, g: 0, b: 0 }
to	couleur cible	object	{ r: 255, g: 255, b: 255 }

example

colorSwing({
  speed: 6,
  from: { r: 0, g: 0, b: 0 },
  to: { r: 255, g: 255, b: 255 }
}),

Source

component.js

function colorSwing(p) {
  const param = {
    speed: 6, // fréquence de l'oscillation
    from: { r: 0, g: 0, b: 0 }, // couleur d'origine
    to: { r: 255, g: 255, b: 255 }, // couleur cible
    ...p
  }
  return {
    require: ["color"],
    id: "colorshift",
    update() {
      const t = 0.5 + Math.sin(time() * param.speed) / 2
      this.color = {
        r: param.from.r + (param.to.r - param.from.r) * t,
        g: param.from.g + (param.to.g - param.from.g) * t,
        b: param.from.b + (param.to.b - param.from.b) * t,
      }
    },
  }
}