blob: be08fd3d667eb752a735f9bf50367a1237741f47 (
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
<!doctype html>
<html>
<head>
<title>Shaderblaster</title>
<link rel="stylesheet" type="text/css" href="app.css"></head>
<body>
<div id="corner">
<h1 id="logo">shaderblaster</h1>
<button id="show-tutorial">help</button>
<button id="show-commands">commands</button>
<select id="examples">
<option>examples</option>
</select>
</div>
<div id="header">
<button class="toggle-off">x</button>
<button id="toggle-shaders">browse shaders</button>
<button id="toggle-images">browse images</button>
<span class="status"></span>
<span id="shader-api-form" class="form">
<input type="checkbox" id="persist-image" checked>
<label for="persist-image">load image</label>
<button id="fetch-latest">latest</button>
<button id="fetch-next-page" class="hidden">→</button>
<select id="pick-user">
<option>fetching users..</option>
</select>
<div id="shader-gallery" class="gallery"></div>
</span>
<span id="gallery-form" class="form">
<button id="gallery-random">asdf random</button>
<form id="gallery-search">
<input type="text" id="dumpfm-search-query" value="webcam">
<button id="gallery-search">search dump</button>
</form>
<div id="gallery-images" class="gallery"></div>
</span>
</div>
<div id="controls">
<input type="text" id="url">
<input type="text" id="username" placeholder="username">
<input type="text" id="shader-name" placeholder="shader name">
<br>
<br>
<textarea id="shader"></textarea>
<br>
<input type="text" id="uploaded-url">
<br>
<button id="render">render gif</button>
<button id="save" disabled>save gif</button>
<button id="upload" disabled>upload gif</button>
<button id="reset">reset</button>
<button id="pause">pause</button>
<br>
<button id="save-shader">save shader</button>
<input type="text" id="width" placeholder="width" value="0">
<input type="text" id="height" placeholder="height" value="0">
<span class="status"></span>
<br>
<br>
<span id="frame-hidden-controls">
<button id="show-frame-controls">show frame editor</button>
</span>
<span id="frame-controls">
<button id="hide-frame-controls">x</button>
frames <input type="text" id="framecount" value="10">
rate <input type="text" id="framedelay" value="0.06s">
bg <input type="text" id="background" value="#fff">
<button id="add-frame">+add</button>
<select id="reorder-frames">
<option value="">reorder</option>
<option value="weave-frames">weave</button>
<option value="shuffle-frames">shuffle</button>
<option value="reverse-frames">reverse</button>
<option value="sort-frames">sort</button>
</select>
<br>
<span id="frames"></span>
</span>
</div>
<div id="workspace"></div>
<div class="iframe" id="tutorial"><iframe src="tutorial.html"></iframe><button class="close">×</button></div>
<div class="iframe" id="commands"><iframe src="commands.html"></iframe><button class="close">×</button></div>
<script type="text/html" id="shader-gallery-template">
<span><img src="{thumbnail_url}"></span>
{name} - {username}
</script>
<script type="text/html" id="frame-template">
<button class="remove">x</button>
<span class="frame"></span>
</script>
<script type="text/javascript-shader">
</script>
<script type="text/javascript" src="app.min.js"></script></body>
</html>
|
