const T = api.THREE; api.world({time:"sunset", sky:"#f5a98d", haze:"#f8c7a7", shadow:"#765196"}); const water = new T.Mesh(new T.CircleGeometry(600, 96), api.toon("#3ca9aa")); water.rotation.x = -Math.PI / 2; water.position.y = 0.02; api.add(water, {id:"canal-water", describe:"teal water stretching through the Venetian canal", solid:false}); const sun = new T.Mesh(new T.SphereGeometry(38, 32, 20), api.toon("#ffd18b", {glow:true})); sun.position.set(10, 67, -230); api.add(sun, {id:"sunset-sun", describe:"a huge apricot sunset sun", solid:false}); const mats = {}; function mat(c) { return mats[c] || (mats[c] = api.toon(c)); } function box(parent, name, x,y,z, sx,sy,sz, color) { const m = new T.Mesh(new T.BoxGeometry(sx,sy,sz), mat(color)); m.name = name; m.position.set(x,y,z); parent.add(m); return m; } function sphere(parent, name, x,y,z, sx,sy,sz, color) { const m = new T.Mesh(new T.SphereGeometry(1, 12, 8), mat(color)); m.name = name; m.position.set(x,y,z); m.scale.set(sx,sy,sz); parent.add(m); return m; } function cylinder(parent, name, x,y,z, radius,height,color) { const m = new T.Mesh(new T.CylinderGeometry(radius,radius,height,10), mat(color)); m.name = name; m.position.set(x,y,z); parent.add(m); return m; } function arch(parent, x,y,z, radius, tube, color) { const m = new T.Mesh(new T.TorusGeometry(radius,tube,8,20,Math.PI), mat(color)); m.position.set(x,y,z); parent.add(m); return m; } // Each palazzo's front is local +z, facing the canal. const wallColors = ["#ef9b89","#f5c77d","#e594b4","#d7a7d0","#eab27b","#f1bdab"]; for (const side of [-1,1]) { const zs = [-35,-25,-15,15,25,35]; zs.forEach((z,i) => { const g = new T.Group(); const h = 8.3 + (i%3)*0.8; const color = wallColors[(i + (side>0?2:0))%wallColors.length]; box(g,"old plaster walls",0,h/2,0,8.4,h,7,color); box(g,"stone waterline",0,0.35,0,8.55,0.7,7.1,"#dfb69f"); box(g,"roof cornice",0,h+0.12,0,8.8,0.3,7.35,"#f5d7ac"); box(g,"terracotta roof",0,h+0.42,0,8.55,0.35,7.15,"#b95850"); box(g,"roof ridge",0,h+0.64,0,8.2,0.16,1.0,"#d5745c"); // Water door with rounded stone arch. box(g,"water door",0,1.28,3.56,1.45,2.55,0.12,"#674a63"); box(g,"door inner panel",0,1.17,3.64,1.15,2.15,0.07,"#b66c58"); arch(g,0,2.5,3.63,0.76,0.12,"#f4d8b4"); box(g,"door jamb left",-0.8,1.3,3.63,0.18,2.5,0.15,"#f4d8b4"); box(g,"door jamb right",0.8,1.3,3.63,0.18,2.5,0.15,"#f4d8b4"); sphere(g,"brass door handle",0.43,1.25,3.72,0.065,0.065,0.05,"#ffd279"); for (const floor of [0,1]) { const wy = 3.75 + floor*2.55; for (const wx of [-2.35,2.35]) { box(g,"window stone frame",wx,wy,3.58,1.5,1.8,0.16,"#f8dbb5"); box(g,"blue window",wx,wy,3.69,1.12,1.42,0.09,"#5a8190"); box(g,"window mullion",wx,wy,3.75,0.075,1.4,0.055,"#f5d8af"); box(g,"window crossbar",wx,wy,3.75,1.12,0.075,0.055,"#f5d8af"); arch(g,wx,wy+0.86,3.62,0.72,0.1,"#f8dbb5"); box(g,"shutter left",wx-0.95,wy,3.60,0.32,1.65,0.12,"#5f8e80"); box(g,"shutter right",wx+0.95,wy,3.60,0.32,1.65,0.12,"#5f8e80"); if (floor===0 || (i%2===0)) { box(g,"balcony slab",wx,wy-0.83,3.99,1.9,0.18,0.95,"#e7c7aa"); box(g,"balcony top rail",wx,wy-0.28,4.39,1.8,0.09,0.09,"#744e63"); for (let k=-2;k<=2;k++) box(g,"balcony baluster",wx+k*0.36,wy-0.53,4.39,0.07,0.5,0.07,"#744e63"); box(g,"flower box",wx,wy-0.28,4.47,1.48,0.28,0.26,"#b65f4f"); for (let k=0;k<5;k++) { const fx=wx-0.59+k*0.295; cylinder(g,"flower stem",fx,wy-0.02,4.47,0.025,0.25,"#4f8d68"); sphere(g,"balcony flower",fx,wy+0.12+(k%2)*0.07,4.47,0.12,0.12,0.12, ["#f26d9d","#ffdc82","#f8a8bc","#f2e9b2","#ec7193"][(k+i)%5]); } } } } // Decorative masonry and a small chimney. for (let k=0;k<4;k++) box(g,"plaster detail",-3.65+(k%2)*0.35,1.0+k*1.55,3.57,0.44,0.09,0.07,"#f5ceb1"); box(g,"chimney",2.5,h+1.0,-1.4,0.7,1.15,0.7,"#d17763"); box(g,"chimney cap",2.5,h+1.61,-1.4,0.95,0.13,0.9,"#f2c1a0"); g.position.set(side*13.5,0,z); g.rotation.y = side<0 ? Math.PI/2 : -Math.PI/2; api.add(g,{id:"palazzo-"+(side<0?"west-":"east-")+i, describe:"a colorful old Venetian palazzo with flower-filled balconies"}); }); } // An arched footbridge with walkable, shallow steps and a high opening. const bridge = new T.Group(); const span = 12; const n = 48; const step = span*2/n; function bridgeHeight(x) { return 0.45 + 3.1*(1-(x/span)*(x/span)); } for (let i=0;i{ boats.forEach(({boat,oar,index})=>{ const a=t*0.105+index*Math.PI; boat.position.set((index===0?-3.6:3.6)+1.0*Math.cos(a),0.04+0.045*Math.sin(t*2+index),24*Math.sin(a)); boat.rotation.y=Math.atan2(-1.0*Math.sin(a),24*Math.cos(a)); boat.rotation.z=0.025*Math.sin(t*1.8+index); oar.rotation.z=0.18*Math.sin(t*1.4+index); oar.rotation.y=0.24*Math.sin(t*1.4+index); }); }); api.say="I made a sunset canal lined with colorful palazzi and flower-filled balconies. Gondoliers glide beneath the arched stone bridge."; api.suggest=["add lanterns along the canal","turn the sunset into a starry night","add a waterside café","send pigeons over the rooftops"];