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
|
<html>
<head>
<title>my very super duper cool proposal</title>
<style>
html {
background-color: black;
color:yellow;
font-family: sans-serif;
padding: 1rem;
}
a, button {
all: unset;
display: inline-block;
color:yellow;
border: 1px solid;
border-radius: 10px;
margin: .5rem 0;
margin-right: 1rem;
padding: .5rem;
}
a:hover, button:hover {
background-color: #313244;
color: #a6adc8;
cursor: pointer;
}
.trail {
position: absolute;
z-index: 9999;
pointer-events: none;
}
</style>
</head>
<body>
<h1>the proposal</h1>
<marquee>itz super kewl</marquee>
<h2>group</h2>
me (freya)
<h2>description</h2>
I, as I have done a few times before now, and I enjoy doing, would like to make a minecraft (legaly distinct) clone! (ik, so very unique, no one has done that before)
<br><br>
The component of this "clone" are described below
<h3>part one (first milestone)</h3>
basic chunk rendering & textures
<ul>
<li>Chunks are generated (simple noise/height map), no greedy meshing yet, possibly fixed map
<li>Textures are loading, but no simple lighting, just ambient. Textures may be stolen from mojang.
<li>Player can move around
</ul>
<h3>part twooooo (the second stone of mile)</h3>
<ul>
<li>Greedy meshing for chunks
<li>Simple lighting for chunks
<li>Player collision
<li>Procedural generation is fully working
<li>Textures are no longer stolen from mojang
</ul>
<h3>other possible additions</h3>
These can be thought as "stretch goals"
<ul>
<li>Music (likely using browser audio system)
<li>Place and break blocks
<li>Game UI
</ul>
Please let me know if you would like any of these to be a requirement :)
<h2>johnvertize</h2>
<marquee>scream into the void</marquee>
<iframe src="https://john.citrons.xyz/embed?ref=freya.cat" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
<div class="buttons">
<picture>
<source type="image/webp" srcset="https://freya.cat/public/buttons/eyes.webp?timestamp=1716556123" media="(prefers-reduced-motion: reduce)">
<source type="image/png" srcset="https://freya.cat/public/buttons/eyes.png?timestamp=1716556123" media="(prefers-reduced-motion: reduce)">
<source type="image/gif" srcset="https://freya.cat/public/buttons/eyes.gif?timestamp=1716556123">
<img src="https://freya.cat/public/buttons/eyes.png?timestamp=1716556123" alt="Best viewed with eyes" title="Best viewed with eyes" width="88" height="30">
</picture>
<picture>
<source type="image/webp" srcset="https://freya.cat/public/buttons/vim.webp?timestamp=1716556123" media="(prefers-reduced-motion: reduce)">
<source type="image/png" srcset="https://freya.cat/public/buttons/vim.png?timestamp=1716556123" media="(prefers-reduced-motion: reduce)">
<source type="image/gif" srcset="https://freya.cat/public/buttons/vim.gif?timestamp=1716556123">
<img src="https://freya.cat/public/buttons/vim.png?timestamp=1716556123" alt="Edited with VIM" title="Edited with VIM" width="88" height="30">
</picture>
<picture>
<source type="image/webp" srcset="https://freya.cat/public/buttons/gnu-linux.webp?timestamp=1716556123">
<source type="image/png" srcset="https://freya.cat/public/buttons/gnu-linux.png?timestamp=1716556123">
<img src="https://freya.cat/public/buttons/gnu-linux.png?timestamp=1716556123" alt="Made with GNU/Linux" title="Made with GNU/Linux" width="88" height="30">
</picture>
<script>
alert('welcome')
// thank u ryan, very cool
var trailLength = 12;
var path = [];
var delay = 100;
var lastX = 0;
var lastY = 0;
function createMouseTrail() {
for (var i = 0; i < trailLength; i++) {
var div = document.createElement('div');
div.setAttribute('class', 'trail');
div.style.top = '-200px';
div.style.left = '-200px';
div.style.backgroundImage = 'url(https://www.rochesterapex.com/css/cursor.gif)';
div.style.backgroundSize = 'cover';
div.style.width = '11px';
div.style.height = '19px';
document.body.appendChild(div);
path.push(div);
}
}
var lastX = 0;
var lastY = 0;
function moveTrail(e) {
if (lastX !== e.pageX || lastY !== e.pageY) {
for (let i = 0; i < path.length; i++) {
setTimeout(function() {
path[i].style.top = (e.pageY) + 'px';
path[i].style.left = (e.pageX) + 'px';
}, i * delay);
}
}
lastX = e.pageX;
lastY = e.pageY;
}
document.addEventListener('mousemove', moveTrail);
createMouseTrail();
</script>
</body>
</html>
|
