quebracabeca/index_old.html at main · tecedufurb/quebracabeca · GitHub

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
<html>
  <head>
    <script src="./js/paper-full.min.js"></script>
    <script src="./js/caveman-engine-v1.0.1.min.js"></script>
    <script src="./js/PaperJsRenderComponent.js"></script>
    <script src="./js/DropPuzzlePieceUtils.js"></script>
    <script src="./js/DropPieceLayerComponent.js"></script>
    <script src="./js/PuzzlePieceRenderComponent.js"></script>
    <script src="./js/PuzzleSocketObject.js"></script>
    <script src="./js/PuzzlePieceObject.js"></script>
    <script src="./js/furb-puzzle.js"></script>
    <link rel="stylesheet"
          type="text/css"
          href="./css/furb-puzzle.css">
  </head>
  <body>
    <div>
      <div class="column-div">
        <h1>VisEdu - Furb Puzzle</h1>
      </div>
      <div class="column-div-right">
        <div>
          <label>Colunas</label>
          <label>Linhas</label>
          <label>Largura</label>
          <label>Altura</label>
          <label>Imagem</label>
        </div>
        <div>
          <input id="columns"
                 type="text"
                 value="5" />
          <input id="rows"
                 type="text"
                 value="5" />
          <input id="canvasWidth"
                 type="text"
                 value="1000"
                 onkeyup="document.getElementById('canvas').width = this.value" />
          <input id="canvasHeight"
                 type="text"
                 value="500"
                 onkeyup="document.getElementById('canvas').height = this.value" />
          <input type="file"
                 id="imageUpload"
                 name="imageUpload"
                 accept="image/*" >
      </div>
          <a href="http://gcg.inf.furb.br/visedu/FURBPuzzle/furb.png" title="Exemplo de Imagem" target="_blank">Exemplo de Imagem</a>
    </div>
    <div>
      <canvas id="canvas"
              width="1000"
              height="500"
              class="game-canvas" />
    </div>
  </body>
</html>