{"id":640,"date":"2025-11-30T22:35:01","date_gmt":"2025-11-30T22:35:01","guid":{"rendered":"https:\/\/mityjohn.com\/?page_id=640"},"modified":"2025-11-30T23:03:25","modified_gmt":"2025-11-30T23:03:25","slug":"sportsmadness","status":"publish","type":"page","link":"https:\/\/mityjohn.com\/?page_id=640","title":{"rendered":"Sports Madness"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Bringing Gamification, Creativity &amp; Real-Time Control to Any Sport<\/h2>\n\n\n\n<p><strong>Sports Madness <\/strong>(initially <strong>Hockey Madness<\/strong>) is a modular game format that adds chaos, creativity and strategic fun to traditional sports.<br>Instead of rewriting the sport itself, Sports Madness introduces <strong>short-lived game modifiers<\/strong> \u2014 \u201cboosters\u201d and \u201cmaddies\u201d \u2014 that temporarily change the rules and transform matches into energetic, unpredictable experiences.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/51781271-e481-4a68-83ed-36a438f791fd-1-1024x768.jpg\" alt=\"\" class=\"wp-image-654\" srcset=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/51781271-e481-4a68-83ed-36a438f791fd-1-1024x768.jpg 1024w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/51781271-e481-4a68-83ed-36a438f791fd-1-300x225.jpg 300w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/51781271-e481-4a68-83ed-36a438f791fd-1-768x576.jpg 768w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/51781271-e481-4a68-83ed-36a438f791fd-1.jpg 1226w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Originally designed for indoor field hockey, the concept has proven flexible enough to adapt to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>football\/futsal<\/li>\n\n\n\n<li>korfball<\/li>\n\n\n\n<li>handball<\/li>\n\n\n\n<li>basketball<\/li>\n\n\n\n<li>volleyball<\/li>\n\n\n\n<li>racket sports<\/li>\n\n\n\n<li>and youth training formats<\/li>\n<\/ul>\n\n\n\n<p>This page explains the general concept and how the <strong>SportsMadness App<\/strong> brings the game mode to life.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">What <em>is<\/em> Sports Madness?<\/h3>\n\n\n\n<p>Sports Madness is built around one core idea:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>A traditional match stays fully recognizable\u2026 until a short-lived modifier is triggered.<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p>These modifiers come in two categories:<\/p>\n\n\n\n<p><strong>Maddies<\/strong><\/p>\n\n\n\n<p><strong>Game-wide rule changes<\/strong> imposed for a short period \u2014 usually 30 to 120 seconds.<\/p>\n\n\n\n<p>Examples across different sports:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Double Trouble<\/strong> \u2013 two balls in play<\/li>\n\n\n\n<li><strong>Power Play<\/strong> \u2013 1 opposing player must leave the field<\/li>\n\n\n\n<li><strong>Golden Time<\/strong> \u2013 all goals\/points count double<\/li>\n\n\n\n<li><strong>Supersize \/ Minisize<\/strong> \u2013 larger or smaller goals, nets or zones<\/li>\n\n\n\n<li><strong>Trick Mode<\/strong> \u2013 players must perform the action (pass\/shot\/dribble) using a predefined variation<\/li>\n\n\n\n<li><strong>Specialist Duel<\/strong> \u2013 1v1 showdown between selected players<\/li>\n\n\n\n<li><strong>Chaos Mode<\/strong> \u2013 rotating rule changes every 10 seconds<\/li>\n<\/ul>\n\n\n\n<p>Maddies shift the rhythm of the game and create strategic decision moments.<\/p>\n\n\n\n<p><strong>Boosters<\/strong><\/p>\n\n\n\n<p><strong>Team-specific advantages<\/strong>, triggered at key tactical moments.<\/p>\n\n\n\n<p>Examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lucky Shot<\/strong> \u2013 next goal\/point counts extra<\/li>\n\n\n\n<li><strong>Wingman<\/strong> \u2013 an extra player joins<\/li>\n\n\n\n<li><strong>Silent Mode<\/strong> \u2013 opponent may not communicate<\/li>\n\n\n\n<li><strong>Precision Play<\/strong> \u2013 bonus points for hitting a small target<\/li>\n\n\n\n<li><strong>Timeout Override<\/strong> \u2013 immediate team timeout<\/li>\n<\/ul>\n\n\n\n<p>Boosters give coaches agency and timing-based strategy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Activation Flow<\/h3>\n\n\n\n<p>Every modifier (maddie or booster) follows a clear flow:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>10\/15s countdown<\/strong><\/li>\n\n\n\n<li><strong>Audio + visual cues<\/strong><\/li>\n\n\n\n<li><strong>Start signal<\/strong><\/li>\n\n\n\n<li><strong>Effect duration<\/strong><\/li>\n\n\n\n<li><strong>End signal<\/strong><\/li>\n\n\n\n<li><strong>Automatic cleanup<\/strong><\/li>\n<\/ol>\n\n\n\n<p>This keeps players, coaches and referees aligned at all times and ensures the match remains safe and structured.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The SportsMadness App<\/h3>\n\n\n\n<p>A real-time web application built to control the full game experience.<\/p>\n\n\n\n<p><strong>Live App:<\/strong> <a href=\"https:\/\/janvanwassenhove.github.io\/sportsmadness\">https:\/\/janvanwassenhove.github.io\/sportsmadness<\/a><br><strong>Source Code:<\/strong> <a href=\"https:\/\/github.com\/janvanwassenhove\/sportsmadness\">https:\/\/github.com\/janvanwassenhove\/sportsmadness<\/a><\/p>\n\n\n\n<p>The SportsMadness app provides:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Match Control Dashboard<\/strong><\/h4>\n\n\n\n<p>Used by organizers\/referees to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>add goals\/points<\/li>\n\n\n\n<li>track penalties or fouls<\/li>\n\n\n\n<li>trigger maddies<\/li>\n\n\n\n<li>track booster activation<\/li>\n\n\n\n<li>show all countdowns<\/li>\n\n\n\n<li>control game time<\/li>\n\n\n\n<li>manage on-court events<\/li>\n<\/ul>\n\n\n\n<p>Everything updates in real time to every connected screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"1024\" src=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/match_control-1-920x1024.png\" alt=\"\" class=\"wp-image-649\" srcset=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/match_control-1-920x1024.png 920w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/match_control-1-269x300.png 269w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/match_control-1-768x855.png 768w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/match_control-1.png 1056w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Professional-Looking Scoreboard<\/strong><\/h4>\n\n\n\n<p>Ideal for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>projectors<\/li>\n\n\n\n<li>TV screens<\/li>\n\n\n\n<li>LED walls<\/li>\n<\/ul>\n\n\n\n<p>Shows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>score<\/li>\n\n\n\n<li>timers<\/li>\n\n\n\n<li>active effects<\/li>\n\n\n\n<li>icons<\/li>\n\n\n\n<li>warnings<\/li>\n\n\n\n<li>booster\/maddie countdowns<\/li>\n<\/ul>\n\n\n\n<p>Designed for fast readability from a distance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"656\" src=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2-1024x656.png\" alt=\"\" class=\"wp-image-650\" srcset=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2-1024x656.png 1024w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2-300x192.png 300w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2-768x492.png 768w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2-1536x983.png 1536w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/scoreboard_2-2.png 1676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Coach Mobile Booster Control<\/strong><\/h4>\n\n\n\n<p>Coaches get a mobile interface that lets them:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>activate boosters at strategic moments<\/li>\n\n\n\n<li>see cooldowns<\/li>\n\n\n\n<li>monitor game state<\/li>\n\n\n\n<li>avoid conflicts with active maddies<\/li>\n<\/ul>\n\n\n\n<p>The app prevents \u201cillegal\u201d activations and ensures safe timing.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Tournament Builder &amp; Scheduling<\/strong><\/h4>\n\n\n\n<p>The platform includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>team creation<\/li>\n\n\n\n<li>player lists<\/li>\n\n\n\n<li>match schedules<\/li>\n\n\n\n<li>automated results<\/li>\n\n\n\n<li>multicourt support<\/li>\n<\/ul>\n\n\n\n<p>Everything runs browser-only \u2014 no installation, no servers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Technical Overview (General)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Frontend:<\/strong> Vue 3<\/li>\n\n\n\n<li><strong>Backend:<\/strong> Supabase (authentication + realtime channels)<\/li>\n\n\n\n<li><strong>Architecture:<\/strong> event-driven game engine<\/li>\n\n\n\n<li><strong>Data flow:<\/strong> reactive UI + real-time sync for all clients<\/li>\n\n\n\n<li><strong>Mobile controls:<\/strong> optimized for touch<\/li>\n\n\n\n<li><strong>Deployment:<\/strong> GitHub Pages + Supabase<\/li>\n<\/ul>\n\n\n\n<p>Flexible enough to support <strong>multiple sports<\/strong>, <strong>different rule packs<\/strong>, and <strong>custom game modes<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"1024\" src=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/tournament_builder-1-924x1024.png\" alt=\"\" class=\"wp-image-651\" srcset=\"https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/tournament_builder-1-924x1024.png 924w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/tournament_builder-1-271x300.png 271w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/tournament_builder-1-768x851.png 768w, https:\/\/mityjohn.com\/wp-content\/uploads\/2025\/11\/tournament_builder-1.png 1085w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Why Sports Madness?<\/h2>\n\n\n\n<p>Because adding gamified moments doesn\u2019t replace the sport \u2014<br>it <strong>amplifies<\/strong> it.<\/p>\n\n\n\n<p>Sports Madness lets organizers:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>boost player engagement<\/li>\n\n\n\n<li>add humor and unpredictability<\/li>\n\n\n\n<li>create memorable moments<\/li>\n\n\n\n<li>make youth tournaments more fun<\/li>\n\n\n\n<li>create festival-style \u201cshow matches\u201d<\/li>\n\n\n\n<li>test new formats safely<\/li>\n<\/ul>\n\n\n\n<p>And for developers or architects, it\u2019s a showcase of how <strong>sport + real-time tech + gamification<\/strong> can come together in one seamless experience.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>App <a href=\"https:\/\/janvanwassenhove.github.io\/sportsmadness\">https:\/\/janvanwassenhove.github.io\/sportsmadness<\/a><\/p>\n\n\n\n<p>Github Source Code <a href=\"https:\/\/github.com\/janvanwassenhove\/sportsmadness\">https:\/\/github.com\/janvanwassenhove\/sportsmadness<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-mity-john wp-block-embed-mity-john\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"eacvaQgWO4\"><a href=\"https:\/\/mityjohn.com\/?p=602\">Hockey Madness: Celebrating Ten Years with Chaos and Charm<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Hockey Madness: Celebrating Ten Years with Chaos and Charm&#8221; &#8212; miTy John\" src=\"https:\/\/mityjohn.com\/?p=602&#038;embed=true#?secret=Bli5sloLwP#?secret=eacvaQgWO4\" data-secret=\"eacvaQgWO4\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-mity-john wp-block-embed-mity-john\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Fq4qPFKG7A\"><a href=\"https:\/\/mityjohn.com\/?p=603\">Code, Chaos &amp; Copilots: The Tech Magic Behind Hockey Madness<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Code, Chaos &amp; Copilots: The Tech Magic Behind Hockey Madness&#8221; &#8212; miTy John\" src=\"https:\/\/mityjohn.com\/?p=603&#038;embed=true#?secret=F6JVJqFSqM#?secret=Fq4qPFKG7A\" data-secret=\"Fq4qPFKG7A\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Bringing Gamification, Creativity &amp; Real-Time Control to Any Sport Sports Madness (initially Hockey Madness) is a modular game format that adds chaos, creativity and strategic fun to traditional sports.Instead of rewriting the sport itself, Sports Madness introduces short-lived game modifiers \u2014 \u201cboosters\u201d and \u201cmaddies\u201d \u2014 that temporarily change the rules and transform matches into energetic, [&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-640","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/pages\/640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mityjohn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=640"}],"version-history":[{"count":7,"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/pages\/640\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/mityjohn.com\/index.php?rest_route=\/wp\/v2\/pages\/640\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/mityjohn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}