This repository has been archived by the owner on Feb 27, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflare.html
83 lines (82 loc) · 4.33 KB
/
flare.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
<!DOCTYPE html>
<html>
<head>
<title>Sci-Fi Flares by Yikuan Sun</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css"/>
<link rel="icon" href="icon.png"/>
</head>
<body>
<a href="https://github.com/yikuansun/sci-fi-flares" style="position: fixed; top: 0; left: 0;" target="_blank"><img loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_orange_ff7600.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
<table>
<tr>
<td>
<center>
<canvas id="canvas"></canvas>
</center>
</td>
<td>
<div id="optionspannel">
Use preset: <select id="preset"></select><br/><br/>
X position: <input type="number" value="750" id="flarex"><br/>
Y position: <input type="number" value="500" id="flarey"><br/>
Hue: <input type="range" min="-180" max="180" value="0" id="hue"><br/>
Components:
<div id="Hotspot_handle">▸ Hotspot</div><div id="Hotspot">
Type: <select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>None</option>
</select><br/>
Horizontal Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Vertical Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" />
</div>
<div id="Streak_handle">▸ Streak</div><div id="Streak">
Type: <select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>None</option>
</select><br/>
Horizontal Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Vertical Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Balance: <input type="number" value="1.5" aria-valuemin="0" min="0" step="0.01" />
</div>
<div id="Iris_handle">▸ Iris</div><div id="Iris">
Type: <select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>None</option>
</select><br/>
Horizontal Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Vertical Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Seed: <input type="text" value="hii" />
</div>
<div id="Halo_handle">▸ Halo</div><div id="Halo">
Type: <select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>None</option>
</select><br/>
Horizontal Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" /><br/>
Vertical Scale: <input type="number" value="1" aria-valuemin="0" min="0" step="0.01" />
</div>
<br />
<button>Export Overlay</button>
</div>
</td>
</tr>
</table>
<script src="libraries/seedrandom.js"></script>
<script src="libraries/photopea.js"></script>
<script src="lensflare.js"></script>
<script src="preload_imgs.js"></script>
<!--<script src="code.js"></script>-->
<!-- main script is called by preload function. -->
</body>
</html>