const T = api.THREE; api.world({sky:"#9acbd4", haze:"#c9e5e2", shadow:"#8075a4"}); const mats = {}; function mat(c, glow=false) { const k = c + glow; return mats[k] || (mats[k] = api.toon(c, glow ? {glow:true} : {})); } function box(g, name, w,h,d, x,y,z, color, rx=0, ry=0, rz=0) { const m = new T.Mesh(new T.BoxGeometry(w,h,d), mat(color)); m.name=name; m.position.set(x,y,z); m.rotation.set(rx,ry,rz); g.add(m); return m; } function ball(g,name,w,h,d,x,y,z,color,glow=false) { const m=new T.Mesh(new T.SphereGeometry(1,12,8),mat(color,glow)); m.name=name; m.scale.set(w/2,h/2,d/2); m.position.set(x,y,z); g.add(m); return m; } function cyl(g,name,r1,r2,h,x,y,z,color,rotZ=0,rotX=0,segments=10) { const m=new T.Mesh(new T.CylinderGeometry(r1,r2,h,segments),mat(color)); m.name=name; m.position.set(x,y,z); m.rotation.set(rotX,0,rotZ); g.add(m); return m; } function tube(g,name,points,r,color) { const curve=new T.CatmullRomCurve3(points.map(p=>new T.Vector3(...p))); const m=new T.Mesh(new T.TubeGeometry(curve,24,r,7,false),mat(color)); m.name=name; g.add(m); return m; } function add(g,id,describe,solid=true) { api.add(g,{id,describe,solid}); } const ground = new T.Mesh(new T.CircleGeometry(600,96),mat("#759b6b")); ground.rotation.x=-Math.PI/2; ground.position.y=0.02; add(ground,"fjord-ground","green coastal ground",false); const water = new T.Group(); box(water,"water",86,0.08,190,0,0.07,-121,"#347f98"); for(let i=0;i<46;i++){ const x=-40+(i*23.7)%80, z=-30-(i*17.3)%175; box(water,"ripple",1.2+(i%4)*0.5,0.025,0.07,x,0.13,z,i%3===0?"#a9d8df":"#65adbb"); } add(water,"fjord","the blue waters of the fjord",false); // Snow-capped mountains ring the settlement without blocking the village. const peaks=[ [-92,-8,29,56],[-105,-63,35,66],[-96,-125,31,59],[-85,-188,37,70], [92,-10,31,58],[104,-69,36,68],[98,-131,32,61],[85,-190,38,72], [-55,83,28,51],[0,100,35,62],[57,81,30,54], [-50,-224,35,63],[5,-236,40,74],[58,-222,34,64] ]; peaks.forEach((p,i)=>{ const [x,z,r,h]=p, g=new T.Group(); cyl(g,"mountain",0,r,h,0,h/2,0,i%2?"#74678b":"#866f8c",0,0,7); cyl(g,"snowcap",0,r*0.43,h*0.43,0,h-h*0.215,0,"#e9f5f0",0,0,7); g.position.set(x,0,z); add(g,"mountain-"+i,"a snow-capped mountain",true); }); // Longhouses: split front walls leave a real doorway under the heavy turf roof. function longhouse(id,x,z,variant) { const g=new T.Group(), wood=variant?"#875539":"#95633f", dark="#57382f"; box(g,"back wall",12,3.15,0.35,0,1.58,-3.25,wood); box(g,"left wall",0.35,3.15,6.5,-5.85,1.58,0,wood); box(g,"right wall",0.35,3.15,6.5,5.85,1.58,0,wood); box(g,"front left",4.95,3.15,0.35,-3.52,1.58,3.25,wood); box(g,"front right",4.95,3.15,0.35,3.52,1.58,3.25,wood); box(g,"door lintel",2.1,0.85,0.38,0,2.73,3.25,dark); for(let xx=-5.5;xx<=5.5;xx+=1.1){ if(Math.abs(xx)>1.15) box(g,"front timber",0.10,3.05,0.1,xx,1.55,3.47,dark); box(g,"back timber",0.1,3.05,0.1,xx,1.55,-3.47,dark); } for(let zz=-2.7;zz<=2.7;zz+=1.08){ box(g,"side timber",0.1,3.05,0.1,-6.06,1.55,zz,dark); box(g,"side timber",0.1,3.05,0.1,6.06,1.55,zz,dark); } // Ridge runs along the long axis, with two chunky pitched roof slopes. const angle=Math.atan2(2.15,3.6), slope=Math.sqrt(3.6*3.6+2.15*2.15); box(g,"turf roof",13,0.38,slope,0,4.18,1.8,"#547b48",angle); box(g,"turf roof",13,0.38,slope,0,4.18,-1.8,"#628b50",-angle); box(g,"ridge beam",13.4,0.28,0.3,0,5.35,0,dark); for(const xx of [-6.2,6.2]){ box(g,"gable beam",0.23,0.25,slope+0.4,xx,4.18,1.8,dark,angle); box(g,"gable beam",0.23,0.25,slope+0.4,xx,4.18,-1.8,dark,-angle); } for(let i=0;i<23;i++){ const xx=-5.8+(i*2.17)%11.6, zz=-3.1+(i*1.39)%6.2; const yy=5.29-Math.abs(zz)*0.595; box(g,"roof grass",0.16,0.25+(i%3)*0.06,0.12,xx,yy+0.16,zz,i%2?"#93ad65":"#789b55",0,0,(i%3-1)*0.18); } for(const xx of [-4.2,4.2]){ box(g,"window frame",1.2,0.95,0.12,xx,2.0,3.48,dark); box(g,"warm window",0.92,0.7,0.13,xx,2.0,3.56,"#efb65c"); box(g,"window crossbar",0.08,0.78,0.16,xx,2.0,3.64,dark); } box(g,"threshold",2.0,0.12,0.6,0,0.08,3.4,"#bc8a59"); g.position.set(x,0,z); add(g,id,"a turf-roofed Viking longhouse"); } longhouse("longhouse-west",-19,5,0); longhouse("longhouse-east",19,7,1); longhouse("longhouse-northwest",-21,-15,1); longhouse("longhouse-northeast",22,-15,0); // A plank jetty reaches out over the water. const dock=new T.Group(); for(let i=0;i<29;i++){ const z=-26.1-i*0.68; box(dock,"plank",3.5,0.18,0.62,0,0.45,z,i%2?"#a97649":"#95623d"); } for(const x of [-1.35,1.35]) for(const z of [-28,-33,-38,-43]){ cyl(dock,"pile",0.18,0.21,1.25,x,0.05,z,"#65422f"); } for(const z of [-31,-39]){ cyl(dock,"mooring post",0.16,0.18,0.85,1.5,0.85,z,"#66432f"); cyl(dock,"mooring post",0.16,0.18,0.85,-1.5,0.85,z,"#66432f"); } add(dock,"dock","a wooden dock extending into the fjord"); function ship(id,x,z,reverse){ const g=new T.Group(), hull="#935b38", dark="#583a30"; // The low ellipsoid and raised curved ends give the hull its longship silhouette. ball(g,"hull",3.8,1.45,15.7,0,0.56,0,hull); box(g,"deck",2.9,0.16,10.9,0,1.22,0,"#bc8d57"); for(let i=-5;i<=5;i++) box(g,"deck seam",2.75,0.025,0.07,0,1.32,i*0.94,dark); for(const side of [-1,1]){ tube(g,"gunwale",[[side*0.3,1.15,-7.5],[side*1.5,1.45,-5],[side*1.7,1.48,0],[side*1.5,1.45,5],[side*0.3,1.5,7.5]],0.13,dark); for(let j=-3;j<=3;j++){ const shield=new T.Mesh(new T.CylinderGeometry(0.43,0.43,0.1,12),mat((j+side)%2?"#d9b060":"#b95446")); shield.rotation.z=Math.PI/2; shield.position.set(side*1.75,1.14,j*1.5); shield.name="round shield"; g.add(shield); ball(g,"shield boss",0.18,0.18,0.18,side*1.82,1.14,j*1.5,"#e3ca82"); } } cyl(g,"mast",0.15,0.19,6.5,0,4.3,0,dark); cyl(g,"yard",0.10,0.10,5.1,0,6.55,0,dark,Math.PI/2); box(g,"sail",4.65,3.25,0.16,0,4.75,0.05,"#f1dfb5"); for(const xx of [-1.55,0,1.55]) box(g,"red sail stripe",0.55,3.25,0.18,xx,4.75,0.05,"#bd5146"); tube(g,"bow dragon neck",[[0,0.85,6.7],[0,1.6,7.6],[0,2.55,7.9],[0,3.0,7.5],[0,3.05,7.0]],0.27,hull); ball(g,"carved dragon head",0.7,0.65,1.2,0,3.0,7.1,hull); ball(g,"dragon snout",0.55,0.34,0.75,0,2.83,6.7,"#ad7344"); for(const s of [-1,1]){ ball(g,"carved eye",0.13,0.13,0.13,s*0.34,3.12,7.02,"#e7c77e"); tube(g,"horn",[[s*0.24,3.22,7.35],[s*0.38,3.55,7.55],[s*0.32,3.76,7.75]],0.09,dark); } tube(g,"stern curl",[[0,0.9,-6.8],[0,1.65,-7.6],[0,2.3,-7.9],[0,2.5,-7.45]],0.22,hull); g.position.set(x,0,z); if(reverse) g.rotation.y=Math.PI; add(g,id,"a Viking longship with a carved dragon prow"); } ship("west-longship",-6.3,-38,false); ship("east-longship",6.3,-40,true); const ropes=new T.Group(); tube(ropes,"west mooring rope",[[-1.5,1.2,-33],[-3.2,0.7,-33],[-5.0,1.1,-33.5]],0.055,"#e1c596"); tube(ropes,"east mooring rope",[[1.5,1.2,-39],[3.0,0.7,-38],[4.9,1.1,-37]],0.055,"#e1c596"); add(ropes,"mooring-ropes","ropes tying the longships to the dock",false); // A stone-ringed bonfire in the heart of the village. const firepit=new T.Group(); for(let i=0;i<12;i++){ const a=i*Math.PI*2/12; ball(firepit,"fire stone",0.65,0.4,0.55,Math.cos(a)*1.5,0.2,Math.sin(a)*1.5,"#bca6a8"); } for(let i=0;i<5;i++){ const a=i*Math.PI/5; const log=cyl(firepit,"firewood",0.19,0.22,2.5,0,0.35,0,"#62402e",0,Math.PI/2); log.rotation.y=a; } firepit.position.set(0,0,-4); add(firepit,"firepit","a stone-ringed bonfire"); const flames=new T.Group(); for(let i=0;i<7;i++){ const a=i*2.4, h=1.6+(i%3)*0.5; const m=new T.Mesh(new T.ConeGeometry(0.43+(i%2)*0.12,h,7),mat(i%2?"#ffb440":"#ef6734",true)); m.position.set(Math.cos(a)*0.45,0.35+h/2,Math.sin(a)*0.45); m.rotation.z=(i%3-1)*0.15; m.name="flame"; flames.add(m); } flames.position.set(0,0,-4); add(flames,"bonfire-flames","leaping orange bonfire flames",false); api.onFrame((dt,t)=>{ flames.children.forEach((m,i)=>{ m.scale.y=0.83+0.2*Math.sin(t*7+i*1.7); m.rotation.z=0.14*Math.sin(t*4+i); }); }); api.particles({type:"particles",kind:"fire",attach:{object:"bonfire-flames",offset:[0,1,0]},area:[1.4,1.4],rate:24,velocity:[0,2,0],jitter:0.7,gravity:-1,life:1.3,size:0.18,colors:["#ffb13b","#f16b38","#ffe390"],duration:0}); api.particles({type:"particles",kind:"smoke",attach:{object:"bonfire-flames",offset:[0,2,0]},area:[0.8,0.8],rate:5,velocity:[0,1.7,0],jitter:0.4,gravity:-0.3,life:3,size:0.4,colors:["#aa9aa7","#d4c9c5"],duration:0}); // Benches, barrels, shoreline stones and a few snowy pines. for(let i=0;i<3;i++){ const a=i*Math.PI*2/3+0.3, g=new T.Group(); box(g,"seat",2.8,0.22,0.6,0,0.65,0,"#a57348"); box(g,"leg",0.25,0.65,0.45,-1,0.32,0,"#654531"); box(g,"leg",0.25,0.65,0.45,1,0.32,0,"#654531"); g.position.set(Math.cos(a)*4.4,0,-4+Math.sin(a)*4.4); g.rotation.y=-a; add(g,"bonfire-bench-"+i,"a wooden bench by the bonfire"); } for(let i=0;i<5;i++){ const g=new T.Group(); cyl(g,"barrel",0.48,0.43,1.0,0,0.5,0,"#a47044"); cyl(g,"barrel hoop",0.49,0.49,0.10,0,0.25,0,"#674535"); cyl(g,"barrel hoop",0.49,0.49,0.10,0,0.77,0,"#674535"); g.position.set([-12,12,-12,12,3][i],0,[-23,-23,15,18,-22][i]); add(g,"barrel-"+i,"a wooden storage barrel"); } const trees=[[-39,18],[-35,-15],[-43,-35],[39,20],[38,-20],[45,-38],[-28,31],[29,32],[-55,-64],[56,-67]]; trees.forEach((p,i)=>{ const g=new T.Group(), h=5+(i%3); cyl(g,"trunk",0.3,0.4,2,0,1,0,"#71503a"); for(let j=0;j<3;j++){ const y=2+j*1.25, r=2.1-j*0.32; cyl(g,"pine boughs",0,r,2.7,0,y+1,0,j%2?"#386e58":"#477f60",0,0,8); cyl(g,"snow on boughs",0,r*0.62,1.65,0,y+1.55,0,"#e5f1e9",0,0,8); } g.scale.setScalar(h/6); g.position.set(p[0],0,p[1]); add(g,"pine-"+i,"a snow-dusted pine"); }); const shore=new T.Group(); for(let i=0;i<30;i++){ const x=-42+i*2.9, z=-25.5+Math.sin(i*1.8)*0.8; ball(shore,"shore stone",0.7+(i%3)*0.25,0.35,0.6,x,0.2,z,i%2?"#b7aeaf":"#d3c7bd"); } add(shore,"shore-stones","stones along the fjord shore",false); api.say="I built a turf-roofed Viking village beside the fjord, with dragon-prowed ships, a blazing bonfire and snowy mountains."; api.suggest=["Add villagers gathering around the bonfire","Make snow fall over the village","Add an aurora to the sky","Put a friendly seal in the fjord"];