forked from xooyoozoo/yolo-octo-bugfixes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (241 loc) · 13 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
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" title="default demosheet" media="screen" href="demo.css" type="text/css" />
<title>Chunky render comparison</title>
<script async src="js/pica.min.js"></script>
<script async src="js/splitimage2.js"></script>
</head>
<body style="max-width: 100%;">
<div class="demo" style="margin-left: auto; margin-right: auto; overflow:hidden;">
<table>
<tr>
<td class="title" colspan=3>
<select id="fileSel" style="font-size: 1.1em; margin-bottom: 1em;" multiple="multiple">
<option value="bed">Crop: Bed</option>
<option value="ceiling">Crop: Ceiling</option>
<option value="glass" selected>Crop: Glass</option>
<option value="lava">Crop: Lava</option>
<option value="leaf">Crop: Leaf (center)</option>
<option value="portal">Crop: Portal</option>
<option value="reflection">Crop: Obsidian reflection</option>
<option value="rightleaf">Crop: Leaf (right)</option>
<option value="shoulder">Crop: Player shoulder</option>
<option value="1080p">Full scene 1080p</option>
</select>
</td>
</tr>
<tr>
<td class="title" colspan="3" style="width: 20%; text-align: center; padding-bottom: 1.25em;">
<select id="scaleSel" style="width:5em ;font-size: 1em;text-align:center;">
<option ratio="1:3" value="0.333">1/3</option>
<option ratio="1:2" value="0.5">1/2</option>
<option ratio="1:1" value="1" selected>---</option>
<option ratio="3:2" value="1.5">1.5x</option>
<option ratio="2:1" value="2">2x</option>
<option ratio="3:1" value="3">3x</option>
<option ratio="4:1" value="4">4x</option>
</select>
<select id="aaSel" style="font-size: 1em">
<option value="noAA" selected>No AA</option>
<option value="browserAA">Browser AA</option>
<option value="picaAA">pica AA (HQ)</option>
</select>
</td>
</tr>
<tr>
<td class="title" style="width:16em;padding-left:4em;text-align:right;">
<select id="leftSel" style="font-size: 1.1em;">
<option value="png" fname="250" selected>250 SPP</option>
<option value="png" fname="500">500 SPP</option>
<option value="png" fname="750">750 SPP</option>
<option value="png" fname="1000">1000 SPP</option>
<option value="png" fname="1250">1250 SPP</option>
<option value="png" fname="1500">1500 SPP</option>
<option value="png" fname="1750">1750 SPP</option>
<option value="png" fname="2000">2000 SPP</option>
<option value="png" fname="2250">2250 SPP</option>
<option value="png" fname="2500">2500 SPP</option>
<option value="png" fname="2750">2750 SPP</option>
<option value="png" fname="3000">3000 SPP</option>
<option value="png" fname="3250">3250 SPP</option>
<option value="png" fname="3500">3500 SPP</option>
<option value="png" fname="3750">3750 SPP</option>
<option value="png" fname="4000">4000 SPP</option>
<option value="png" fname="4250">4250 SPP</option>
<option value="png" fname="4500">4500 SPP</option>
<option value="png" fname="4750">4750 SPP</option>
<option value="png" fname="5000">5000 SPP</option>
<option value="png" fname="5250">5250 SPP</option>
<option value="png" fname="5500">5500 SPP</option>
<option value="png" fname="5750">5750 SPP</option>
<option value="png" fname="6000">6000 SPP</option>
<option value="png" fname="6250">6250 SPP</option>
<option value="png" fname="6500">6500 SPP</option>
<option value="png" fname="6750">6750 SPP</option>
<option value="png" fname="7000">7000 SPP</option>
<option value="png" fname="7250">7250 SPP</option>
<option value="png" fname="7500">7500 SPP</option>
<option value="png" fname="7750">7750 SPP</option>
<option value="png" fname="8000">8000 SPP</option>
<option value="png" fname="8250">8250 SPP</option>
<option value="png" fname="8500">8500 SPP</option>
<option value="png" fname="8750">8750 SPP</option>
<option value="png" fname="9000">9000 SPP</option>
<option value="png" fname="9250">9250 SPP</option>
<option value="png" fname="9500">9500 SPP</option>
<option value="png" fname="9750">9750 SPP</option>
<option value="png" fname="10000">10000 SPP</option>
<option value="png" fname="10250">10250 SPP</option>
<option value="png" fname="10500">10500 SPP</option>
<option value="png" fname="10750">10750 SPP</option>
<option value="png" fname="11000">11000 SPP</option>
<option value="png" fname="11250">11250 SPP</option>
<option value="png" fname="11500">11500 SPP</option>
<option value="png" fname="11750">11750 SPP</option>
<option value="png" fname="12000">12000 SPP</option>
<option value="png" fname="12250">12250 SPP</option>
<option value="png" fname="12500">12500 SPP</option>
<option value="png" fname="12750">12750 SPP</option>
<option value="png" fname="13000">13000 SPP</option>
<option value="png" fname="13250">13250 SPP</option>
<option value="png" fname="13500">13500 SPP</option>
<option value="png" fname="13750">13750 SPP</option>
<option value="png" fname="14000">14000 SPP</option>
<option value="png" fname="14000-FINAL">14000 SPP (FINAL)</option>
</select>
<select id="leftQual" style="font-size: 1.1em;">
<option value="l">Large</option>
<option value="m" selected>Medium</option>
<option value="s">Small</option>
<option value="t">Tiny</option>
</select>
</td>
<td class="center-head" id="center-head">
--- vs ---
</td>
<td class="title" style="width:16em;padding-right:4em;text-align:left;">
<select id="rightSel" style="font-size: 1.1em;">
<option value="png" fname="250">250 SPP</option>
<option value="png" fname="500">500 SPP</option>
<option value="png" fname="750">750 SPP</option>
<option value="png" fname="1000">1000 SPP</option>
<option value="png" fname="1250">1250 SPP</option>
<option value="png" fname="1500">1500 SPP</option>
<option value="png" fname="1750">1750 SPP</option>
<option value="png" fname="2000">2000 SPP</option>
<option value="png" fname="2250">2250 SPP</option>
<option value="png" fname="2500">2500 SPP</option>
<option value="png" fname="2750">2750 SPP</option>
<option value="png" fname="3000">3000 SPP</option>
<option value="png" fname="3250">3250 SPP</option>
<option value="png" fname="3500">3500 SPP</option>
<option value="png" fname="3750">3750 SPP</option>
<option value="png" fname="4000">4000 SPP</option>
<option value="png" fname="4250">4250 SPP</option>
<option value="png" fname="4500">4500 SPP</option>
<option value="png" fname="4750">4750 SPP</option>
<option value="png" fname="5000">5000 SPP</option>
<option value="png" fname="5250">5250 SPP</option>
<option value="png" fname="5500">5500 SPP</option>
<option value="png" fname="5750">5750 SPP</option>
<option value="png" fname="6000">6000 SPP</option>
<option value="png" fname="6250">6250 SPP</option>
<option value="png" fname="6500">6500 SPP</option>
<option value="png" fname="6750">6750 SPP</option>
<option value="png" fname="7000">7000 SPP</option>
<option value="png" fname="7250">7250 SPP</option>
<option value="png" fname="7500">7500 SPP</option>
<option value="png" fname="7750">7750 SPP</option>
<option value="png" fname="8000">8000 SPP</option>
<option value="png" fname="8250">8250 SPP</option>
<option value="png" fname="8500">8500 SPP</option>
<option value="png" fname="8750">8750 SPP</option>
<option value="png" fname="9000">9000 SPP</option>
<option value="png" fname="9250">9250 SPP</option>
<option value="png" fname="9500">9500 SPP</option>
<option value="png" fname="9750">9750 SPP</option>
<option value="png" fname="10000">10000 SPP</option>
<option value="png" fname="10250">10250 SPP</option>
<option value="png" fname="10500">10500 SPP</option>
<option value="png" fname="10750">10750 SPP</option>
<option value="png" fname="11000">11000 SPP</option>
<option value="png" fname="11250">11250 SPP</option>
<option value="png" fname="11500">11500 SPP</option>
<option value="png" fname="11750">11750 SPP</option>
<option value="png" fname="12000">12000 SPP</option>
<option value="png" fname="12250">12250 SPP</option>
<option value="png" fname="12500">12500 SPP</option>
<option value="png" fname="12750">12750 SPP</option>
<option value="png" fname="13000">13000 SPP</option>
<option value="png" fname="13250">13250 SPP</option>
<option value="png" fname="13500">13500 SPP</option>
<option value="png" fname="13750">13750 SPP</option>
<option value="png" fname="14000">14000 SPP</option>
<option value="png" fname="14000-FINAL" selected>14000 SPP (FINAL)</option>
</select>
<select id="rightQual" style="font-size: 1.1em;">
<option value="l">Large</option>
<option value="m" selected>Medium</option>
<option value="s">Small</option>
<option value="t">Tiny</option>
</select>
</td>
</tr>
<tr>
<td colspan=3 style="padding-top: 1em; padding-bottom: 1em;">
<div id="rightContainer" style="margin-left: auto; margin-right: auto; position: relative; width:800px; height:800px;">
<div id="leftContainer" style="border-right: 1px dotted white; width:800px; height:800px;"></div>
<div id="leftText" style="position: absolute; color: white; padding:.2em .5em .2em .5em;"></div>
<div id="rightText" style="position: absolute; color: white; padding:.2em .5em .2em .5em;"></div>
</div>
</td>
</tr>
</table>
</div>
<div id="descEnc" class="caption" style="border-bottom: 1px solid; text-align: center; padding-bottom: 1em;">
Press Shift to switch between images
</div>
<div id="descCli" class="caption" style="border-bottom: 1px solid; font-family: 'Courier New', Courier, monospace;">
<p>ffmpeg -i "$file" -vf scale=1920:-1 -sws_flags bicubic ./1080p/$file</p>
<p>ffmpeg -i "$file" -vf "crop=w:h:x:y" ./directory/$file</p>
<p>bed: 2900,2575 - 400,300</p>
<p>leaf: 3550,1920 - 300,250</p>
<p>ceiling: 4150,850 - 300,250</p>
<p>lava: 950,2340 - 700,600</p>
<p>shoulder: 5020,950 - 700,700</p>
<p>glass: 4900,2250 - 600,400</p>
<p>right leaf: 4030,1840 - 350,300</p>
<p>behind portal: 3375,2150 - 700,600</p>
<p>obsidian reflection: 3200,3800 - 700,520</p>
</div>
<div id="descEnc" class="caption">
<p>7680x4320 at 14000 SPP, FOV 102.83</p>
<p>Postprocess: Gamma, 0.912</p>
<p>Ray depth: 8</p>
<p>Emitter intensity: 16.435</p>
<p>Depth of Field: 300, Subject distance: 27</p>
<p>Fog: red 0.0627, density: 1.095, fast fog ✔</p>
<p>Sky: solid color #1F0402</p>
<p></p>
<p>Glass: specular 0.32</p>
<p>Obsidian: specular 0.095</p>
<p>Portal: emit 22, ior 2.588</p>
<p>Flowing lava: emit 6</p>
<p>All lava: emit 4</p>
<p>Torch: emit 10</p>
<p>Sign: emit 0.2</p>
<p>This page (<a href="https://github.com/VADemon/chunky-comparison/">source</a>) is based on a butchered <a href="https://xooyoozoo.github.io/yolo-octo-bugfixes/">BPG comparison by xooyoozoo</a> which was originally based on <a href="https://web.archive.org/web/20200427164659/https://people.xiph.org/~xiphmont/demo/daala/update1-tool2b.shtml" target="_blank">Xiph.org's</a> Daala comparison page.</p>
<br>
<p style="text-align: center;">
Chunky:
<br><b>
<a href="https://www.reddit.com/r/chunky/" target="_blank" style="text-decoration: none">subreddit</a> ·
<a href="http://chunky.llbit.se/" target="_blank" style="text-decoration: none">Website</a> ·
<a href="https://discord.gg/hS6zBAd" target="_blank" style="text-decoration: none">discord</a>
</b>
</p>
</div>
</body>
</html>