<![CDATA[Light Transmission and Scattering Through Materials]]>

<![CDATA[Light Transmission and Scattering Through Materials]]> false true true false ]]> ./blurImage/Screenshot 2021-04-16 at 9.29.01 AM (2).png ; 5 1 true VARIABLE_EDITOR Var Table true false CODE_EDITOR Init Page true false CODE_EDITOR FixRel Page true false LIBRARY_EDITOR setAttributes true false

= 0.35) {
    state = "Translucent";
    behaviorText = "Light passes through, but scattering makes the image look fuzzy.";
  }
  else if (transmission >= 0.85) {
    state = "Transparent";
    behaviorText = "Most light passes through in an orderly way, so the image stays sharp.";
  }
  else {
    state = "Mostly Transparent";
    behaviorText = "A lot of light gets through, but the material still dims the image a little.";
  }

  syncSvgVisuals();
}

function ensureSvgEffects() {
  var lens = document.getElementById('lens');
  if (lens == null || document.getElementById('blurFilter') != null) {
    return;
  }

  var defs = document.querySelector('#plottingPanel');
  if (defs == null) {
    return;
  }

  var filter = document.createElementNS("http://www.w3.org/2000/svg", "filter");
  setAttributes(filter, {
    id: "blurFilter"
  });

  var gaussBlur = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
  setAttributes(gaussBlur, {
    id: "gaussBlur",
    in: "SourceGraphic",
    stdDeviation: 10 * scattering
  });
  filter.append(gaussBlur);

  var blurClip = document.createElementNS("http://www.w3.org/2000/svg", "clipPath");
  setAttributes(blurClip, {
    id: "blurClip"
  });

  var clipCircle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
  setAttributes(clipCircle, {
    id: "clipCircle",
    cx: lens.getAttribute('cx'),
    cy: lens.getAttribute('cy'),
    r: lens.getAttribute('rx')
  });

  blurClip.prepend(clipCircle);
  defs.prepend(filter, blurClip);
}

function syncClipCircle() {
  var lens = document.getElementById('lens');
  var clipCircle = document.getElementById('clipCircle');
  if (lens == null || clipCircle == null) {
    return;
  }

  setAttributes(clipCircle, {
    cx: lens.getAttribute('cx'),
    cy: lens.getAttribute('cy'),
    r: lens.getAttribute('rx')
  });
}

function syncSvgVisuals() {
  var gaussBlur = document.getElementById("gaussBlur");
  if (gaussBlur != null) {
    setAttributes(gaussBlur, {
      stdDeviation: 10 * scattering
    });
  }

  var blurImage = document.getElementById("blurImage");
  if (blurImage != null) {
    setAttributes(blurImage, {
      opacity: opacity
    });
  }
}

function applyPreset(name) {
  if (name === "glass") {
    opacity = 0.95;
    scattering = 0.05;
  }
  else if (name === "paper") {
    opacity = 0.75;
    scattering = 0.75;
  }
  else if (name === "wood") {
    opacity = 0.05;
    scattering = 0.05;
  }
  updateMaterialModel();
}
]]>

HTML_VIEW_EDITOR HtmlView Page true false true Elements.Panel Elements.Label Elements.ComboBox Elements.Label Elements.Slider Elements.Label Elements.Slider Elements.Button Elements.Button Elements.Button true Elements.Panel true Elements.PlottingPanel Elements.Image2D Elements.Image2D Elements.Shape2D