dimensions(); $entc = $w * $h; $this->stack = []; $this->name = $name; //$this->loaded=false; $this->game = $game; $this->stylist = $stylist; for ($i = 0; $i < $entc; $i++) { $ent = (object) []; $elid = $name . dechex($i); $elem = "
"; $ent->name = '#' . $elid; $ent->num = new CursedNumber($stylist, $elid . "n", appendf($elem), 5); $ent->vis = false; $ent->real = ['color' => [0, 0, 0], 'pos' => [0, 0], 'z' => 0, 'value' => 0]; $ent->fake = $ent->real; $elem .= "
\n"; $write($elem); $this->ents[] = $ent; } $this->draw(0); /*$game->attach_handler(function($type,$event){ if($this->loaded){ //$realm="slide"; switch($type){ case BoardEventType::Slide: $id=$event->id; $ent=$this->ents[$id]; break; case BoardEventType::Merge: break; case BoardEventType::Despawn: throw new Exception("unimplemented"); break; case BoardEventType::Spawn: //$realm="spawn"; break; } }else{ } }); */ } private function update(float $dt) { if ($dt <= 0) {return;} if (count($this->stack) == 0) {return;} $this->t += $dt; } public function draw(float $dt) { //$this->update($dt); foreach ($this->ents as $id => $ent) { $ent->vis = false; } $this->game->detach_handler($this->game->attach_handler(function ($type, $event) { if ($type != BoardEventType::Spawn) { return; } $value = $event->value; $pos = $event->pos; $ent = $this->ents[$event->id]; $ent->vis = true; $ent->real = ['color' => self::valcolor($value), 'pos' => $pos, 'z' => 0, 'value' => $value]; $ent->fake = $ent->real; })); [$w, $h] = $this->game->dimensions(); $stylist = $this->stylist; foreach ($this->ents as $id => $ent) { $stylist->set($ent->name, "display", $ent->vis ? 'flex' : 'none'); $stylist->set($ent->name, "z-index", $ent->fake['z']); $stylist->set($ent->name, "justify-content", "center"); $stylist->set($ent->name, "align-items", "center"); $stylist->set($ent->name, "position", "absolute"); $stylist->set($ent->name, "background-color", sprintf("#%02X%02X%02X", ...$ent->fake['color'])); [$x, $y] = $ent->fake['pos']; $stylist->set($ent->name, "left", sprintf("%f%%", ($x / $w) * 100)); $stylist->set($ent->name, "top", sprintf("%f%%", ($y / $w) * 100)); $stylist->set($ent->name, "width", sprintf("%f%%", (1 / $w) * 100)); $stylist->set($ent->name, "height", sprintf("%f%%", (1 / $h) * 100)); $stylist->set($ent->name, "font-size", "2em"); $ent->num->draw($ent->fake['value']); } } public function mstart() { $this->buf = []; } public function mend() { array_push($this->stack, array_values($this->buf)); } } const MOVES = [ 'u' => Direction::Up, 'd' => Direction::Down, 'l' => Direction::Left, 'r' => Direction::Right, ]; function game(&$quitf) { global $alive; $uid = bin2hex(random_bytes(8)); $dir = DIR . hash("sha256", $uid); $socket = socket_create(AF_UNIX, SOCK_DGRAM, 0); socket_bind($socket, $dir); socket_set_nonblock($socket); $quitf = function () use (&$socket, &$dir) { socket_close($socket); unlink($dir); }; chunk_start(); $styles = ""; $cons = ""; $elems = ""; $statusl = ""; $stwrite = appendf($styles); $stylist = new StyleMutator(callf($stwrite)); foreach ([ ["l", "<", 1, 2], ["d", "v", 2, 3], ["u", "^", 2, 1], ["r", ">", 3, 2], ] as [$cmd, $label, $x, $y]) { $cons .= "
" . "
"; $stylist->set("#cbd$cmd", "grid-row-start", $y); $stylist->set("#cbd$cmd", "grid-column-start", $x); } $statusl .= "
"; $tlab = new CursedNumber($stylist, "tcc", appendf($statusl)); $statusl .= " fps
You won!
score: "; $scor = new CursedNumber($stylist, "scc", appendf($statusl)); $tlab->draw(0); $scor->draw(0); $game = new x1p11(4, 4); $gamer = new BlockAnims($stylist, "gg", $game, appendf($elems)); [$w, $h] = $game->dimensions(); $statusl .= "
"; unset($cmd, $label); $bvalc = 16; unset($i, $elem, $elid, $bval, $bvald, $elnc, $elnid); $stylist->set("#win", "display", "none"); $stylist->set("#die", "display", "none"); $stylist->present(); $headch = << 2048.php $styles
$elems
$statusl
Game over.
$cons
Eof; unset($styles, $elems, $cons, $statusl); $stwrite = 'chunk'; chunk($headch); $timer = new DTimer(); $score = 0; $lost = false; $won = false; $game->attach_handler(function ($type, $event) use (&$lost, &$won, &$score) { switch ($type) { case BoardEventType::Score: $score += $event->value; break; case BoardEventType::Win: $won = true; break; case BoardEventType::Lose: $lost = true; break; } }); $t = 0; $tt = (int) (1000_000 / 30); $hidden = false; $hidt = 1; $tod = 10; $ii = 2; while (1) { $dt = $timer->tick(); $t += $dt; $hidt -= $dt; $tod -= $dt; if ($hidt <= 0) { $hidden = !$hidden; $hidt = 0.5; } //$stylist->set("#board","display",$hidden?"none":"block"); //$stylist->set("#board", "width", ((sin($t) + 1) / 2 * 25) . 'em'); //chunk(""); // stress test $buf = ''; while (socket_recv($socket, $buf, 65536, 0) != false) { if (MOVES[$buf]) { $game->move(MOVES[$buf]); if ($lost) { $stylist->set("#con", "display", "none"); $stylist->set("#die", "display", "initial"); } if ($won) { $stylist->set("#win", "display", "initial"); } } } $tlab->draw(1 / $dt); $gamer->draw($dt); $scor->draw($score); $stylist->present(); if (connection_aborted() || !$alive) { error_log("bye!"); return; } if ($lost) { break; } usleep(floor(max($tt - $dt, 0))); //if(--$ii==0){ break; } } /*chunk(<< */ chunk_end(); }; $path = explode('/', $_SERVER["REQUEST_URI"]); $path = array_values(array_filter($path, function ($e) { return $e != ''; })); $spath = implode('/', $path); if ($spath == '') { echo << 2048

2048.php

An implementation of the popular puzzle game 2048.

As it relies heavily on progressive HTML rendering and advanced CSS features (e.g. display: none) it might not work in older web browsers.

Start game

EOF; } else if ($spath == "play") { $quitf = function () {}; try { game($quitf); } catch (\Throwable $e) { error_log($e); } finally { $quitf(); } } else { if ($path[0] == "play") { array_shift($path); } if ($path[0] != "act") { echo "404\n"; return; } array_shift($path); if (count($path) < 2) { echo "bad\n"; return; } $dir = DIR . hash("sha256", $path[0]); $socket = socket_create(AF_UNIX, SOCK_DGRAM, 0); socket_sendto($socket, $path[1], strlen($path[1]), 0, $dir); }