const T = api.THREE; api.world({sky:"#a9d8ea", haze:"#efd2bd", shadow:"#765489"}); const mat = {}; function M(c, glow=false) { const k=c+(glow?"g":""); return mat[k] || (mat[k]=api.toon(c, glow?{glow:true}:{})); } function box(g,x,y,z,w,h,d,c,rx=0,ry=0,rz=0) { const o=new T.Mesh(new T.BoxGeometry(w,h,d),M(c)); o.position.set(x,y,z); o.rotation.set(rx,ry,rz); g.add(o); return o; } function ball(g,x,y,z,w,h,d,c,glow=false) { const o=new T.Mesh(new T.SphereGeometry(0.5,12,8),M(c,glow)); o.position.set(x,y,z); o.scale.set(w,h,d); g.add(o); return o; } function cyl(g,x,y,z,r1,r2,h,c,segments=12) { const o=new T.Mesh(new T.CylinderGeometry(r1,r2,h,segments),M(c)); o.position.set(x,y,z); g.add(o); return o; } function beam(g,a,b,r,c) { const p=new T.Vector3(...a), q=new T.Vector3(...b), v=q.clone().sub(p); const o=new T.Mesh(new T.CylinderGeometry(r,r,v.length(),8),M(c)); o.position.copy(p.add(q).multiplyScalar(.5)); o.quaternion.setFromUnitVectors(new T.Vector3(0,1,0),v.normalize()); g.add(o); return o; } const land=new T.Mesh(new T.CircleGeometry(600,96),M("#d9ac82")); land.rotation.x=-Math.PI/2; land.position.y=.02; api.add(land,{id:"warm-earth",describe:"warm earth around the celebration",solid:false}); const plaza=new T.Group(); const floor=new T.Mesh(new T.CylinderGeometry(24,24,.18,64),M("#eac4ad")); floor.position.y=.12; plaza.add(floor); // Concentric paving bands and little mosaic diamonds for (let r of [10,17,23]) { const ring=new T.Mesh(new T.TorusGeometry(r,.055,6,80),M("#b47b91")); ring.rotation.x=Math.PI/2; ring.position.y=.23; plaza.add(ring); } for(let i=0;i<40;i++){ const a=i*Math.PI*2/40; const p=box(plaza,Math.cos(a)*21,.235,Math.sin(a)*21,.65,.035,.65, i%2?"#f08cc0":"#ef8a3c",0,Math.PI/4,0); } for(let i=-4;i<=4;i++) { box(plaza,i*3,.23,5,.035,.025,18,"#c894a0"); box(plaza,0,.23,i*3+5,27,.025,.035,"#c894a0"); } // A colorful church at the far side of the plaza, facing the celebration. const church=new T.Group(); church.position.set(0,0,-18); plaza.add(church); box(church,0,4.2,0,14,8.4,8,"#f08c91"); box(church,0,.55,0,14.5,1.1,8.5,"#d36d67"); box(church,0,8.45,0,14.5,.4,8.4,"#f2c766"); box(church,0,9.05,0,15,.35,8.7,"#b65c96"); box(church,0,5,4.04,3.4,6.3,.18,"#f7cd79"); box(church,0,2.85,4.18,2.65,5.25,.2,"#76518e"); ball(church,0,5.48,4.2,2.65,2.3,.22,"#76518e"); box(church,0,2.65,4.31,.09,5.1,.05,"#d7a66b"); for(const x of [-.35,.35]) ball(church,x,2.5,4.36,.13,.13,.08,"#f5d26a"); for(const x of [-4.6,4.6]){ box(church,x,4.75,4.09,2.1,3.3,.2,"#f7c96d"); box(church,x,4.65,4.23,1.45,2.45,.12,"#69c6cf"); ball(church,x,5.87,4.23,1.45,1.35,.12,"#69c6cf"); box(church,x,4.7,4.31,.1,2.8,.05,"#f8dc9d"); box(church,x,4.7,4.31,1.35,.1,.05,"#f8dc9d"); } for(const x of [-6.35,6.35]){ box(church,x,5,4.2,.48,7,.35,"#f8cf76"); box(church,x,1,4.25,.8,.5,.5,"#ab6099"); } // Facade gable const ped=new T.Mesh(new T.ConeGeometry(4.25,3.3,3),M("#ef8a3c")); ped.rotation.y=Math.PI/2; ped.position.set(0,10.4,3.7); ped.scale.z=.24; church.add(ped); ball(church,0,9.9,4.25,1.35,1.35,.2,"#f5d579"); ball(church,0,9.9,4.37,.75,.75,.1,"#77c5c1"); for(const x of [-7.5,7.5]){ box(church,x,6.5,0,3.1,13,4.2,"#e67a83"); box(church,x,10.3,0,3.4,.45,4.5,"#f6ce72"); box(church,x,12.1,2.14,1.65,2.5,.12,"#73528e"); ball(church,x,13.3,2.16,1.65,1.35,.12,"#73528e"); cyl(church,x,12.35,2.25,.39,.47,.65,"#f2b74c"); ball(church,x,11.99,2.3,.14,.14,.14,"#f2b74c"); const dome=new T.Mesh(new T.SphereGeometry(1.8,16,8,0,Math.PI*2,0,Math.PI/2),M("#75c5c3")); dome.position.set(x,13.2,0); dome.scale.set(1,1.05,1.1); church.add(dome); ball(church,x,15.1,0,.45,.45,.45,"#f5cd68"); } box(church,0,12.8,3.9,.28,2.2,.3,"#f7d66d"); box(church,0,13.15,3.9,1.35,.25,.3,"#f7d66d"); for(let k=0;k<3;k++) box(plaza,0,.35+k*.18,-12.8-k*.4,6.2-k*.6,.18,1.2,"#d99b8a"); // Tiered ofrenda with cloth, framed keepsakes, candles and marigolds. const altar=new T.Group(); altar.position.set(0,0,-7.8); plaza.add(altar); box(altar,0,.65,0,5.6,1.3,2.2,"#a85e97"); box(altar,0,1.34,0,5.8,.16,2.35,"#f6d5aa"); box(altar,0,1.85,-.55,3.9,1,1.1,"#e18d9f"); box(altar,0,2.39,-.55,4.05,.12,1.2,"#f6d5aa"); for(let i=0;i<11;i++){ const x=-2.5+i*.5; const flag=box(altar,x,1.05,1.19,.34,.43,.04, ["#ef8a3c","#8a5cc9","#2ea4ad","#f08cc0"][i%4],0,0,Math.PI/4); } for(const x of [-1.1,0,1.1]){ box(altar,x,2.95,-.75,.72,1.02,.13,"#f3b954"); box(altar,x,2.95,-.66,.53,.8,.04,["#75c8c2","#b9a3e8","#ef9e72"][Math.round(x+1.1)]); ball(altar,x,2.98,-.63,.3,.3,.035,"#f7dca7"); } const flames=[]; function candle(g,x,y,z,s=1){ cyl(g,x,y+.21*s,z,.105*s,.12*s,.42*s,"#fff0c5",10); const f=ball(g,x,y+.51*s,z,.13*s,.25*s,.13*s,"#ffd34e",true); flames.push(f); } for(let i=0;i<8;i++){ candle(altar,-2.35+i*.67,1.43,.6,.75); } for(let i=0;i<5;i++) candle(altar,-1.45+i*.72,2.46,-.12,.65); // Papel picado: curved strings with vivid, perforation-like geometric patterns. const decorations=new T.Group(); const bannerColors=["#f08cc0","#ef8a3c","#9b6ae0","#2ea4ad","#f2c84f","#d94c67"]; for(let row=0;row<4;row++){ const z=4-row*5.2; for(const x of [-14,14]){ cyl(decorations,x,3.55,z,.10,.13,7.1,"#9a5b69"); ball(decorations,x,7.15,z,.3,.3,.3,"#f3c76a"); } let last=null; for(let j=0;j<=28;j++){ const x=-14+j; const y=7.2-.012*x*x; if(last) beam(decorations,last,[x,y,z],.035,"#704d78"); last=[x,y,z]; } for(let j=0;j<18;j++){ const x=-12.75+j*1.5, y=7.2-.012*x*x; const col=bannerColors[(j+row)%bannerColors.length]; box(decorations,x,y-.43,z,1.12,.78,.045,col); // Small contrasting geometric cut-paper motifs const contrast=["#fbe3b2","#efb8d1","#d5edcf"][j%3]; box(decorations,x,y-.41,z+.03,.26,.26,.025,contrast,0,0,Math.PI/4); for(const dx of [-.35,.35]) { ball(decorations,x+dx,y-.43,z+.035,.12,.12,.025,contrast); box(decorations,x+dx,y-.66,z+.03,.12,.1,.02,contrast,0,0,Math.PI/4); } } } // Marigold pots and loose flowers throughout the plaza. let seed=7143; function rand(){seed=(seed*1664525+1013904223)>>>0;return seed/4294967296;} function flower(g,x,y,z,s=1){ const petal=(rand()>.3?"#f7ab24":"#f18327"); for(let j=0;j<6;j++){ const a=j*Math.PI/3; ball(g,x+Math.cos(a)*.12*s,y,z+Math.sin(a)*.12*s,.22*s,.18*s,.22*s,petal); } ball(g,x,y+.05*s,z,.17*s,.16*s,.17*s,"#f8d35d"); } function pot(g,x,z,s=1){ cyl(g,x,.32*s,z,.29*s,.2*s,.55*s,"#d76b4b"); cyl(g,x,.61*s,z,.32*s,.32*s,.12*s,"#f39a58"); for(let k=0;k<4;k++){ const a=k*Math.PI/2; beam(g,[x,.61*s,z],[x+Math.cos(a)*.18*s,1.05*s,z+Math.sin(a)*.18*s],.035*s,"#599e62"); flower(g,x+Math.cos(a)*.18*s,1.05*s,z+Math.sin(a)*.18*s,.8*s); } flower(g,x,1.2*s,z,.9*s); } for(let i=0;i<24;i++){ const a=i*Math.PI*2/24; pot(decorations,Math.cos(a)*19.7,Math.sin(a)*19.7,.8); } for(const x of [-5,-3,3,5]) pot(decorations,x,-8.6,.8); for(const x of [-5.5,5.5]) pot(decorations,x,-12,.95); for(let i=0;i<60;i++){ const x=(rand()-.5)*31, z=(rand()-.5)*27; if(Math.abs(x)<3 && z<-5) continue; flower(decorations,x,.27,z,.45+rand()*.25); } // Tiny flower offerings on both altar levels. for(const x of [-2,-1.6,1.6,2]) flower(decorations,x,1.55,-7.3,.65); for(const x of [-1.6,1.6]) flower(decorations,x,2.58,-8.1,.55); // Skeleton guitarists, each posed with an instrument and a moving strumming arm. const performers=new T.Group(); const arms=[]; function skeleton(x,z,shirt,hatColor){ const g=new T.Group(); g.position.set(x,.23,z); performers.add(g); const bone="#fff2d7", dark="#694a70"; for(const sx of [-1,1]){ ball(g,sx*.25,.12,.13,.32,.2,.58,bone); beam(g,[sx*.22,.22,0],[sx*.18,.85,0],.085,bone); ball(g,sx*.18,.87,0,.19,.19,.19,bone); beam(g,[sx*.18,.9,0],[sx*.21,1.43,0],.1,bone); } ball(g,0,1.43,0,.67,.25,.32,bone); beam(g,[0,1.45,0],[0,2.15,0],.09,bone); for(let k=0;k<4;k++){ const y=1.58+k*.15; const rib=new T.Mesh(new T.TorusGeometry(.27-k*.025,.045,6,12,Math.PI),M(bone)); rib.position.set(0,y,.08); rib.rotation.z=Math.PI; g.add(rib); } box(g,0,1.95,-.12,.78,.65,.23,shirt); beam(g,[-.45,2.12,0],[.45,2.12,0],.1,bone); cyl(g,0,2.28,0,.09,.1,.22,bone); ball(g,0,2.65,.02,.76,.77,.6,bone); ball(g,0,2.36,.17,.56,.27,.46,bone); for(const sx of [-1,1]){ ball(g,sx*.19,2.69,.3,.31,.3,.17,"#ffffff"); ball(g,sx*.18,2.69,.39,.09,.1,.05,"#302333"); } ball(g,0,2.48,.33,.12,.12,.06,dark); for(let i=-2;i<=2;i++) box(g,i*.085,2.32,.397,.035,.09,.025,dark); // Broad festive hat with a contrasting band and flower cyl(g,0,3.03,0,.58,.58,.11,hatColor,16); cyl(g,0,3.25,0,.36,.42,.4,hatColor,12); cyl(g,0,3.10,0,.43,.43,.11,"#f2bd4d",12); flower(g,.3,3.12,.28,.4); // Guitar body and fretted neck const guitar=new T.Group(); guitar.position.set(-.06,1.59,.39); guitar.rotation.z=-.22; g.add(guitar); ball(guitar,0,0,0,.77,.72,.22,"#d77937"); ball(guitar,0,.37,0,.57,.57,.2,"#e9a349"); ball(guitar,0,.25,.12,.24,.24,.035,dark); box(guitar,0,.88,0,.16,1.15,.13,"#a36240"); box(guitar,0,1.46,0,.28,.3,.15,"#d99448"); for(let i=-1;i<=1;i++) box(guitar,i*.036,.56,.135,.018,1.63,.015,"#f7deb1"); for(let i=0;i<5;i++) box(guitar,0,.67+i*.14,.14,.16,.025,.018,"#f7deb1"); // Other arm holds the neck. beam(g,[-.43,2.08,0],[-.48,1.83,.37],.085,bone); beam(g,[-.48,1.83,.37],[-.15,2.15,.45],.07,bone); ball(g,-.15,2.15,.45,.16,.16,.15,bone); const arm=new T.Group(); arm.position.set(.43,2.08,.05); g.add(arm); beam(arm,[0,0,0],[.13,-.28,.3],.085,bone); beam(arm,[.13,-.28,.3],[-.23,-.47,.46],.065,bone); ball(arm,-.23,-.47,.46,.18,.17,.16,bone); arms.push(arm); } skeleton(-7,1,"#8a5cc9","#593e76"); skeleton(0,2,"#2ea4ad","#bd5e74"); skeleton(7,1,"#d66f50","#7554a0"); // Place all the plaza pieces in one consistent viewer-facing coordinate frame. api.place(plaza,{where:"ahead",distance:24},{id:"celebration-plaza",describe:"a festive plaza with a colorful church and candlelit altar"}); decorations.position.copy(plaza.position); decorations.rotation.copy(plaza.rotation); api.add(decorations,{id:"plaza-decorations",describe:"papel picado banners and masses of marigolds",solid:false}); performers.position.copy(plaza.position); performers.rotation.copy(plaza.rotation); api.add(performers,{id:"skeleton-musicians",describe:"three skeleton musicians playing guitars",solid:false}); api.onFrame((dt,t)=>{ arms.forEach((arm,i)=>{arm.rotation.z=Math.sin(t*7+i*.9)*.25; arm.rotation.x=Math.sin(t*7+i*.9)*.15;}); performers.children.forEach((g,i)=>{g.rotation.z=Math.sin(t*2.1+i)*.045;}); flames.forEach((f,i)=>{f.scale.y=(.22+.05*Math.sin(t*8+i*1.7));}); }); api.say="I made a festive plaza with papel picado, marigolds, a candlelit ofrenda, and guitar-playing skeletons in front of a colorful church."; api.suggest=["add dancing skeletons to the plaza","give the church ringing bells","light up the plaza at night","add a marigold petal parade"];