蒂凡尼彩绘玻璃台灯
程序化生成的 3D 暗室场景:数百片彩绘玻璃拼成灯罩,拉动灯绳逐片点亮,彩色光斑落在桌面与墙上;可抬起灯罩取出玻璃片翻看,双击整灯拆解。复制提示词,一键生成同款。
正在加载预览…
1419 views
从这段提示词开始
生成可开关调光的 3D 彩绘玻璃台灯场景
用 three.js 做一个「蒂凡尼彩绘玻璃台灯」的单页交互场景,全部内容由代码程序化生成,不加载任何外部图片、模型或字体。 场景是深夜的一间暗房:木桌、墙、一盏点着的台灯。灯罩由数百片不规则玻璃拼成,铅条勾边,下缘是扇贝波浪边;图案参考蜂鸟、红槿、粉百合和缠绕的叶茎。玻璃要有背光透亮的质感——同一片玻璃靠近灯泡的一侧更亮,表面有手工玻璃的细微波纹。灯座和灯柱是带氧化绿锈的青铜,有卷草浮雕。灯泡里能看见钨丝。 光是重点。灯亮时,彩色的光斑落在桌面和墙上,铅条在桌上投下格纹暗线,罩缘下方有一层很淡的暖雾,空气里飘着只在光里才看得见的浮尘。整体走 HDR 渲染 + 柔和辉光 + 景深 + 暗角颗粒的电影感,克制,不要过曝发闪。熄灯时留一点窗外的冷月光,让轮廓和灯绳仍然看得见。 把灯罩图案从蜂鸟与槿花改为蜻蜓与睡莲:玻璃配色换成蓝绿冷调为主、点缀紫色,灯座浮雕改为水波纹,投射在墙面上的光斑也同步变为水面般的蓝绿色调。 交互: - 页面滚动驱动一条镜头路径,从远景推到俯视、灯罩微距、底座特写,滚到底进入自由环视 - 拉灯绳开关灯,上下拖动灯绳无级调光;灯要逐片点亮,从罩缘向罩顶推进 - 点灯罩可以整个抬起,抬起后能单独取出一片玻璃放到眼前翻看 - 双击底座整灯分解悬浮 - 三套配色(原色 / 冷调 / 琥珀),切换时颜色从罩顶向下流动 版面:左侧竖排衬线大标题,随滚动淡出;右侧一列轻量胶囊按钮(点亮、抬起灯罩、拆解结构、自由视角)加配色圆点,状态要反映在按钮文字上。整体简约,符合场景的暗调质感,移动端自动转成底部横排。
用 three.js 做一个「蒂凡尼彩绘玻璃台灯」的单页交互场景,全部内容由代码程序化生成,不加载任何外部图片、模型或字体。 场景是深夜的一间暗房:木桌、墙、一盏点着的台灯。灯罩由数百片不规则玻璃拼成,铅条勾边,下缘是扇贝波浪边;图案参考蜂鸟、红槿、粉百合和缠绕的叶茎。玻璃要有背光透亮的质感——同一片玻璃靠近灯泡的一侧更亮,表面有手工玻璃的细微波纹。灯座和灯柱是带氧化绿锈的青铜,有卷草浮雕。灯泡里能看见钨丝。 光是重点。灯亮时,彩色的光斑落在桌面和墙上,铅条在桌上投下格纹暗线,罩缘下方有一层很淡的暖雾,空气里飘着只在光里才看得见的浮尘。整体走 HDR 渲染 + 柔和辉光 + 景深 + 暗角颗粒的电影感,克制,不要过曝发闪。熄灯时留一点窗外的冷月光,让轮廓和灯绳仍然看得见。 加入环境音与八音盒:点灯时播放轻微的电流嗡鸣与窗外夜雨声,双击底座拆解时触发一小段八音盒旋律;右上角加音量滑杆与静音按钮,默认静音,首次交互后按浏览器自动播放策略启用。 交互: - 页面滚动驱动一条镜头路径,从远景推到俯视、灯罩微距、底座特写,滚到底进入自由环视 - 拉灯绳开关灯,上下拖动灯绳无级调光;灯要逐片点亮,从罩缘向罩顶推进 - 点灯罩可以整个抬起,抬起后能单独取出一片玻璃放到眼前翻看 - 双击底座整灯分解悬浮 - 三套配色(原色 / 冷调 / 琥珀),切换时颜色从罩顶向下流动 版面:左侧竖排衬线大标题,随滚动淡出;右侧一列轻量胶囊按钮(点亮、抬起灯罩、拆解结构、自由视角)加配色圆点,状态要反映在按钮文字上。整体简约,符合场景的暗调质感,移动端自动转成底部横排。
用 three.js 做一个「蒂凡尼彩绘玻璃台灯」的单页交互场景,全部内容由代码程序化生成,不加载任何外部图片、模型或字体。 场景是深夜的一间暗房:木桌、墙、一盏点着的台灯。灯罩由数百片不规则玻璃拼成,铅条勾边,下缘是扇贝波浪边;图案参考蜂鸟、红槿、粉百合和缠绕的叶茎。玻璃要有背光透亮的质感——同一片玻璃靠近灯泡的一侧更亮,表面有手工玻璃的细微波纹。灯座和灯柱是带氧化绿锈的青铜,有卷草浮雕。灯泡里能看见钨丝。 光是重点。灯亮时,彩色的光斑落在桌面和墙上,铅条在桌上投下格纹暗线,罩缘下方有一层很淡的暖雾,空气里飘着只在光里才看得见的浮尘。整体走 HDR 渲染 + 柔和辉光 + 景深 + 暗角颗粒的电影感,克制,不要过曝发闪。熄灯时留一点窗外的冷月光,让轮廓和灯绳仍然看得见。 增加一个教学模式开关:开启后点击任意玻璃片会放大显示该颜色名称(中英双语)与色值,并用柔和轮廓高亮相邻同色玻璃片,适合带孩子认识颜色与色彩搭配。 交互: - 页面滚动驱动一条镜头路径,从远景推到俯视、灯罩微距、底座特写,滚到底进入自由环视 - 拉灯绳开关灯,上下拖动灯绳无级调光;灯要逐片点亮,从罩缘向罩顶推进 - 点灯罩可以整个抬起,抬起后能单独取出一片玻璃放到眼前翻看 - 双击底座整灯分解悬浮 - 三套配色(原色 / 冷调 / 琥珀),切换时颜色从罩顶向下流动 版面:左侧竖排衬线大标题,随滚动淡出;右侧一列轻量胶囊按钮(点亮、抬起灯罩、拆解结构、自由视角)加配色圆点,状态要反映在按钮文字上。整体简约,符合场景的暗调质感,移动端自动转成底部横排。
