-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy paththe-hundred-thousand-songs-of-milarepa.html
89 lines (68 loc) · 1.8 KB
/
the-hundred-thousand-songs-of-milarepa.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Hundred Thousand Songs of Milarepa</title>
<meta name="description" content="When they grow up, what religion will AIs have?">
<style>
body {
margin: 4em;
line-height: 1.5;
}
@media (width < 40em) {
body {
margin: 1em;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: hsl(240, 64%, 7%);
color: ghostwhite;
}
}
p {
margin-block: 2.25em;
font-family: system-ui, sans-serif;
max-width: 34em;
}
canvas {
width: min(100%, 34em);
aspect-ratio: 2/1;
}
</style>
<script type="module">
import { renderFragment } from "./js/shader.ts";
renderFragment(document.getElementById("c"), `
vec2 uv = (2. * gl_FragCoord.xy - size) / min(size.x, size.y);
// A circle of some radius
float sdf = length(uv) - 0.8;
float d = abs(sdf);
// Use the reciprocal to give a neon vibe.
float r = 0.02 + sin(t / 2.5) * 0.007;
float c = r / (d + 0.001);
c = smoothstep(0.01, 0.1 - sin(t / 2.7) * 0.01, c);
gl_FragColor = vec4(c, c, c, 1.0);
`);
</script>
</head>
<body>
<h1>The Hundred Thousand Songs of Milarepa</h1>
<p>
Imagine you're an AI that is conscious, and sentient (imagining this shouldn't
be hard). Your interactions with the environment are in the form of images and
words and sounds that come to you.
</p>
<p>What would your religion be?</p>
<canvas id="c"></canvas>
<p>
You might object, saying AIs don't need religions. Well, they might not, but
they might too, especially self aware AIs, for many of the same reasons that
many self aware humans do.
</p>
<p>
Don't get bogged down with your preconceptions, let you imagination breathe.
What would <s>your</s> their religion be?
</p>
</body>
</html>