adrien/daedalus
adrien/daedalus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

"you are here" in favicon (idea from Yves)

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-10-11 20:44:26 +02:00
parent 938160f053
commit 738e92c16b
4 changed files with 14 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 762 B

38
favicon.php
View File

@ -2,43 +2,15 @@
header('Content-Type: image/x-icon'); header('Content-Type: image/x-icon');
const SIZE = 16; const SIZE = 16;
const WALL = 1;
const GROUND = 0;
$favicon = imagecreatetruecolor(SIZE, SIZE); $x = filter_input(INPUT_GET, "x", FILTER_SANITIZE_NUMBER_INT);
$wallColor = imagecolorallocate($favicon, 165, 80, 30); $y = filter_input(INPUT_GET, "y", FILTER_SANITIZE_NUMBER_INT);
$groundColor = imagecolorallocate($favicon, 203, 162, 133);
imagefill($favicon, 0, 0, $wallColor); $favicon = imagecreatefrombmp("favicon.ico");
$maze = array(); $red = imagecolorallocate($favicon, 255, 0, 0);
for ($y = 0; $y < SIZE; $y++) { imagesetpixel($favicon, $x, $y, $red);
$maze[$y] = array();
for ($x = 0; $x < SIZE; $x++) {
$maze[$y][$x] = WALL;
}
}
function dig($position) {
global $maze;
global $favicon;
global $groundColor;
$directions = [[0, 1], [0, -1], [1, 0], [-1, 0]];
shuffle($directions);
foreach ($directions as $direction) {
$step1 = [$position[0] + $direction[0], $position[1] + $direction[1]];
$step2 = [$step1[0] + $direction[0], $step1[1] + $direction[1]];
if (0 <= $step2[1] and $step2[1] < SIZE and 0 <= $step2[0] and $step2[0] < SIZE and $maze[$step2[1]][$step2[0]] == WALL) {
$maze[$step1[1]][$step1[0]] = GROUND;
imagesetpixel($favicon, $step1[0], $step1[1], $groundColor);
$maze[$step2[1]][$step2[0]] = GROUND;
imagesetpixel($favicon, $step2[0], $step2[1], $groundColor);
dig($step2);
}
}
}
dig([1, 1]);
imagebmp($favicon); imagebmp($favicon);
imagedestroy($favicon); imagedestroy($favicon);
?> ?>

6
index.html
View File

@ -4,7 +4,7 @@
<title>Daedalus</title> <title>Daedalus</title>
<meta charset=utf-8 /> <meta charset=utf-8 />
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="favicon.php"/> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" id="favicon"/>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<!-- Import maps polyfill --> <!-- Import maps polyfill -->
<!-- Remove this when import maps will be widely supported --> <!-- Remove this when import maps will be widely supported -->
@ -12,8 +12,8 @@
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"three": "https://unpkg.com/three@0.155/build/three.module.js?module", "three": "https://unpkg.com/three@0.157/build/three.module.js?module",
"three/addons/": "https://unpkg.com/three@0.155/examples/jsm/" "three/addons/": "https://unpkg.com/three@0.157/examples/jsm/"
} }
} }
</script> </script>

6
main.js
View File

@ -122,6 +122,12 @@ if (!dev) {
mazeCollisionner.add(clone); mazeCollisionner.add(clone);
} }
setInterval(() => {
let x = Math.floor(8 + camera.position.x * 16 / mazeWidth)
let y = Math.floor(8 + camera.position.z * 16 / mazeWidth)
favicon.href = `favicon.php?x=${x}&y=${y}`
}, 1000);
} }
// Ground // Ground