분류 javascript

교차 플랫폼 JavaScript 크리에이티브 코딩 프레임 워크

컨텐츠 정보

  • 조회 206 (작성일 )

본문

https://github.com/soulwire/sketch.js 


sketch.js를 사용하면 심 (shim)이나 상용구 코드에 대해 걱정할 필요없이 창의적인 코딩의 재미있는 부분을 바로 얻을 수 있습니다.

 

Sketch.create({
  setup() {
    this.r = this.g = this.b = random(100, 200)
  },
  mousemove() {
    this.r = 255 * (this.mouse.x / this.width)
    this.g = 255 * (this.mouse.y / this.height)
    this.b = 255 * abs(cos(PI * this.mouse.y / this.width))
  },
  draw() {
    this.fillStyle = `rgb(${~~this.r},${~~this.g},${~~this.b})`
    this.fillRect(0, 0, this.width, this.height)
  }
})