summaryrefslogtreecommitdiff
path: root/js/app.js
blob: 598c02b323042721398e867ad3aa64307ecd6d4a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
var dragging = false
var drawing = false
var erasing = false
var selecting = false
var filling = false
var changed = false
var fillColor = 1  // black
var focused

var canvas, tools, palette, controls, brush, mode, current_tool, current_canvas

function init () {
  build()
  bind()
}
function build () {
  shader.init()
//  shader.run(canvas)
  shader.animate()

  canvas.append(canvas_rapper)
  brush.append(brush_rapper)
  palette.append(palette_rapper)
  
  controls.circle.focus()
//  controls.shader.focus()

  brush.bg = colors.red
  brush.generate()
  brush.build()

  // controls.grid.use()
}
function bind () {
  canvas.bind()
  palette.bind()
  brush.bind()
  controls.bind()
  keys.bind()
  
  window.addEventListener('mouseup', function(e){
    dragging = erasing = false
    if (current_tool.name != 'shader' && current_tool.name != 'load' && current_tool.name != 'save') {
      cursor_input.focus()
    }
    if (selecting) {
      selection.up(e)
    }
  })
  
  window.addEventListener('mousedown', function(e){
    if (current_tool.name == "shader") { return }
    cursor_input.focus()
  })

  document.addEventListener('DOMContentLoaded', function(){
    if (current_tool.name != 'shader') { cursor_input.focus() }
    document.body.classList.remove('loading')
  })
  
  window.onbeforeunload = function() {
    if (changed) return "You have edited this drawing."
  }
}

init()