--- import BgPhoto from "./BgPhoto.astro"; import type { Content } from "../i18n/content"; interface Props { c: Content["materials"]; } const { c } = Astro.props; --- {/* 레이아웃 패밀리: 레이어드 캔버스. 배경은 three.js 셰이더 플레인, 전경은 SVG 필터를 실제로 먹인 타일 3장. 둘 다 설명이 아니라 지금 이 화면에서 돌고 있는 것이다. */}

{c.h2}

{c.lead}

{/* GPU 가 만드는 재질. WebGL 이 없으면 위 그라디언트가 그대로 결과물이다 */}
    { c.tiles.map((t, i) => (

  • {t.name}

    {t.how}

    {t.cost}

    • )) }

{c.note}

{/* 필터 정의. 화면에 그려지지 않고 참조만 된다 */}