Skip to content

Instantly share code, notes, and snippets.

View slawo-ch's full-sized avatar

Slawomir Chodnicki slawo-ch

12 followers · 3 following
  • Twineworks GmbH
  • Berlin, Germany
View GitHub Profile
@slawo-ch
slawo-ch / starfield.html
Created December 13, 2019 17:06
<!DOCTYPE html>
<meta charset="utf-8" />
<body
style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; margin: 0; padding: 0;"
>
<canvas
id="canvas"
style="width: 100%; height: 100%; padding: 0;margin: 0;"
></canvas>
<script>
@slawo-ch
slawo-ch / starfield_bright.js
Created December 13, 2019 16:52
const d = (star.z/1000.0)
const b = 1-d*d
putPixel(x, y, b);
@slawo-ch
slawo-ch / starfield_perspective.js
Created December 13, 2019 16:51
const x = cx + star.x/(star.z * 0.001);
const y = cy + star.y/(star.z * 0.001);
if (x < 0 || x >= w || y < 0 || y >= h){
continue;
}
@slawo-ch
slawo-ch / starfield_movestars_elapsed.js
Created December 13, 2019 16:50
moveStars(elapsed*0.1);
@slawo-ch
slawo-ch / starfield_tick.js
Created December 13, 2019 16:49
const tick = time => {
let elapsed = time - prevTime;
prevTime = time;
moveStars(elapsed*0.1);
clear();
const cx = w/2;
const cy = h/2;
@slawo-ch
slawo-ch / starfield_init.js
Created December 13, 2019 16:48
let prevTime;
const init = time => {
prevTime = time;
requestAnimationFrame(tick);
};
...
requestAnimationFrame(init);
@slawo-ch
slawo-ch / starfield_move_stars.js
Created December 13, 2019 16:47
const moveStars = (distance) => {
const count = stars.length;
for (var i = 0; i < count; i++) {
const s = stars[i];
s.z -= distance;
while (s.z <= 1){
s.z += 1000;
}
}
}
@slawo-ch
slawo-ch / starfield_draw_pixel.js
Created December 13, 2019 16:46
const putPixel = (x, y, brightness) => {
const intensity = brightness * 255;
const rgb = "rgb(" + intensity + "," + intensity + "," + intensity + ")";
c.fillStyle = rgb;
c.fillRect(x, y, 1, 1);
};
@slawo-ch
slawo-ch / starfield_clear.js
Created December 13, 2019 16:45
const clear = () => {
c.fillStyle = "black";
c.fillRect(0, 0, canvas.width, canvas.height);
};
@slawo-ch
slawo-ch / starfield_make_stars.js
Created December 13, 2019 16:44
const makeStars = (count) => {
const out = [];
for (let i=0;i<count;i++){
const s = {
x: Math.random()*1600-800,
y: Math.random()*900-450,
z: Math.random()*1000
};
out.push(s);
}