const T = api.THREE; api.world({sky:"#c9e5e3", haze:"#dcebe8", shadow:"#b9a3d0"}); const mat = {}; function M(c){ return mat[c] || (mat[c] = api.toon(c)); } const gravel = new T.Mesh(new T.CircleGeometry(600,96), M("#f5f2e9")); gravel.rotation.x = -Math.PI/2; gravel.position.y = 0.02; api.add(gravel,{id:"white-gravel",describe:"a broad expanse of pale white garden gravel",solid:false}); const dir = new T.Vector3(); api.camera.getWorldDirection(dir); dir.y = 0; if(dir.lengthSq()<0.001) dir.set(0,0,1); dir.normalize(); const angle = Math.atan2(dir.x,dir.z); const ox = api.player.x, oz = api.player.z; function orient(g){ g.position.set(ox,0,oz); g.rotation.y = angle; return g; } function mesh(g,geo,color,x,y,z,rx=0,ry=0,rz=0){ const m = new T.Mesh(geo,M(color)); m.position.set(x,y,z); m.rotation.set(rx,ry,rz); g.add(m); return m; } function box(g,c,x,y,z,w,h,d,rx=0,ry=0,rz=0){ return mesh(g,new T.BoxGeometry(w,h,d),c,x,y,z,rx,ry,rz); } function ball(g,c,x,y,z,w,h,d){ const m=mesh(g,new T.SphereGeometry(1,16,10),c,x,y,z); m.scale.set(w/2,h/2,d/2); return m; } function cyl(g,c,x,y,z,r1,r2,h,rx=0,ry=0,rz=0){ return mesh(g,new T.CylinderGeometry(r1,r2,h,12),c,x,y,z,rx,ry,rz); } function tube(g,c,pts,r){ const curve=new T.CatmullRomCurve3(pts.map(p=>new T.Vector3(...p))); return mesh(g,new T.TubeGeometry(curve,24,r,8,false),c,0,0,0); } function rand(n){const v=Math.sin(n*127.1+43.7)*43758.5453; return v-Math.floor(v);} // Fine, uninterrupted rake marks, with clearings around the larger features. const lines = []; function strip(x1,z1,x2,z2,w,y){ const dx=x2-x1,dz=z2-z1,l=Math.hypot(dx,dz)||1; const px=-dz/l*w/2,pz=dx/l*w/2; lines.push(x1+px,y,z1+pz,x1-px,y,z1-pz,x2+px,y,z2+pz, x1-px,y,z1-pz,x2-px,y,z2-pz,x2+px,y,z2+pz); } function clear(x,z){ return ((x+8)/5.3)**2+((z-18)/3.9)**2<1.3 || (x>4.1&&x<12.8&&z>15.4&&z<23.5) || ((x-12)/2.3)**2+((z-8)/2.3)**2<1 || ((x+1)/2.2)**2+((z-11)/2.0)**2<1; } for(let x=-23;x<=23;x+=0.65){ for(let z=-4;z<33;z+=0.5){ const x1=x+0.10*Math.sin(z*0.22+x*0.13); const x2=x+0.10*Math.sin((z+0.5)*0.22+x*0.13); if(!clear(x1,z)&&!clear(x2,z+0.5)) strip(x1,z,x2,z+0.5,0.042,0.035); } } // Ripples raked around the rock islands. for(const [cx,cz] of [[-15,9],[2,24],[15,27]]){ for(let r=1.25;r<2.65;r+=0.38){ for(let i=0;i<48;i++){ const a=i*Math.PI*2/48,b=(i+1)*Math.PI*2/48; strip(cx+Math.cos(a)*r*1.35,cz+Math.sin(a)*r, cx+Math.cos(b)*r*1.35,cz+Math.sin(b)*r,0.045,0.041); } } } const lg=new T.BufferGeometry(); lg.setAttribute("position",new T.Float32BufferAttribute(lines,3)); lg.computeVertexNormals(); const marks=new T.Mesh(lg,M("#d7d1d9")); marks.material.side=T.DoubleSide; const rake=orient(new T.Group()); rake.add(marks); api.add(rake,{id:"raked-patterns",describe:"delicate parallel and circular rake marks in the gravel",solid:false}); const garden=orient(new T.Group()); // Three groupings of mossy, asymmetrical stones. for(const [cx,cz] of [[-15,9],[2,24],[15,27]]){ for(let i=0;i<3;i++){ const x=cx+(i-1)*0.72,z=cz+(rand(i+cz)*0.7-0.35); const w=1.0+rand(i+cx+30)*0.8,h=0.65+rand(i+cz+40)*0.65,d=0.85+rand(i+15)*0.55; const rock=ball(garden,i===1?"#929b83":"#a8ad96",x,h*0.43,z,w,h,d); rock.rotation.z=(rand(i+6)-0.5)*0.3; ball(garden,"#7b9b62",x-0.1,h*0.78,z,w*0.72,0.17,d*0.72); for(let j=0;j<3;j++) ball(garden,"#9dbb70",x+(rand(j+i*5)-0.5)*w*0.55,h*0.83,z+(rand(j+13+i)-0.5)*d*0.55,0.22,0.09,0.18); } } // Pond stone edging and small reeds. for(let i=0;i<32;i++){ const a=i*Math.PI*2/32, x=-8+4.65*Math.cos(a), z=18+3.15*Math.sin(a); const w=0.65+rand(i+70)*0.28; const rock=ball(garden,i%4===0?"#98a68b":"#b3b5a0",x,0.22,z,w,0.44,0.65); rock.rotation.y=a; if(i%6===0) ball(garden,"#83a66a",x,0.43,z,w*0.65,0.1,0.42); } for(let i=0;i<5;i++){ const x=-11.8+i*0.18,z=19.8+0.14*Math.sin(i); cyl(garden,"#6a9c69",x,0.58,z,0.035,0.045,1.1,0,0,(i-2)*0.08); ball(garden,"#b48b67",x,1.12,z,0.10,0.30,0.10); } // Stepping stones lead toward the tea house. for(let i=0;i<7;i++){ const x=1.4+i*0.82,z=4.5+i*1.75; const stone=ball(garden,i%2?"#c2b9a9":"#b1b4a3",x,0.09,z,1.0,0.18,0.8); stone.rotation.y=i*0.7; } // Tea house: low veranda, open doorway, paper panels and broad overhanging roof. const hx=8.5,hz=20; box(garden,"#9d6847",hx,0.22,hz,6.5,0.44,5.0); for(let i=0;i<13;i++) box(garden,"#bd8960",hx-3.0+i*0.5,0.455,hz,0.46,0.035,4.9); box(garden,"#e8d8b1",hx,1.75,hz+2.1,5.8,2.6,0.18); box(garden,"#e8d8b1",hx-2.85,1.75,hz,0.18,2.6,4.2); box(garden,"#e8d8b1",hx+2.85,1.75,hz,0.18,2.6,4.2); for(const x of [hx-2.85,hx+2.85]){ for(const z of [hz-2.1,hz+2.1]) box(garden,"#77513c",x,1.85,z,0.22,2.85,0.22); } box(garden,"#77513c",hx,3.03,hz-2.1,5.9,0.22,0.22); box(garden,"#e9dab8",hx-2.0,1.65,hz-2.1,1.65,2.3,0.13); box(garden,"#e9dab8",hx+2.0,1.65,hz-2.1,1.65,2.3,0.13); // Window grid on the front paper screens. for(const side of [-1,1]){ const x=hx+side*2.0; for(let j=-1;j<=1;j++) box(garden,"#9d7658",x+j*0.48,1.65,hz-2.19,0.055,2.22,0.04); for(let j=0;j<4;j++) box(garden,"#9d7658",x,0.75+j*0.56,hz-2.19,1.55,0.055,0.04); } // Dark doorway and inviting mat inside. box(garden,"#624c43",hx,1.55,hz+1.98,1.85,2.1,0.025); box(garden,"#c4b980",hx,0.48,hz-0.25,2.1,0.045,2.1); box(garden,"#8e7454",hx,0.515,hz-0.25,0.035,0.02,2.05); for(let s of [-1,1]){ const roof=box(garden,"#66515a",hx,3.55,hz+s*1.3,7.1,0.22,3.05,s*0.34,0,0); box(garden,"#8b6970",hx,3.43,hz+s*2.7,7.3,0.16,0.2); } box(garden,"#59424d",hx,4.03,hz,7.25,0.20,0.25); for(let x=hx-3.2;x{ ball(garden,["#c9413d","#d95843","#e26b4d","#bb3941"][i%4],...p); for(let j=0;j<5;j++){ const x=p[0]+(rand(i*8+j)-0.5)*p[3]*0.75; const z=p[2]+(rand(i*9+j+40)-0.5)*p[5]*0.7; ball(garden,j%2?"#e77a50":"#d84b3d",x,p[1]+0.45,z,0.55,0.25,0.45); } }); for(let i=0;i<14;i++){ const a=rand(i+300)*6.28,r=1+rand(i+250)*2.3; const leaf=box(garden,i%2?"#db6249":"#c94c43",12+Math.cos(a)*r,0.055,8+Math.sin(a)*r,0.22,0.025,0.13,0,a,0); } // Stone lantern, tucked between the pond and the house. const lx=2.6,lz=16; cyl(garden,"#aaa995",lx,0.13,lz,0.60,0.70,0.26); cyl(garden,"#b6b5a1",lx,0.65,lz,0.25,0.32,0.9); box(garden,"#b5b5a2",lx,1.22,lz,0.95,0.20,0.95); box(garden,"#ead9a3",lx,1.55,lz,0.62,0.55,0.62); for(const dx of [-0.31,0.31]) for(const dz of [-0.31,0.31]) box(garden,"#999b8b",lx+dx,1.55,lz+dz,0.09,0.6,0.09); cyl(garden,"#aaa995",lx,1.95,lz,0.08,0.72,0.42,0,Math.PI/4,0); ball(garden,"#aaa995",lx,2.22,lz,0.24,0.24,0.24); api.add(garden,{id:"zen-garden",describe:"a Japanese garden with mossy stones, a tea house, maple tree and stone lantern"}); // Pond surface and animated koi remain non-solid. const water=orient(new T.Group()); const pond=mesh(water,new T.CircleGeometry(1,64),"#7fc5be",-8,0.075,18,-Math.PI/2); pond.scale.set(4.45,2.95,1); for(let i=0;i<5;i++){ const x=-10.9+i*1.4,z=19.5+Math.sin(i)*0.35; const pad=mesh(water,new T.CircleGeometry(0.32,12),"#78a96d",x,0.10,z,-Math.PI/2); pad.scale.y=0.78; if(i===2) ball(water,"#f2a5b9",x,0.18,z,0.23,0.12,0.23); } const fish=[]; for(let i=0;i<4;i++){ const f=new T.Group(); water.add(f); ball(f,i%2?"#f5eee0":"#e97549",0,0,0,0.38,0.12,0.75); ball(f,i%2?"#d65e40":"#f4e9d4",0,0.055,0.12,0.25,0.045,0.23); const tail=mesh(f,new T.ConeGeometry(0.18,0.35,4),i%2?"#e98558":"#f4eee0",0,0,-0.48,Math.PI/2); ball(f,"#ffffff",0.12,0.06,0.24,0.07,0.06,0.07); ball(f,"#ffffff",-0.12,0.06,0.24,0.07,0.06,0.07); ball(f,"#3a2230",0.12,0.09,0.265,0.025,0.025,0.025); ball(f,"#3a2230",-0.12,0.09,0.265,0.025,0.025,0.025); fish.push({f,tail,i}); } api.add(water,{id:"koi-pond",describe:"a calm koi pond with lily pads and swimming koi",solid:false}); // Bamboo shishi-odoshi: a hollow trough fills, tips and returns. const fountain=orient(new T.Group()); const fx=-1,fz=11; ball(fountain,"#aab09b",fx,0.16,fz,2.0,0.32,1.4); for(const z of [fz-0.48,fz+0.48]){ cyl(fountain,"#8daf67",fx,0.59,z,0.09,0.10,1.12); cyl(fountain,"#668e58",fx,0.73,z,0.105,0.105,0.06); } cyl(fountain,"#6f905a",fx,0.86,fz,0.07,0.07,1.15,Math.PI/2); cyl(fountain,"#86a861",fx+0.45,1.25,fz+0.6,0.12,0.14,2.2); for(const y of [0.55,1.15,1.7]) cyl(fountain,"#628b55",fx+0.45,y,fz+0.6,0.15,0.15,0.06); cyl(fountain,"#88a965",fx+0.45,2.16,fz+0.27,0.13,0.13,0.66,Math.PI/2); const pivot=new T.Group(); pivot.position.set(fx,0.86,fz); fountain.add(pivot); const verts=[]; const len=1.55,r=0.20; for(let i=0;i<16;i++){ const a=Math.PI+i*Math.PI/16,b=Math.PI+(i+1)*Math.PI/16; // Semicircle runs below the open top. const ya=r*Math.sin(a),za=r*Math.cos(a); const yb=r*Math.sin(b),zb=r*Math.cos(b); verts.push(-len/2,ya,za,len/2,ya,za,len/2,yb,zb, -len/2,ya,za,len/2,yb,zb,-len/2,yb,zb); } const tg=new T.BufferGeometry(); tg.setAttribute("position",new T.Float32BufferAttribute(verts,3)); tg.computeVertexNormals(); const trough=mesh(pivot,tg,"#9aba71",0,0,0); trough.material.side=T.DoubleSide; cyl(pivot,"#769b5c",-0.76,0,0,0.20,0.20,0.07,0,0,Math.PI/2); for(const x of [-0.46,0.14]) box(pivot,"#668e56",x,-0.11,0,0.045,0.10,0.37); const fill=box(pivot,"#83d5cf",0.16,-0.16,0,1.05,0.018,0.23); const stream=orient(new T.Group()); cyl(stream,"#a4e3dc",fx+0.45,1.60,fz-0.02,0.027,0.027,1.10); const drop=ball(stream,"#c3f5ed",fx+0.45,1.05,fz,0.12,0.17,0.12); api.add(fountain,{id:"bamboo-fountain",describe:"a bamboo water fountain with a filling and tipping trough"}); api.add(stream,{id:"fountain-water",describe:"a clear stream feeding the bamboo fountain",solid:false}); api.onFrame((dt,t)=>{ for(const {f,tail,i} of fish){ const a=t*(0.20+i*0.025)+i*1.6; f.position.set(-8+3.0*Math.cos(a),0.14,18+1.9*Math.sin(a)); f.rotation.y=Math.atan2(-3.0*Math.sin(a),1.9*Math.cos(a)); tail.rotation.z=0.25*Math.sin(t*5+i); } const cycle=(t%8)/8; let tilt; if(cycle<0.68) tilt=0.12; else if(cycle<0.78) tilt=0.12-(cycle-0.68)/0.10*0.7; else if(cycle<0.88) tilt=-0.58; else tilt=-0.58+(cycle-0.88)/0.12*0.70; pivot.rotation.z=tilt; const level=cycle<0.68?cycle/0.68:cycle<0.83?1-(cycle-0.68)/0.15:0; fill.position.y=-0.16+Math.max(0,level)*0.15; fill.scale.z=0.55+Math.max(0,level)*0.45; drop.position.y=1.1+0.25*((t*2)%1); }); api.say="I made a peaceful zen garden with a koi pond, tea house, red maple and a bamboo fountain that fills and tips."; api.suggest=["Add a winding path through the garden","Add drifting clouds to the sky","Place a quiet bench by the pond","Make the maple leaves gently fall"];