ai21.net
语言

CSS 3D 虚拟美术馆漫游

演示视频

CSS 3D 虚拟美术馆漫游 — 1

提示词

Build "Galerie Nocturne", a walk-through virtual museum room in CSS 3D. A corridor with a polished marble floor (CSS gradients plus reflection), warm walls (#e9e2d6), soft ceiling spotlights casting pools of light, and eight framed paintings hung on the side walls. Each painting is an original generative artwork rendered on canvas and seeded so it is stable: a colour-field piece, a primary-colour grid, a geometric abstraction, a pointillist sunset, a flow field, an op-art piece, an ink landscape and a gold mosaic. Gilded or slim black frames with museum placards (title, fictional artist, year, medium). Navigation: arrow keys/WASD or on-screen buttons move the camera along the corridor with smooth easing; clicking a painting walks up to it and shows it frontally with a detail card; Escape steps back. A small floor-plan minimap shows your position. Typography: a museum-grade sans for placards and a classic serif for the title. On phones, fall back to a swipeable wall of the same framed works.

中文译文

构建“Galerie Nocturne”,一间可用 CSS 3D 漫游的虚拟美术馆展厅。一条走廊,铺着抛光大理石地面(CSS 渐变加反射),暖色墙面(#e9e2d6),天花板柔和的射灯投下一片片光晕,侧墙上挂着八幅带框画作。每幅画都是渲染在 canvas 上的原创生成艺术作品,并设定了随机种子以保持稳定:一件色域作品、一幅原色网格、一件几何抽象、一幅点彩日落、一片流场、一件 op-art 作品、一幅水墨山水和一件金色马赛克。镀金画框或细黑画框,配美术馆标签牌(标题、虚构艺术家、年份、媒介)。导航:方向键/WASD 或屏幕按钮让镜头沿走廊移动,带平滑缓动;点击一幅画会走上前去,正面展示并显示详情卡;按 Escape 后退。一个小型平面图迷你地图显示你的位置。字体:标签牌用博物馆级无衬线体,标题用经典衬线体。在手机上,回退为可滑动的同一批带框作品的墙。

溯源

原作者
MiaAI_lab
发布日期
2026-10-14(由推文 ID 反解)
原始出处
查看原帖 ↗
收录来源
zhuyansen/awesome-opus-5.5-video · 2110385278246654052 · 未声明许可