@amasad/

10PRINT

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • arc-sw-loader.js
  • image_data.js
  • images.js
  • lines.js
  • main.js
  • maze_walker.js
  • origin.png
  • pixelite.js

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.2301932530157007","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+Cgo8aHRtbD4KICA8aGVhZD4KCjxzY3JpcHQgYXN5bmMgc3JjPSJhcmMtc3ctbG9hZGVyLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgYXN5bmMgc3JjPSJodHRwczovL2FyYy5pby9jbG91ZC5qcz9RbjJaZGdXblU2YlY5cE1iYlEyV282JmF1dG9DRE49dHJ1ZSI+PC9zY3JpcHQ+CgogICAgPHN0eWxlPgogICAgICAuc2NyZWVuIHsKICAgICAgICB3aWR0aDogMzg0cHg7CiAgICAgICAgaGVpZ2h0OiAyNzJweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjN0M3MURBOwogICAgICB9CiAgICAgIGNhbnZhcyB7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzNFMzJBMjsKICAgICAgICBtYXJnaW46IDM2cHggMzJweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2hlYWQ+CgogIDxib2R5PgogICAgPGgzPjxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJodHRwczovLzEwcHJpbnQub3JnLyI+MTAgcHJpbnQ8L2E+PC9oMz4KICAgIDxkaXY+IE9yaWdpbmFsIChpbWFnZSk6IDwvZGl2PgogICAgPGltZyBzcmM9Im9yaWdpbi5wbmciIC8+CiAgICA8ZGl2PiBVc2luZyBDYW52YXMgQVBJOiA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InNjcmVlbiI+CiAgICAgIDxjYW52YXMgaWQ9ImNhbnZhcy1saW5lcyI+PC9jYW52YXM+CiAgICA8L2Rpdj4KICAgIDxkaXY+IFBpeGVsIG1hbmlwdWxhdGlvbjogPC9kaXY+CiAgICA8ZGl2IGNsYXNzPSJzY3JlZW4iPgogICAgICA8Y2FudmFzIGlkPSJjYW52YXMtaW1hZ2UtZGF0YSI+PC9jYW52YXM+CiAgICA8L2Rpdj4KICAgIDxkaXY+IE1hemUgd2Fsa2VyOiA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InNjcmVlbiI+CiAgICAgIDxjYW52YXMgaWQ9ImNhbnZhcy1tYXplLXdhbGtlciI+PC9jYW52YXM+CiAgICA8L2Rpdj4KICAgIDxzY3JpcHQgc3JjPSJwaXhlbGl0ZS5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaW1hZ2VzLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJpbWFnZV9kYXRhLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgc3JjPSJsaW5lcy5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0ibWF6ZV93YWxrZXIuanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9Im1haW4uanMiPjwvc2NyaXB0PgogIDwvYm9keT4KCjwvaG10bD4="},"asBuffer":null},"loaded":true}}
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
<!DOCTYPE html>

<html>
  <head>

<script async src="arc-sw-loader.js"></script>
    <script async src="https://arc.io/cloud.js?Qn2ZdgWnU6bV9pMbbQ2Wo6&autoCDN=true"></script>

    <style>
      .screen {
        width: 384px;
        height: 272px;
        background: #7C71DA;
      }
      canvas {
        background-color: #3E32A2;
        margin: 36px 32px;
      }
    </style>
  </head>

  <body>
    <h3><a target="_blank" href="https://10print.org/">10 print</a></h3>
    <div> Original (image): </div>
    <img src="origin.png" />
    <div> Using Canvas API: </div>
    <div class="screen">
      <canvas id="canvas-lines"></canvas>
    </div>
    <div> Pixel manipulation: </div>
    <div class="screen">
      <canvas id="canvas-image-data"></canvas>
    </div>
    <div> Maze walker: </div>
    <div class="screen">
      <canvas id="canvas-maze-walker"></canvas>
    </div>
    <script src="pixelite.js"></script>
    <script src="images.js"></script>
    <script src="image_data.js"></script>
    <script src="lines.js"></script>
    <script src="maze_walker.js"></script>
    <script src="main.js"></script>
  </body>

</hmtl>
result
console