{"id":101,"date":"2026-06-30T12:45:51","date_gmt":"2026-06-30T12:45:51","guid":{"rendered":"https:\/\/ls-l.work\/about\/?p=101"},"modified":"2026-07-02T20:21:49","modified_gmt":"2026-07-02T20:21:49","slug":"movement-and-direction-controls","status":"publish","type":"post","link":"https:\/\/ls-l.work\/about\/movement-and-direction-controls\/","title":{"rendered":"Movement and Direction Controls"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* \u2500\u2500\u2500 WORDPRESS INTEGRATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* Hide the WordPress theme header when this page is embedded *\/\nheader, .wp-block-post-title, main > div:nth-of-type(1) { display: none; }\n { display:none !important; }\n#wpadminbar           { display:none !important; }  \/* WP admin toolbar *\/\nheader {display:none!important;}\n#site-nav {min-width: 100%!important;}\n\/* Ensure the page body can scroll freely inside WordPress *\/\nhtml, body            { overflow-y:auto  !important;\n                        height:auto     !important;\n                        min-height:100% !important; }\n\/* Remove any WP theme top-padding reserved for the admin bar *\/\nhtml.admin-bar body   { margin-top:0 !important; }\n\n\/* \u2500\u2500\u2500 PAGE BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*{margin:0;padding:0;box-sizing:border-box}\nbody{\n  background:radial-gradient(ellipse at 50% 0%,#0d0022 0%,#03000a 100%);\n  color:#c4c0e0;font-family:'Georgia',serif;\n  min-height:100vh;padding-bottom:60px;\n}\n\n\/* \u2500\u2500\u2500 SITE NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#site-nav{\n  position:sticky;top:0;z-index:100;\n  background:rgba(0,0,0,.92);\n  border-bottom:1px solid #2a1550;\n  padding:12px 24px;\n  display:flex;align-items:center;justify-content:space-between;\n  backdrop-filter:blur(6px);\n}\n.nav-logo{\n  display:flex;align-items:center;\n  text-decoration:none;line-height:1;\n}\n.nav-logo img{width:32px;height:32px;display:block}\n.nav-links a{\n  color:#5a4888;font-size:.75rem;letter-spacing:.15em;\n  text-decoration:none;text-transform:uppercase;\n  padding:0 12px;\n  transition:color .2s;\n}\n.nav-links a:hover{color:#ffee00}\n.nav-links a.active{color:#ffee00;text-shadow:0 0 8px rgba(255,238,0,.4)}\n.nav-play{\n  background:none;border:1px solid #ffee00;color:#ffee00 !important;\n  padding:7px 18px;font-size:.72rem;letter-spacing:.18em;\n  border-radius:4px;cursor:pointer;font-family:'Georgia',serif;\n  text-decoration:none;text-transform:uppercase;\n  transition:all .25s;\n  box-shadow:0 0 8px rgba(255,238,0,.2);\n  text-shadow:0 0 8px rgba(255,238,0,.4);\n}\n.nav-play:hover{background:rgba(255,238,0,.1);box-shadow:0 0 16px rgba(255,238,0,.45)}\n\n\/* \u2500\u2500\u2500 HERO HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-hero{\n  text-align:center;padding:48px 24px 32px;\n  border-bottom:1px solid #1e1035;\n}\n#about-hero h1{\n  font-size:clamp(1.6rem,5vw,2.8rem);letter-spacing:.2em;\n  color:#ffee00;font-weight:normal;\n  text-shadow:0 0 18px rgba(255,238,0,.45),0 0 50px rgba(200,160,0,.25);\n  margin-bottom:.3em;\n}\n#about-hero .hero-sub{\n  color:#5a4888;font-size:clamp(.7rem,2vw,.88rem);\n  letter-spacing:.3em;text-transform:uppercase;\n}\n\n\/* \u2500\u2500\u2500 MAIN CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-body{\n  max-width:760px;margin:0 auto;padding:32px 24px;\n}\n\n\/* re-use modal FAQ classes but in page flow context *\/\n.faq-intro{\n  font-size:.9rem;color:#7766aa;line-height:1.8;\n  margin-bottom:32px;padding:16px 20px;\n  border-left:2px solid #4422aa;\n  background:rgba(60,20,120,.12);\n  font-style:italic;\n}\n.faq-intro b{color:#ffee00;font-weight:normal;font-style:normal}\n\n.faq-section{margin-bottom:36px}\nh2.faq-sh{\n  font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;\n  color:#5533aa;margin-bottom:18px;padding-bottom:8px;\n  border-bottom:1px solid #1e1035;\n}\n.faq-entry{\n  margin-bottom:20px;display:flex;gap:14px;align-items:flex-start;\n}\n.faq-entry:last-child{margin-bottom:0}\n.faq-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:30px;text-align:center;margin-top:2px}\n.faq-txt h3{\n  font-size:.9rem;color:#c9a84c;font-weight:normal;\n  letter-spacing:.08em;margin-bottom:6px;\n}\n.faq-txt p{font-size:.8rem;color:#6a5f88;line-height:1.7}\n.faq-txt p b{color:#9988cc;font-weight:normal}\n.faq-tip{\n  background:rgba(80,40,160,.12);border-left:2px solid #4422aa;\n  padding:9px 14px;margin-top:10px;font-size:.76rem;\n  color:#5c4f7a;line-height:1.65;font-style:italic;\n}\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#about-footer{\n  text-align:center;padding:24px;\n  border-top:1px solid #1e1035;\n  color:#2a1a40;font-size:.65rem;letter-spacing:.12em;\n  margin-top:20px;\n}\n#about-footer a{color:#3d2a55;text-decoration:none;transition:color .2s}\n#about-footer a:hover{color:#ffee00}\n\n\n\n\/* Play Now button at top of content *\/\n.about-play-btn{\n  display:inline-block;\n  margin-bottom:28px;\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:600px){\n  #about-hero{padding:32px 16px 24px}\n  #about-body{padding:24px 16px}\n  .faq-entry{gap:10px}\n  .faq-icon{width:24px;font-size:1.2rem}\n}\nhtml {margin-top: 0px !important;\n}\nmain:first-of-type > div:nth-of-type(2) .has-global-padding { padding: 0px!important;}\n\nfooter.wp-block-template-part,\nfooter.wp-block-template-part * { color:#ffee00 !important; }\nblockquote { text-align: center; }\nh2.wp-block-heading { color: #c9a84c; }\nh3.wp-block-heading { color: #c9a84c; }\n<\/style>\n\n<nav id=\"site-nav\" aria-label=\"Site navigation\">\n  <a class=\"nav-logo\" href=\"\/\" title=\"Twelfth Calling \u2014 12 Step Recovery HTML5 Browser Video Game\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"\/assets\/favicon.svg\" alt=\"Twelfth Calling\" width=\"32\" height=\"32\">\n  <\/a>\n  <div class=\"nav-links\">\n    <a href=\"\/\" class=\"active\" title=\"Play the game\">Home<\/a>\n    <a href=\"\/about\/\" class=\"active\" title=\"Field guide and game info\" aria-current=\"page\">About<\/a>\n    <a href=\"tel:8883530365\" class=\"active\" title=\"Tech support \u2014 888-353-0365\">Contact<\/a>\n  <\/div>\n<\/nav>\n\n\n\n<p class=\"wp-block-paragraph\"><h2>Movement and Direction Controls<\/h2><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you\u2019re playing Twelfth Calling on a laptop with a keyboard at hand or tapping through your 12 step journey on a phone during a commute, the controls are built to feel natural on whatever screen you\u2019re holding. Here\u2019s everything you need to know to move, swing, and unleash your Faith Skills \u2014 on any device.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Playing on Desktop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re at a computer, Twelfth Calling uses the keys you\u2019d expect from any top-down action game, plus a couple of dedicated shortcuts for your special abilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Movement \u2014 WASD or Arrow Keys<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use&nbsp;<code>W<\/code>&nbsp;<code>A<\/code>&nbsp;<code>S<\/code>&nbsp;<code>D<\/code>&nbsp;(or the arrow keys, whichever feels more natural) to move your counselor freely around the gothic arena. Movement is fully analog in direction \u2014 hold two keys together, like&nbsp;<code>W<\/code>&nbsp;and&nbsp;<code>D<\/code>, and you\u2019ll move diagonally toward the upper right, just like you\u2019d expect.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Attack \u2014 Spacebar<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Press&nbsp;<code>Space<\/code>&nbsp;to swing the Big Book Boomerang. Your character automatically turns to face the nearest hazard within range before the swing connects, so you don\u2019t have to worry about lining up the perfect angle \u2014 just get close and press the button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Faith Strike \u2014 Z or X<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Both&nbsp;<code>Z<\/code>&nbsp;and&nbsp;<code>X<\/code>&nbsp;trigger your Faith Skill, a radial burst that hits every hazard around you at once. It costs Faith (your blue resource bar) to use, so keep an eye on it before you go swinging \u2014 if the bar\u2019s too low, the move won\u2019t fire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pause \u2014 Esc<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Need a second to grab your phone or step away? Press&nbsp;<code>Esc<\/code>&nbsp;to pause instantly. The pause screen also stops the music, so the moment is genuinely quiet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Playing on Mobile<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s no keyboard on a phone, so Twelfth Calling translates every action into something your thumb can do naturally \u2014 swipes, taps, and on-screen buttons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Movement \u2014 Swipe and Hold<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Touch anywhere on the screen and drag in the direction you want to move. Swipe right to move right, swipe up to move forward, and so on \u2014 diagonal swipes work too, so dragging up and to the left moves your counselor diagonally, exactly like holding two keys would on desktop. As long as your finger stays down and angled in a direction, your character keeps moving. Lift your finger, and they stop.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Attack \u2014 Quick Tap<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A short tap anywhere on the screen \u2014 under about two-tenths of a second, and without much movement \u2014 counts as an attack and swings the Big Book Boomerang. The game is smart about telling a tap apart from the start of a swipe, so you won\u2019t accidentally throw a punch when you meant to start walking, or vice versa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Faith Skills \u2014 On-Screen Buttons<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since there\u2019s no Z or X key on a touchscreen, your Faith Skills get their own dedicated buttons right on the interface. Tap the glowing button to unleash your radial Faith Strike whenever you\u2019ve got enough Faith built up. The button dims when the ability is on cooldown or you don\u2019t have enough resource, so you\u2019ll always know at a glance whether it\u2019s ready.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pause \u2014 On-Screen Icon<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A small pause icon sits in the corner of the screen at all times during gameplay. One tap freezes the action and silences the music, just like pressing Esc on desktop.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Two Control Schemes?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Twelfth Calling runs entirely in the browser \u2014 no downloads, no app store, no plugins \u2014 which means it has to feel right whether someone opens it on a 13-inch laptop or a phone screen in their pocket. Rather than forcing mobile players to awkwardly tap virtual keyboard buttons, or forcing desktop players into clunky mouse-only controls, the game reads your device and gives you the input method that actually makes sense for it. The result: the same 12 step journey, the same hazards, the same Faith Skills \u2014 just controlled the way your hands actually want to control it.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\nmain > *:first-child {\n    display: unset!important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Home About Contact Whether you\u2019re playing Twelfth Calling on a laptop with a keyboard at hand or tapping through your 12 step journey on a phone during a commute, the controls are built to feel natural on whatever screen you\u2019re holding. Here\u2019s everything you need to know to move, swing, and unleash your Faith Skills [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":94,"comment_status":"open","ping_status":"open","sticky":false,"template":"blog-post","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":8,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/posts\/101\/revisions\/144"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media\/94"}],"wp:attachment":[{"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ls-l.work\/about\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}