-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (60 loc) · 2.98 KB
/
index.html
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
<html>
<head>
<meta charset="utf-8"/>
<title>RenderLab</title>
<link href="style.bundle.css" rel="stylesheet"></head>
<body>
<h1 id="renderPickers"></h1>
<div id="controls">
<fieldset>
<legend>Create & save</legend>
<button onclick="drawNew()" id="newImageTrigger">New Image</button>
<button onclick="createBatch()" id="newBatchTrigger">New Batch</button>
<!--<button onclick="rerun()" id="rerunTrigger">ReRun</button>-->
<a href="#" id="downloadExample" target="_blank" title="download image">↓</a>
</fieldset>
<fieldset>
<legend>Colors</legend>
<select onchange="setPalette(this.value)" id="paletteSelector"></select>
<input type="text" id="customColors" placeholder="enter colors…" />
</fieldset>
<fieldset>
<legend>Format</legend>
<select onchange="setSize(this.value)">
<optgroup label="screen">
<option value="square">square</option>
<option value="wide">wide</option>
<option value="tall">tall</option>
<option value="sWQXGA">WQXGA</option>
<option value="s4KUHD">4K UHD</option>
</optgroup>
<optgroup label="print">
<option value="p4x6">4 x 6</option>
<option value="p6x4">6 x 4</option>
<option value="p6x6">6 x 6</option>
<option value="p8x10">8 x 10</option>
<option value="p10x8">10 x 8</option>
</optgroup>
</select>
</fieldset>
<fieldset>
<legend>Postprocess</legend>
<button onclick="ditherToLuminosity()" id="ditherLumeTrigger" title="Add luminosity-based dithering to base image">
Soft Dither</button>
<button onclick="ditherToPalette()" id="ditherColorTrigger" title="Dither image strictly to selected palette">Hard Dither</button>
<button onclick="roughenMain()" id="roughenTrigger" title="Push pixels around">Roughen</button>
<button onclick="halftoneProcess()" id="halftoneProcessTrigger" title="Halftone to CMYK">Halftone Process</button>
<button onclick="halftoneSpot()" id="halftoneSpotTrigger" title="Halftone to Spot">Halftone Spot</button>
<button onclick="fractureImage()" id="fractureTrigger" title="Fracture image">Fracture</button>
<button onclick="shatterImage()" id="shatterTrigger" title="Shatter image">Shatter</button>
</fieldset>
</div>
<div id="instructions">[space] to redraw. Click image to add to tray. Click thumbnail to preview.</div>
<div id="example"></div>
<div id="saved"></div>
<!--<div id="re-tall" class="rerun"></div>
<div id="re-wide" class="rerun"></div>-->
<script type="text/javascript">
</script>
<script type="text/javascript" src="app.bundle.js"></script></body>
</html>