├── favicon.ico
├── smalldos
    ├── The Waldo Template-01.png
    ├── The Waldo Template-02.png
    ├── The Waldo Template-03.png
    ├── The Waldo Template-04.png
    ├── The Waldo Template-05.png
    ├── The Waldo Template-06.png
    ├── The Waldo Template-07.png
    ├── The Waldo Template-08.png
    ├── The Waldo Template-09.png
    ├── The Waldo Template-10.png
    ├── The Waldo Template-11.png
    ├── The Waldo Template-12.png
    ├── The Waldo Template-13.png
    ├── The Waldo Template-14.png
    ├── The Waldo Template-15.png
    ├── The Waldo Template-16.png
    ├── The Waldo Template-17.png
    ├── The Waldo Template-18.png
    ├── The Waldo Template-19.png
    ├── The Waldo Template-20.png
    ├── The Waldo Template-21.png
    ├── The Waldo Template-22.png
    ├── The Waldo Template-23.png
    ├── The Waldo Template-24.png
    ├── The Waldo Template-25.png
    ├── The Waldo Template-26.png
    ├── The Waldo Template-27.png
    ├── The Waldo Template-28.png
    ├── The Waldo Template-29.png
    ├── The Waldo Template-30.png
    ├── The Waldo Template-31.png
    ├── The Waldo Template-32.png
    ├── The Waldo Template-33.png
    ├── The Waldo Template-34.png
    ├── The Waldo Template-35.png
    ├── The Waldo Template-36.png
    ├── The Waldo Template-37.png
    ├── The Waldo Template-38.png
    ├── The Waldo Template-39.png
    ├── The Waldo Template-40.png
    ├── The Waldo Template-41.png
    ├── The Waldo Template-42.png
    ├── The Waldo Template-43.png
    ├── The Waldo Template-44.png
    ├── The Waldo Template-45.png
    ├── The Waldo Template-46.png
    ├── The Waldo Template-47.png
    ├── The Waldo Template-48.png
    └── The Waldo Template-49.png
├── style.css
└── index.html


/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/favicon.ico


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-01.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-02.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-03.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-04.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-05.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-06.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-07.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-08.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-09.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-10.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-11.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-12.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-13.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-14.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-15.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-16.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-17.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-17.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-18.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-18.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-19.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-20.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-20.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-21.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-22.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-22.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-23.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-23.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-24.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-24.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-25.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-25.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-26.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-26.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-27.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-27.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-28.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-28.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-29.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-30.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-30.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-31.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-31.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-32.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-33.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-33.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-34.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-34.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-35.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-35.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-36.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-36.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-37.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-37.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-38.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-39.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-39.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-40.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-41.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-41.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-42.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-42.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-43.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-43.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-44.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-44.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-45.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-45.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-46.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-46.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-47.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-47.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-48.png


