-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (83 loc) · 2.73 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WebGPU Ray Tracing</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
<!--<!doctype html>-->
<!--<html lang="en">-->
<!--<head>-->
<!-- <meta charset="UTF-8" />-->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
<!-- <title>WebGPU Ray Tracing</title>-->
<!-- <style>-->
<!-- * {-->
<!-- box-sizing: border-box;-->
<!-- margin: 0;-->
<!-- padding: 0;-->
<!-- }-->
<!-- :root {-->
<!-- color-scheme: dark;-->
<!-- }-->
<!-- body {-->
<!-- background-color: #121212;-->
<!-- padding: 5%;-->
<!-- display: grid;-->
<!-- gap: 40px;-->
<!-- }-->
<!-- canvas {-->
<!-- display: block;-->
<!-- background-color: #171717;-->
<!-- width: 100%;-->
<!-- height: auto;-->
<!-- aspect-ratio: 16 / 9;-->
<!-- border-radius: 20px;-->
<!-- }-->
<!-- pre {-->
<!-- width: 100%;-->
<!-- min-height: 300px;-->
<!-- height: 30vh;-->
<!-- white-space: pre-wrap;-->
<!-- background-color: #171717;-->
<!-- padding: 20px;-->
<!-- border-radius: 20px;-->
<!-- display: flex;-->
<!-- flex-direction: column-reverse;-->
<!-- overflow-y: auto;-->
<!-- }-->
<!-- </style>-->
<!--</head>-->
<!--<body>-->
<!--<canvas></canvas>-->
<!--<pre></pre>-->
<!--<form method="get">-->
<!-- <!– <button onclick="">3840x2160</button>–>-->
<!-- <!– <button onclick="">2560x1440</button>–>-->
<!-- <!– <button onclick="">1920x1080</button>–>-->
<!-- <!– <button onclick="">1280x720</button>–>-->
<!-- <!– <button onclick="">640x360</button>–>-->
<!-- <label>-->
<!-- <input type="radio" name="resolution" value="3840x2160" />-->
<!-- 3840x2160-->
<!-- </label>-->
<!-- <label>-->
<!-- <input type="radio" name="resolution" value="2560x1440" />-->
<!-- 2560x1440-->
<!-- </label>-->
<!-- <label>-->
<!-- <input type="radio" name="resolution" value="1920x1080" checked />-->
<!-- 1920x1080-->
<!-- </label>-->
<!-- <br />-->
<!-- <input type="submit" value="RENDER" />-->
<!--</form>-->
<!--<script type="module" src="/src/main.ts"></script>-->
<!--</body>-->
<!--</html>-->