// scene.jsx — desk band + engraved objects + dust + plate ornaments
function DeskLine() {
return (
);
}
function Book() {
return (
);
}
function Mug() {
return (
);
}
function Pen() {
return (
);
}
function Inkwell() {
return (
);
}
function PlateTitle({ lampOn, drawerOpen }) {
const title = drawerOpen ? 'Cabinet, Open' : "Xiaoer's Desk";
const fig = drawerOpen ? 'PL. II — INTERIOR' : 'PL. I — ARRANGEMENT';
const state = lampOn ? 'LIT' : 'UNLIT';
return (
❦
{title}
{fig} · {state}
);
}
function CornerOrnaments() {
return (
<>
);
}
function Dust({ on }) {
const motes = React.useMemo(() => (
Array.from({ length: 18 }, () => ({
left: 40 + Math.random() * 45,
top: 25 + Math.random() * 50,
delay: Math.random() * 6,
dur: 12 + Math.random() * 10,
dx: (Math.random() - .5) * 60,
dy: -100 - Math.random() * 140,
size: 1.5 + Math.random() * 2,
}))
), []);
return (
{motes.map((m, i) => (
))}
);
}
window.DeskLine = DeskLine;
window.Book = Book;
window.Mug = Mug;
window.Pen = Pen;
window.Inkwell = Inkwell;
window.PlateTitle = PlateTitle;
window.CornerOrnaments = CornerOrnaments;
window.Dust = Dust;