marching/playground/demos/snare.js

Marching.js is a JavaScript library that compiles GLSL ray marchers.

module.exports = `// because, like, marching.js, snare drums, marching...
 
const grey = Material( 'phong', Vec3(0), Vec3(3), Vec3(2), 32, Vec3(0,0,2) ),
      white = Material( 'phong', Vec3(0), Vec3(50), Vec3(1), 8, Vec3(0,50,2) ),
      a = .45, b = .25 // for side bands on drum
 
stick = ()=> {
  return Union(
    Groove(
      Cylinder( Vec2(.2,2.5), Vec3(.5,4.5,-.5) )
        .move( .5,4.5,-.5 )
        .material( grey ),
      Capsule( Vec3(.5, 2,-.5), Vec3(.5,2.25,-.5), 1 ).material( grey ),
      .08
    ),
    Capsule( Vec3(.5, 2,-.5), Vec3(.5,2.25,-.5), .175 ).material( grey )
  )
}
 
stickL = stick()
  .rotate( 300, 0,0,1 )
  .move( -1.5,.25, 0 )
 
stickR = stick()
  .rotate( 300, 0,.75,.5 )
  .move( -2.05,.0, -.5 )
 
drum = RoundUnion(
  Union2(
    ChamferDifference(
      Cylinder( Vec2(2.25, .45) ).material( grey ),
      Cylinder( Vec2(2,.4) ).material( grey ),
      .1
    ),
    Cylinder( Vec2(2,.3) ).material( white )
  ),
  PolarRepeat(
    Quad( Vec3(0,-a,-b), Vec3(0,-a,0), Vec3(0,a,b), Vec3(0,a,0) ).material( grey ),
    15,
    2.25
  ),
  .05
)
 
march(
  drum.rotate( 60, 1,1,0 ),
  stickL,
  stickR
)
.background(Vec3(0))
.shadow(.75)
.light( Light( Vec3(2,5,8), Vec3(1), .125 ) )
.render()
.camera( 0,0,7 )`