Function buildBanner

packages/webapp/components/world/engine/world.js:1419–1438

(P,rnd,h=1.9)

}

function buildBanner(P,rnd,h=1.9){
  const g=new THREE.Group();
  g.add(meshOf(new THREE.CylinderGeometry(0.05,0.05,h,5),mat(P.wood)).translateY(h/2));
  const w=0.5,hh=0.85;
  const cloth=meshOf(new THREE.PlaneGeometry(w,hh,6,4),
    mat(rnd()<0.5?P.roof2:P.accent,{side:THREE.DoubleSide,flat:false,rough:0.85}),true,false);
  cloth.position.set(w/2,h-hh/2-0.1,0); g.add(cloth);
  const base=cloth.geometry.attributes.position.array.slice();
  const ph=rnd()*TAU;
  cloth.userData.tick=t=>{
    const p=cloth.geometry.attributes.position;
    for(let i=0;i<p.count;i++){
      const x=base[i*3], y=base[i*3+1];
      p.setZ(i,Math.sin(t*3+ph+x*5+y*1.5)*0.07*(x/w+0.5));
    }
    p.needsUpdate=true;
  };
  animated.push(cloth);
  return g;
}

/* The gate. Every realm has one because every realm has a way IN, and the way
   in is where the district hangs its colours — but it was two posts and a torus