--------------------------------------------------------------------------------
/smalldos/The Waldo Template-49.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whatever/wald-wide-web/main/smalldos/The Waldo Template-49.png


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | html, body {
 2 |   margin: 0;
 3 |   padding: 0;
 4 |   height: 100%;
 5 |   width: 100%;
 6 | }
 7 | 
 8 | body {
 9 |   background-color: black;
10 | }
11 | 
12 | .app {
13 |   width: 100%;
14 |   height: 100%;
15 |   margin: 0;
16 |   padding: 0;
17 |   position: fixed;
18 |   top: 0;
19 |   left: 0;
20 |   z-index: -666;
21 | }
22 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <title>wald wide webdo</title>
  5 |     <link rel="stylesheet" href="style.css">
  6 |     <link rel="icon" type="image/png" href="./favicon.ico" sizes="16x16">
  7 |     <link rel="shortcut icon" type="image/jpg" href="./favicon.ico"/>
  8 |     <script src="./pool-water.bundled.js"></script>
  9 |     <meta name="viewport" content="width=device-width, user-scalable=no" />
 10 |     <style>
 11 |     body {
 12 |       margin: 0;
 13 |       padding: 0;
 14 |     }
 15 |     #look-cool {
 16 |       box-sizing: border-box;
 17 |       margin: 0;
 18 |       padding: 0;
 19 |       border: 0;
 20 |       width: 100%;
 21 |       height: 100%;
 22 |       max-width: 100%;
 23 |       max-height: 100%;
 24 |       display: block;
 25 |       position: fixed;
 26 |       top: 0;
 27 |       left: 0;
 28 |       touch-action: none;
 29 |     }
 30 |     </style>
 31 |   </head>
 32 |   <body>
 33 |     <div style="overflow: hidden; position: relative; padding: 0; margin: 0; height: 100%; width: 100%;">
 34 |       <canvas id="looks-cool"></canvas>
 35 |     </div>
 36 |     <script>
 37 | 
 38 |       var params = {
 39 |         "x": 0.0,
 40 |         "y": 0.0,
 41 |       };
 42 | 
 43 |       function setdo(x, y) {
 44 |         localStorage.setItem("params", JSON.stringify(params));
 45 |       }
 46 | 
 47 |       function getdo() {
 48 |         if (!localStorage.getItem("params")) {
 49 |           setdo();
 50 |         }
 51 |         return JSON.parse(localStorage.getItem("params"));
 52 |       }
 53 | 
 54 |       let str = "./smalldos/The Waldo Template-XXX.png";
 55 | 
 56 |       var urls = [];
 57 | 
 58 |       for (let i=1; i <= 48; i++) {
 59 |         let dig = (i < 10 ? "0" : "") + i;
 60 |         let url = str.replace("XXX", dig);
 61 |         urls.push(url);
 62 |       }
 63 | 
 64 |       var el = document.getElementById("looks-cool");
 65 |       var app = new svv.WaldApp({
 66 |         el: el,
 67 |         urls: urls,
 68 |       });
 69 | 
 70 |       (function loop() {
 71 |         requestAnimationFrame(loop);
 72 |         app.update(+new Date());
 73 |         app.draw();
 74 |       }());
 75 | 
 76 |       function fill() {
 77 |         let w = window.innerWidth || document.documentElement.clientWidth;
 78 |         let h = window.innerHeight || document.documentElement.clientHeight;
 79 |         app.setSize(w, h);
 80 |       }
 81 | 
 82 |       window.addEventListener("resize", fill);
 83 | 
 84 |       window.addEventListener("load", function () {
 85 | 
 86 |         params = getdo();
 87 |         app.offset(params.x, params.y);
 88 | 
 89 |         fill();
 90 | 
 91 |         document.getElementById("looks-cool").addEventListener("dblclick", function () {
 92 |           app.save();
 93 |         });
 94 | 
 95 |         let el = document.getElementById("looks-cool");
 96 | 
 97 |         el.style.cursor = "grab";
 98 | 
 99 |         let start = {x: 0, y: 0};
100 |         let moving = false;
101 |         let drag = {x: 0, y: 0};
102 | 
103 |         window.addEventListener("pointerdown", function (ev) {
104 |           ev.preventDefault();
105 |           moving = true;
106 |           el.style.cursor = "grabbing";
107 |           start.x = ev.clientX;
108 |           start.y = ev.clientY;
109 |         }, false);
110 | 
111 |         window.addEventListener("pointermove", function(ev) {
112 |           ev.preventDefault();
113 |           if (!moving) {
114 |             return;
115 |           }
116 |           let x = params.x;
117 |           let y = params.y;
118 |           let dx = (ev.clientX - start.x);
119 |           let dy = (ev.clientY - start.y);
120 | 
121 |           requestAnimationFrame(function () {
122 |             app.offset(x-dx, y-dy);
123 |           });
124 |         }, false);
125 | 
126 |         window.addEventListener("pointerup", function (ev) {
127 |           ev.preventDefault();
128 |           moving = false;
129 |           el.style.cursor = "grab";
130 |           params.x -= (ev.clientX - start.x);
131 |           params.y -= (ev.clientY - start.y);
132 |           setdo();
133 |         }, false);
134 |       });
135 | 
136 |     </script>
137 |   </body>
138 | </html>
139 | 


--------------------------------------------------------------------------------