Calculator Code

// Constants
const COLOR_PALETTE = [
  { color: "Orange", hexColor: "#C98615" },
  { color: "ggBridge", hexColor: "#C9A824" },
  { color: "SausalitoBay", hexColor: "#BA7C63" },
  { color: "Pacific", hexColor: "#5494BC" },
  { color: "Marina", hexColor: "#306D5D" },
];

// Variables
let current_color;
const CURRENT_TEMP = 68; // Farenheit
const HUMIDITY = 75;
const VISIBILITY = 20;

// Functions
function renderSFScene(color = "SausalitoBay") {
  // Set current_color to hexColor matching color
  current_color = COLOR_PALETTE.find((palette_color) => palette_color.color == color).hexColor;
  // Render Bridge
  const ctx = getPaintContext(color);
  ctx.setColorRGB(CURRENT_TEMP, HUMIDITY, VISIBILITY, current_color);
  ctx.clearSFScene();
}

// Call on document load
window.onload = renderSFScene;