{"id":288,"date":"2025-08-21T18:02:39","date_gmt":"2025-08-21T22:02:39","guid":{"rendered":"https:\/\/tabeertariq.com\/?page_id=288"},"modified":"2025-08-28T23:42:34","modified_gmt":"2025-08-29T03:42:34","slug":"luminskin","status":"publish","type":"page","link":"https:\/\/tabeertariq.com\/?page_id=288","title":{"rendered":"LuminSkin"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\n

LuminSkin is a multi layered responsive skin with parametric openings, and glass opacity control which responds to sunlight exposure.<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

Challenge<\/h2>\n\n\n\n
\n

The idea was to create a facade that doesn\u2019t stay static but breathes with its environment<\/strong>. A facade that actively regulates light and view<\/strong> with discrete panels that open and close, glass shift its transparency as the sunlight hits the surface. The shading panels can also change their shape based on user inputs and the structure would need a system to hold the dense layering together. The program needs to be developed as a fully built one unit single control system giving designer adjacency to make changes. <\/p>\n<\/blockquote>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Process<\/h2>\n\n\n\n
\n

Design rule<\/strong>: The base fa\u00e7ade input must be a single, continuous surface<\/strong> with a consistent UV and any discontinuities break panel mapping. The attractor point must sit within the bounding box of the facade. Maintaining spacing so shading panels don’t intersect each other. Panel and curtain wall logic will be separate entities but connected by shared parameters.<\/p>\n<\/blockquote>\n\n\n\n

\n
\n

Matrix<\/em><\/h2>\n\n\n\n
    \n
  1. A double facade system<\/strong>: shading panels in front, glass with spider joints behind.<\/li>\n\n\n\n
  2. Layers will be separate entities, following same logic and connected through shared parameters.<\/li>\n\n\n\n
  3. Panels need to open and close<\/strong> parametrically, not just rotate randomly.<\/li>\n\n\n\n
  4. Glass opacity had to be tied to the same attractor logic as the panels.<\/li>\n\n\n\n
  5. Curtain wall logic (frames, joints, divisions) had to stay buildable.<\/li>\n\n\n\n
  6. Rules for min\/max panel size and spacing to avoid clashes.<\/li>\n<\/ol>\n<\/div>\n\n\n\n
    \n

    Features<\/em><\/h2>\n\n\n\n
      \n
    1. Attractor-driven behavior<\/strong>: every panel reacts to sun position.<\/li>\n\n\n\n
    2. Glass and panels sync<\/strong>: openness and transparency linked, so one system.<\/li>\n\n\n\n
    3. Scalable grid<\/strong>: works on any surface subdivision.<\/li>\n\n\n\n
    4. Opacity gradients<\/strong>: facade can shift between clear, tinted, and opaque states.<\/li>\n\n\n\n
    5. Local overrides<\/strong>: panels\/zones can be locked in fixed states if needed.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n
      \n

      Early sprints focused on stable panel behavior<\/strong> (open\/close without collisions), then layered in attractor mapping<\/strong>, then joint\/rail structure<\/strong>, and finally glass opacity coupling<\/strong>. Each iteration added one rule, validated extremes, and kept defaults safe. This flow reflects incremental logic added over multiple iterations.<\/em><\/p>\n<\/blockquote>\n\n\n\n

      System breakdown<\/em>:<\/h2>\n\n\n\n
      \n

      The system was built in layers of logic<\/strong>. First I tested panel opening and closing, then mapped it to an attractor, and only after that did I bring in the secondary curtain wall and glass opacity. Each sprint added one rule, checked for stability, and then stacked on the next. The flow reflects incremental logic through step-by-step iterations until all the layers synced.<\/p>\n<\/blockquote>\n\n\n\n

      \n
      \n
      \n
      <\/div>\n\n\n\n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n\n\n\n
      \n
      \n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n\n\n\n

      Grasshopper Script<\/em><\/h2>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n

      Solution<\/h2>\n\n\n\n