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 · 未聲明授權