{"id":236,"date":"2026-10-23T23:31:42","date_gmt":"2026-10-23T23:31:42","guid":{"rendered":"https:\/\/barriegamersociety.com\/?page_id=236"},"modified":"2026-10-24T20:01:09","modified_gmt":"2026-10-24T20:01:09","slug":"spacedout","status":"publish","type":"page","link":"https:\/\/barriegamersociety.com\/?page_id=236","title":{"rendered":"SpacedOut"},"content":{"rendered":"\n<div id=\"so-outer\" style=\"padding:0 20px\">\n<div id=\"so-box\" style=\"position:relative;margin:0 auto;width:100%\">\n<iframe id=\"so-frame\" src=\"https:\/\/barriegamersociety.com\/spacedout-game\/\" title=\"SpacedOut\" style=\"display:block;width:100%;aspect-ratio:16\/9;border:0;border-radius:8px;background:#05060d\" allow=\"fullscreen\" allowfullscreen><\/iframe>\n<div id=\"so-tap\" role=\"button\" tabindex=\"0\" style=\"display:none;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:8px;background:rgba(5,6,13,.72);color:#fff;font:600 20px system-ui,sans-serif;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent\"><div style=\"position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 16px\">&#9654; Tap to play full screen<div style=\"margin-top:8px;font:14px system-ui,sans-serif;color:#aab0c8\">Landscape works best<\/div><\/div><\/div>\n<\/div>\n<div id=\"so-exit\" role=\"button\" aria-label=\"Exit full screen\" style=\"display:none;position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));z-index:2147483647;width:40px;height:40px;line-height:40px;text-align:center;border-radius:20px;background:rgba(20,24,50,.85);color:#fff;font:24px system-ui,sans-serif;border:1px solid rgba(120,130,190,.8);cursor:pointer;-webkit-tap-highlight-color:transparent\">&#10005;<\/div>\n<\/div>\n<script>\n(function () {\n  var box = document.getElementById('so-box'), f = document.getElementById('so-frame'),\n      tap = document.getElementById('so-tap'), exitBtn = document.getElementById('so-exit'),\n      outer = document.getElementById('so-outer');\n  \/\/ NOTE: WordPress rewrites the double-ampersand operator in post content and that breaks the script, so never use it here.\n  var touch = false;\n  try { touch = window.matchMedia('(pointer: coarse)').matches; } catch (e) {}\n  var full = false, boxStyle = box.getAttribute('style');\n\n  function headerH() {   \/\/ the site header is sticky, so it covers the top of the window\n    var h = document.querySelector('header');\n    if (!h) return 0;\n    var p = getComputedStyle(h).position;\n    return (p === 'sticky' || p === 'fixed') ? h.getBoundingClientRect().height : 0;\n  }\n  function fit() {       \/\/ normal (non-full-screen) layout: fit the game in the window without scrolling\n    if (full) return;\n    var availH = window.innerHeight - headerH() - 16;\n    var maxW = outer.clientWidth - 40;\n    var w = Math.max(280, Math.min(maxW, availH * 16 \/ 9));\n    box.style.width = w + 'px';\n  }\n  function bringIntoView() {\n    var top = box.getBoundingClientRect().top + window.pageYOffset;\n    var target = top - headerH() - 8;\n    if (window.pageYOffset < target) window.scrollTo(0, Math.max(0, target));\n  }\n\n  \/\/ Full screen: ask the browser for real full screen (Android, iPad, desktop) and ALSO cover the whole\n  \/\/ window ourselves, which is what makes it work on iPhone where the browser has no full-screen API.\n  function enterFull() {\n    if (full) return;\n    full = true;\n    box.style.cssText = 'position:fixed;left:0;top:0;width:100vw;height:100vh;height:100dvh;z-index:2147483646;margin:0;background:#05060d';\n    f.style.cssText = 'display:block;width:100%;height:100%;border:0;border-radius:0;background:#05060d';\n    document.documentElement.style.overflow = 'hidden';\n    document.body.style.overflow = 'hidden';\n    tap.style.display = 'none';\n    exitBtn.style.display = 'block';\n    var rq = f.requestFullscreen || f.webkitRequestFullscreen;\n    if (rq) {\n      try { var p = rq.call(f); if (p) p.catch(function () {}); } catch (e) {}\n    }\n    try { screen.orientation.lock('landscape').catch(function () {}); } catch (e) {}\n  }\n  function exitFull() {\n    if (!full) return;\n    full = false;\n    box.setAttribute('style', boxStyle);\n    f.setAttribute('style', 'display:block;width:100%;aspect-ratio:16\/9;border:0;border-radius:8px;background:#05060d');\n    document.documentElement.style.overflow = '';\n    document.body.style.overflow = '';\n    exitBtn.style.display = 'none';\n    if (touch) tap.style.display = 'block';\n    var ex = document.exitFullscreen || document.webkitExitFullscreen;\n    if (document.fullscreenElement || document.webkitFullscreenElement) {\n      if (ex) { try { ex.call(document); } catch (e) {} }\n    }\n    try { screen.orientation.unlock(); } catch (e) {}\n    fit();\n    setTimeout(bringIntoView, 50);\n  }\n\n  tap.addEventListener('click', enterFull);\n  tap.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') enterFull(); });\n  exitBtn.addEventListener('click', exitFull);\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') exitFull(); });\n  function onFsChange() {\n    if (!full) return;\n    if (document.fullscreenElement || document.webkitFullscreenElement) return;\n    exitFull();\n  }\n  document.addEventListener('fullscreenchange', onFsChange);\n  document.addEventListener('webkitfullscreenchange', onFsChange);\n\n  if (touch) tap.style.display = 'block';\n  fit();\n  window.addEventListener('resize', fit);\n  window.addEventListener('load', function () { fit(); if (!touch) bringIntoView(); });\n})();\n<\/script>\n\n\n\n<div class=\"bgs-pagehero\" style=\"background-image:linear-gradient(135deg,rgba(40,80,210,.6),rgba(11,11,20,.88))\"><h1>SpacedOut<\/h1><p>Scout, colonize, and outgrow your rival.<\/p><\/div>\n\n\n\n<div class=\"wp-block-group bgs-prose is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">Drag from your planet to another to send guys; hold longer to send more. One guy to an unexplored world scouts it; one guy to an explored empty world colonizes it. Groups sent at enemy planets fight in space, then on the ground. Release on your own planet to guard it in orbit. On a phone, tap the game to play full screen (landscape works best). Scroll up for the site menu.<\/p>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>&#9654; Tap to play full screen Landscape works best &#10005; SpacedOut Scout, colonize, and outgrow your rival. Drag from your planet to another to send guys; hold longer to send more. One guy to an unexplored world scouts it; one guy to an explored empty world colonizes it. Groups sent at enemy planets fight in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/pages\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=236"}],"version-history":[{"count":6,"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/pages\/236\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=\/wp\/v2\/pages\/236\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/barriegamersociety.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}