// Photorealistic SVG scenes — counter, fish, sake, plate, washi, moon, tatami // Heavy use of feTurbulence, multiple radial gradients, depth-of-field, surface microdetail. function PhCounter() { return ( {/* Hinoki wood — turbulence displaced for grain */} {/* Background wall */} {/* Soft glow from lantern */} {/* Distant noren curtain — out of focus */} 華 {/* Shadow under counter edge */} {/* Counter top — hinoki, perspective slab */} {/* Wood grain via turbulence overlay */} {/* Subtle grain lines drawn */} {/* Highlight along front edge */} {/* Counter front face — darker, perspective */} {/* Reflection of overhead light on counter */} {/* Tane-bako (fish case) at left — out of focus */} {/* Three nigiri on counter — center, in focus */} {[340, 410, 480].map((x, i) => { const fillTop = i === 0 ? "#D87767" : i === 1 ? "#C9523A" : "#E8B090"; return ( {/* rice grains */} {Array.from({length: 14}).map((_, k) => ( ))} ); })} {/* Stool silhouettes — far, blurred */} {/* Vignette */} ); } function PhFish() { return ( {/* Warm key light from upper-right */} {/* Cutting board — dark hinoki */} {/* Board grain lines */} {/* Board edge */} {/* Shadow under fillet */} {/* Tuna fillet — large block of toro */} {/* Bottom shadow stripe */} {/* Main body */} {/* Fat marbling — many fine lines */} {/* Wavy short marbling */} {/* Top gloss highlight */} {/* Cut end (right side) — visible cross-section */} {/* Knife — yanagiba, mirror-polished */} {/* Edge bevel */} {/* Handle — magnolia wood */} {/* Ferrule */} {/* Salt (shio) — tiny scattered crystals near fillet */} {Array.from({length: 14}).map((_, i) => ( ))} {/* Vignette */} ); } function PhSake() { return ( {/* Dark green glass bottle */} {/* Amber bottle */} {/* Clear sake bottle */} {/* Reflective surface */} {/* Shadows */} {/* BOTTLE 1 — left, dark green */} {/* Neck */} {/* Cap — washi paper with twine */} {/* Shoulder transition */} {/* Body */} {/* Highlight */} {/* Edge highlight right */} {/* Label */} 十四代 純米大吟醸 曜 {/* BOTTLE 2 — center, amber, taller */} {/* Gold label */} 新政 No. 6 生酛純米 秋田 · AKITA {/* BOTTLE 3 — right, clear glass / dark contents */} 獺祭 磨き二割三分 山口 · YAMAGUCHI {/* Choko (sake cup) in foreground */} {/* sake liquid */} {/* Tokkuri vessel — out of focus, far right */} {/* Soft top vignette */} ); } function PhTatami() { return ( {/* Andon lantern glow on wall */} {/* Shoji screen — full grid */} {/* Kumiko grid — fine wooden lattice */} {Array.from({length: 9}).map((_, i) => )} {Array.from({length: 5}).map((_, i) => )} {/* Inner fine grid (kumiko inside each cell) */} {Array.from({length: 33}).map((_, i) => )} {Array.from({length: 19}).map((_, i) => )} {/* Frame */} {/* Hanging silhouette — small chabin / ikebana visible through shoji (subtle) */} {/* Floor — tatami mats */} {/* Mat seams — heri (dark fabric edges) */} {/* Fine i-gusa (rush) horizontal lines */} {Array.from({length: 80}).map((_, i) => )} {/* Light spill on tatami */} {/* Hanging andon lantern */} {/* Frame */} 華 ); } function PhWashi() { return ( {/* Ink wetness gradient for brushstroke */} {/* Washi base */} {/* Long fibers — characteristic of handmade washi */} {Array.from({length: 24}).map((_, i) => { const y = 30 + i * 23 + (i%3)*4; return ; })} {/* Specks */} {Array.from({length: 40}).map((_, i) => ( ))} {/* Calligraphy 華 — large brushstroke with ink bleed */} 華 {/* Hairline ink "kasure" — dry brush effect overlay */} 華 {/* Side calligraphy text vertical */} 一期一会 {/* Hanko seal — red square with white kanji, slightly imperfect */} 曜 {/* Ink imperfections */} {/* Right-side small note */} SUSHI KAYOU ); } function PhPlate() { return ( {/* Soft overhead light */} {/* Shadow under plate */} {/* Black lacquer plate — long, rectangular tray */} {/* Inner shine */} {/* Gold rim — hairline */} {/* Top edge highlight */} {/* Three nigiri — equal spacing on plate */} {[ { x: 240, fill: "#D87767", marb: 4, label: "中とろ" }, { x: 400, fill: "#A84030", marb: 3, label: "赤身" }, { x: 560, fill: "#E8B090", marb: 2, label: "大とろ" } ].map((n, i) => ( {/* Shadow */} {/* Rice base */} {/* Rice grain texture */} {Array.from({length: 22}).map((_, k) => ( ))} {Array.from({length: 22}).map((_, k) => ( ))} {/* Underside shadow on rice */} {/* Neta — fish slice */} {/* Marbling stripes */} {/* Gloss */} {/* Tiny brush of nikiri on edge */} {/* Wasabi dot peeking out */} {i === 1 && } ))} {/* Gari (ginger) — small pile, right of plate */} {/* Vignette */} ); } function PhMoon() { return ( {/* Soft clouds */} {/* Stars */} {Array.from({length: 28}).map((_, i) => { const x = (i * 67 + 41) % 800; const y = (i * 31) % 380; const r = (i % 5) === 0 ? 1.4 : 0.6; return ; })} {/* Moon halo + moon */} {/* Moon craters / texture */} {/* Plum branch — wabi-sabi */} {/* Small twigs */} {/* Plum blossoms — 5 petals each */} {[[110,478,1],[178,418,.8],[222,464,.9],[320,430,1.1],[388,470,.7],[460,452,1],[524,398,.9],[600,436,1],[688,390,.95],[760,438,.8]].map(([x,y,s], i) => ( {[0, 72, 144, 216, 288].map(a => ( ))} {[0, 72, 144, 216, 288].map(a => ( ))} {/* Stamens */} {[0, 60, 120, 180, 240, 300].map(a => ( ))} ))} {/* Falling petal */} {/* Soft vignette top to focus moon */} ); } Object.assign(window, { PhCounter, PhFish, PhSake, PhTatami, PhWashi, PhPlate, PhMoon });