
题目
江南水巷染布坊
白墙黛瓦下的染缸静置,靛蓝长布与浅青水巷轻动。
并排对比
1 / 3每个版本都在独立的隔离画布中运行;同时运行多个 WebGL 场景会占用较多显卡资源,建议最多对比 3 个。
全部实现
题目原文
所有实现共用的提示词;各作品页面另存有当次实际使用的文本。
江南水巷染布坊
请使用 Three.js 制作下面描述的可交互三维微缩场景,交付完整、可运行的网页代码。它应像一件精心制作、可收藏的桌面景观模型:所有实体和地形都收纳在一个完整的正方形厚底座上,底座有整洁的倒角和可见侧面,场景边缘自然收束,不能用无限地面或远景建筑掩盖边界。采用第三人称俯斜视角,初始画面完整展示底座及最高物体,并留出适量呼吸空间;支持鼠标拖拽旋转、滚轮缩放和触屏操作,不自动转动相机。页面只呈现场景与协调的纯色或柔和渐变背景,没有按钮、面板、标题、水印、坐标轴或其他界面元素;场景内部合理的实体标识可以保留。不要人物、人形剪影或人形立牌。
整体采用精致的三渲二卡通美术:几何轮廓清晰,比例略作可爱的概括,色块干净,明暗有动画背景画的层次。细节应当来自实际几何、合理的结构和有用途的陈设,不能只是用杂乱小方块填满空间。主体在缩小观看时仍然一眼可辨。
场景主题:雨后柔光中的江南临水染布坊。用白墙黛瓦、水巷和错落晾挂的蓝染布建立识别度,重点是染布作坊的工作空间,而非泛化的古镇旅游街。
空间构图:一条窄河沿底座前侧略作转折,后侧为带二层小阁楼的染坊,侧面小院立起高低不同的晾布架。低矮石拱桥跨过水巷一端,另一端设置临水石阶与木平台。建筑、院落和河面各有留白,长布主要分布在侧院及二层栏杆附近,不像幕墙遮住整间作坊。底座侧面显示河床浅剖面,水在边界整齐收束。
主体与内部:建筑有深色木柱、粉白厚墙、层叠屋瓦和雨后微湿的石基。临院工作间采用打开的木门和局部剖面,可看见数只不同大小的染缸、搅拌木杆、扎染工作台、夹具、折好的素布、成品布卷与储物架。晾布架有清楚的横杆、绑绳和支撑,布料宽窄不同,下缘不碰水、不穿墙。染纹使用克制的靛蓝与米白几何或植物纹样,不能依赖大段文字。桥边配置竹篮、木盆、关好的水桶和一盆绿植,河岸仅用少量苔藓点缀。
材质与光照:以灰白墙、黛灰瓦、靛蓝布和浅青水面为主,少量木色提供温度。雨后天空漫射光柔和,屋檐下有一两处温暖室内灯,湿石反光局部而低强度,不做霓虹雨夜。布纹保持平面图案的清楚边界,水中倒影用柔和色块和轻微扰动概括即可。
基础动效:不同长度的布以错开的节奏轻轻起伏,上缘固定、下缘自由,不整块刚性平移。屋檐间歇滴水,在河面形成小范围波纹;河水缓慢沿巷流动,岸边水草微摆。室内染缸基本静止,不凭空自动搅动;不增加游船往返或飘满天空的灯笼,让布与水成为动态主角。
实现与交付要求:使用 Three.js 和 OrbitControls,依赖保持相同且明确的版本。优先用程序化几何、实例化重复物件及自行绘制的简单纹理实现,不依赖付费模型、密钥或可能失效的外部素材。请把本文指定的主体、关键内部陈设和主要动效真正实现出来,不以注释、占位盒子或效果说明代替。优先采用正交相机表现模型感,限制缩放及俯仰范围,避免进入模型内部或翻到底座下方,并适配窗口尺寸。用卡通明暗、轻量轮廓和柔和接触阴影建立体积,轮廓线不要把细小物件涂黑。透明、水面、雾与发光效果应控制层数和强度,不能遮住主体或让亮部过曝;反射、折射、体积光可用稳定的风格化近似实现,无需昂贵的真实物理模拟。动画按时间增量更新,循环衔接自然,粒子限定在底座周边的小范围并回收复用;限制像素比和阴影开销,保证普通电脑浏览器流畅观看。请交付完整文件内容及必要的简短运行方式,不能只输出构思或伪代码。
