<<nobr>>
<<set $list to Story.lookup("tags", "VN")>>
<<set $a to $list.length + $list.length%2>>
<<for $j to 0; $j lt $a; $j+=2>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2023/assets/games/" + $g.title + "/cover.png">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="300"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j>>
<</nobr>><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/ui/categories/SuMix2023.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText"> The Hand Eye Society's Mixtape Program showcases short and experimental game experiences from across the games Community. For Super FESTival 2023, we've chosen thse quirky experiences for our newest mixtape! </div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Mix")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2023/assets/games/" + $g.title + "/cover.png">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/<table style="border-color:#ffffff00; margin:0 auto;">
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ArcadeIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include NarrativeIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ExpIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;margin: 0 auto"><<include CanadaIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;" colspan="2"><<include AllIcon>></td></tr>
</table><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/VN.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText"> Visual Novels have an significant history for telling deep and profound stories through games. Come see how the medium has genre has evolved and what the new generation of the visual novel tradition has in store!</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "VN")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<<include GameCategoryListing>>
</div><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/ActionRPG.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">We all have fond memories of games and the many battles and adventures they gave us. Now experience new action experiences and RPG adventures through this section of the showcase.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Action")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ArcadeIcon>> <<include ExpIcon>> <<include NarrativeIcon>> <<include CanadaIcon>> <<include AllIcon>>
</div>
<</nobr>>
</table>
</div><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/18+.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText"> <b>TRIGGER WARNING!</b> All games in this category deal with sensitive and violent subject matter that can be triggering for some players. This, however, does not take away from their value as art. These games are only to be played by those who are 18 and up.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "18+")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/<table style="border-color:#ffffff00; margin:0 auto;">
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ArcadeIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include NarrativeIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ExpIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;margin: 0 auto"><<include CanadaIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;" colspan="2"><<include AllIcon>></td></tr>
</table><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Arcade.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">We all have fond memories of games and the many battles and adventures they gave us. Now experience new arcade adventures through this section of the showcase.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Arcade")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ActionIcon>> <<include ExpIcon>> <<include NarrativeIcon>> <<include CanadaIcon>> <<include AllIcon>>
</div>
<</nobr>>
</table>
</div><img src="https://handeyesociety.com/sufest2025/assets/images/ui/box/top.png" style="width:100%; margin:0; padding:0; line height:0;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/box/mid.png"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/box/bottom.png" style="width:100%;"><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Canada.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">All games are important, but as a Canadian organization, the Hand Eye Society is spotlighting games created in our country while accepting that we stand on Indigenous land. See what diverse experiences Canadians are capable of.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Canada")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ArcadeIcon>> <<include ActionIcon>> <<include ExpIcon>> <<include NarrativeIcon>> <<include AllIcon>>
</div>
<</nobr>>
</table>
</div>[[All]]
/* [[Visual Novel]] */
[[Arcade]]
/* [[Puzzle]] */
[[Experimental]]
[[Narrative]]
/* [[18+]] */
[[Canada]]
/* [[SuFestMixTape]] */
/*Categories<a data-passage="Games">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/All.png" height="45px">/*Name*/</a><a data-passage="Arcade">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Arcade.png" height="45px">/*Name*/</a><a data-passage="Action">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/ActionRPG.png" height="45px">/*Name*/</a><a data-passage="Experimental">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Experimental.png" height="45px">/*Name*/</a><a data-passage="Narrative">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Narrative.png" height="45px">/*Name*/</a><a data-passage="Canada">/*Profile Image*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Canada.png" height="45px">/*Name*/</a><table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ArcadeIcon>> <<include NarrativeIcon>> <<include ActionIcon>> <<include ExpIcon>> <<include CanadaIcon>>
</div>
<</nobr>>
</table>
/*Platforms*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/SteamIcon-Black.png" style="width:60%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/itchio-logo-black.png" style="width:60%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/appstore.png" style="width:30%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/google.png" style="width:30%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/playdate.jpg" style="width:30%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/market/Nintendo.jpg" style="width:30%">
/*Websites*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/website.png" style="width:60%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/press.png" style="width:60%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/linktree.png" style="width:60%">
/*Socials*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/fb.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/x.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/insta.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/threads.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/tiktok.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/bsky.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/mastodon.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/discord.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/youtube.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/twitch.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/tumblr.png" style="width:20%"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/linkedin.png" style="width:20%">
/*Small-Socials*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/fb.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/x.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/insta.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/threads.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/tiktok.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/bsky.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/mastodon.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/discord.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/youtube.png" style="height:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/twitch.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/itch2.png" style="width:5vh"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/socials/linkedIn.png" style="width:5vh"><<nobr>>
<a href="https://twitter.com/handeyesociety" target="_blank"><<include TwitterIcon-small>></a>
<a href="https://twitch.tv/handeyesociety" target="_blank"><<include TwitchIcon-small>></a>
<a href="https://discord.gg/urAUjk5" target="_blank"><<include DiscordIcon-small>></a>
<a href="https://handeyesociety.itch.io" target="_blank"><<include ItchIcon-small>></a>
<a href="https://www.youtube.com/@handeyesociety" target="_blank"><<include YoutubeIcon-small>></a>
<a href="https://facebook.com/groups/HandEyeSociety" target="_blank"><<include FBIcon-small>></a>
<a href="https://instagram.com/handeyesociety" target="_blank"><<include InstaIcon-small>></a>
<a href="https://bsky.app/profile/thehandeyesociety.bsky.social" target="_blank"><<include BSkyIcon-small>></a>
<</nobr>><div class="category"><img @src=$catImage class="catBanner">
<main class="gallery">
<<set $GameList to Story.lookup("tags", $topic)>>
<<for $i to 0; $i lt $GameList.length; ++$i>>
<<silently>>
<<include $GameList[$i].title>>
/* SIMPLE FORMAT: [img[$me.imageName][$me.passageName]]
<<print "[[" + $me.artistName + "|" + $me.passageName + "]]">>*/
<</silently>>
<div class="category_container">/* vendor_container*/
<a data-passage=$GameList[$i].title class="category-item">/*Profile Image*/<div class="category-image"><div class="land_profile"><img src=$GameList[$i].img ></div></div>
/*Name*/<h1 class="land_name">$GameList[$i].title</h1>
</a></div>
<</for>>
<<unset $GameList, $i>>
</main>
[[<< Back->Start]]
</div>
/*-------------*/
/*EXTRA CODE*/
/*Changes location property on Sidebar*/
<<set $Location to passage()>>
/*-------------*/
/*EXTRA TEMPLATE CODE*/
/*jQuery Code to change the background color/image and font color. Can be adapted to alter more things such as font. Loads all content first and applies layout changes. Color is font color.*/
/*Uncomment below code to use*/
/*Reset back to default background and font colors*/
<<script>>
$(document).one(":passageend", function () {
$("body").css({ "background-color": "#111111", color: "white"});
});
<</script>>
/*Audio killing code if desired*/
/*<<audio :all stop>>*/<div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Experimental.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText"> At the Hand Eye Society, we love when people experiment and push the definition of what a game can and should be. These experimental games showcase new takes on game creation with profound results.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Exp")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<div class="vendor_container">
<table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ArcadeIcon>> <<include NarrativeIcon>> <<include ActionIcon>> <<include CanadaIcon>> <<include AllIcon>>
</div>
<</nobr>>
</table>
</div><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Narrative.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">Games have always been a unique breeding ground for story experimentation to tell wild interactive tales. Spin a great yarn with these titles and experience there groundbreaking stories.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Nar")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<table style="width=80%;">
<<nobr>>
<div class="centreObj">
<<include ArcadeIcon>> <<include ActionIcon>> <<include ExpIcon>> <<include CanadaIcon>> <<include AllIcon>>
</div>
<</nobr>>
</table>
</div><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Puzzle.png" width="250px"></div>
<<nobr>><div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">Everyone loves a good challenge and having their 'eureka' moment. These Puzzle games are sure to tease your mind as you attempt to solve their mysteries and challenges.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Vendors*/<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "Puzzle")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
/*Other Categories*/
<div class="vendor_container">
<<include GameCategoryListing>>
</div>/*Column 1*/
<a data-passage="About"><<include AboutIcon>></a>/*About*/
<a data-passage="Speakers"><<include SpeakersIcon>></a>/*Speakers*/
<a data-passage="Ball"><<include BallIcon>></a>/*The Ball*/
<a data-passage="Workshops" style="padding-top: 10px;"><<include WorkshopIcon>></a>/*Workshops*/
/*Random*/<<set _passageList = Story.lookupWith(function (p) { return p.tags.includesAny(["game"]); }).map(function (p) { return p.title; })>>
<<link '<<include RandomIcon>>' `_passageList.random()`>><</link>>
/*Column 2*/
<a data-passage="Games"><<include GamesIcon>></a>/*Games*/
<a data-passage="Twitch"><<include HES-TwitchIcon>></a>/*Twitch*/
<a data-passage="Torontron"><<include TorontronIcon>></a>/*Mixtape*/
<a href="https://discord.gg/FAcrPub8c9" target="_blank"><<include HES-DiscordIcon>></a>/*Discord*/
<a data-passage="Credits"><<include CreditsIcon>></a>/*Credits*/
<a href="https://www.zeffy.com/en-CA/fundraising/donate-to-support-canadian-videogame-arts" style="padding-top: 5px;" target="_blank"><<include DonateIcon>></a>
/*Note that I have noticed that this will sometimes glitch if called as an include, but only seemingly at random after saving. May put back in main.twee if this issue persists*/<img src="https://handeyesociety.com/sufest2025/assets/images/ui/About.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Speakers.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Stream.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Workshops.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Random.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Exhibitors.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Torontrons.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Ball.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Discord.png" width="95px"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Credits.png" width="95px" style="padding-top: 10px;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Donations.png" width="95px"><div class="Title">''The Edge of Allegoria''</div>
<span class="creators">/*Name*/ Button Factory Games
/*Location*/ Midland, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game01-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game01-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/5.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://drive.google.com/drive/folders/1sJ_diG_8Rq6WP_6dT3umydg0vFg68tCt" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/1870700/The_Edge_of_Allegoria" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.nintendo.com/en-ca/store/products/the-edge-of-allegoria-switch/" target="_blank"><<include NintendoEShop>></a>
<a href="https://linktr.ee/its_avg_joe" target="_blank"><<include LinkTreeIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>The Edge of Allegoria is a turn-based RPG, inspired by the golden age of handheld gaming. But make no mistake: This ain't no f@&#ing kid's game.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
My name is Joe, and I'm a solo developer from Midland, Ontario. I've always gravitated to art, music, and storytelling, and video games are the perfect blend of all of my creative outlets. Life is too short not to create with every breath we draw, and making games allows me to create in every way I can, all at once.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
Art means different things to different people. For some, it's purely the joy of creation, and for others, it's a form of self-expression. For me, art is an opportunity to shine a light on the parts of ourselves that we might have forgotten or choose to keep hidden away. Because art isn't just a toy that we play with to make life a bit more fun, it can also be a tool to fix the parts of us that are broken, or lighten the load when the world gets too heavy. I make art so I can teach myself to be a better person, and if it brings joy to others, that's just a happy little accident.
<span class="Question">What’s your favourite part of your game?</span>
My favourite part has got to be that it's so difficult for people to truly understand it. There's a satisfaction that comes from burying the truth in the absurd.
<span class="Question">What are you most proud of developing for your game?</span>
It's difficult to pinpoint one thing in particular that I'm most proud of, because I like to think that I put an equal amount of effort into every aspect of the game. That being said, I think the relationship I developed with my community and the players has been the most rewarding.
<span class="Question">What inspired this project or your approach to it?</span>
The Edge of Allegoria kind of started as a joke. I just wanted to have fun and make a game that I wanted to play, and if other people liked it, that was just a bonus. As development progressed though, I began to learn more about myself and understand why my inspiration took me where it did. From that point on, I committed to being as authentic as I could, regardless of how strange or convoluted it may come out.
<span class="Question">What surprised you during development?</span>
Hands down the most surprising thing during development was how supportive the indie community is, not only in Canada, but around the world. Before starting this project, I was very apprehensive about sharing my work with anyone, but the friendships I've made and collaborations I've done have been some of the most incredible of my life.
<span class="Question">What was the biggest challenge you faced?</span>
Time management. There are not enough hours in the day.
<span class="Question">What is something you wish the public knew about game design?</span>
I know it's been said a million times, but it's really not as easy as it looks. I know us hotshot developers make it look simple, but good golly, it's no joke.
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
This one's tricky, because I believe that all of our experiences lead us to the choices we make everyday. If I hadn't watched Flash videos on Newgrounds when I was a teenager, I might not have gotten into animating. If I hadn't been bored in class, I might not have practiced drawing. And if I hadn't wanted to pick up girls, I might not have learned to play guitar and make music. The Edge of Allegoria, at its core, is a game about my experiences and the experiences of those in my life, so it's impossible to have one without the other.
<span class="Question">What do you hope players/audiences take away from your game?</span>
Don't forget to fill your pet's water dish.
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
Things became predictable and repetitive, and they still are to a certain degree, but I think that indies and smaller studios are the future of this industry. A lot of the larger companies are afraid to take big risks and make the strange, unique experiences we saw in the 90's and early 2000's. They've found a formula that works, so why shake it up? Indies, on the other hand, don't have shareholders or massive fanbases to appease, so they're more free to try new things and innovate in ways that the industry desperately needs to avoid falling into a endless sea of sameness.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Never quit. Never stop. You will want to. You will hate it sometimes. But don't quit. You'll get there eventually, and when you do, it will be worth it.
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Into the Dataswarm''</div>
<span class="creators">/*Name*/ Digital Centurion
/*Location*/Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game10-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game10-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game10/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game10/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game10/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game10/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game10/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game10/3.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://linktr.ee/digitalcenturiongames" target="_blank"><<include LinkTreeIcon>></a><br>
<a href="https://pokemonball34.itch.io/into-the-dataswarm" target="_blank"><<include ItchIcon>></a><br>
<a href="https://x.com/digitalcenturi" target="_blank"><<include TwitterIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Into the Dataswarm is a Metal Gear Solid and Tron inspired turn-based puzzle game, where you play as Anni the cyber elf, whose goal is to rid the Corrupters from cyberspace!</p>
<p>You will have to hack all the enemies in order to unlock the escape point and dive deeper into the core of cyberspace, but in doing so, you will make the enemies frenzy. Careful planning and movement is imperative in order to clear the level and not be run over by the enemies you hack!</p>
<p>Official release is planned for about Q1 of 2026.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Trip: A Cosmic Adventure for Two''</div>
<span class="creators">/*Name*/ Erin J.K. Truesdell
/*Location*/ New Jersey, USA</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game11-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game11-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game11/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game11/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game11/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game11/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left; padding:2px"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game11/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game11/3.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://erinjktruesdell.com" target="_blank"><<include WebsiteIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Trip: A Cosmic Adventure for Two is an asymmetrical-control game where two players take on the roles of astronauts attempting to pilot their ship while hallucinating. Players in Trip take on one of two roles: the Driver or the Navigator, who share responsibilities and information required to keep the ship intact. The Driver is suffering from extreme vertigo, while the Navigator has hallucinated a whole set of weird-looking buttons and levels where the normal control panel should be. Oh, and the spaceship is falling apart and the driver can’t see out the front window.</p>
<p>Team up with your worst friend or best enemy to navigate fields of asteroids, handle wacky quick-time events, and scream directions at each other in the hopes of returning safely back to your space outpost.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
I'm a games researcher and assistant professor at the New Jersey Institute of Technology! My work centers on how we can use games, play, and unusual controllers to support education and behavior change and bring people together. This game was part of a research project studying the collaborative actions of player pairs using different two-player interfaces. One of the best things about my job is getting to build weird things (I have a few more in the pipeline right now) and seeing how people interact with them for the sake of science!
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
Yes! My work centers around three core research pillars: Play, Interfaces, and People. My research works to use games, game technology, and play to support collaboration, learning, and even healthcare outcomes! It's great getting to be curious and playful for a living, and the best part is learning from all of the wonderful collaborators I get to work with. I've worked with cognitive scientists, oncologists, health behavior professionals, educators, and all kinds of other amazing folks to use games, play, and the occasional enormous bowler hat to improve the human experience.
<span class="Question">What’s your favourite part of your game?</span>
I love watching people describe the buttons on the navigation panel. Some of the buttons have pretty common descriptions, but others are described in a WILD variety of ways. It's fun to see how different people interpret the same weird-shaped things. Also, all of the yelling - this was designed as a chaotic game, and watching players try to figure out what lever to pull while screaming "TURN LEFT! TURN LEFT!" is just really, really funny.
<span class="Question">What is something you wish the public knew about game design?</span>
How many different skills go into making a game! I think a lot of time the perception is games are programmers and then some artists and that's it. Games bring together people from all kinds of fields, and being a solo or small-team developer means you get to dabble in a little bit of everything. Big teams have specialists in dozens of fields, all with different experiences and responsibilities, and those big games are triumphs of human collaboration.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Alternative controllers are really fun to build, you should make one, and you shouldn't be afraid to try things! The process for games like these is even more playful, experimental, and fun than standard digital game design and it's genuinely so rewarding to make something and put it in front of people. Bonus points if you make them go "why did you do this?"
<span class="Question">Anything else you'd like to add, share or promote?</span>
Check out my research! If you want to learn more about all of the fun science I did using this game and others, you can read up at erinjktruesdell.com/publications (I'd recommend “‘Pull the Lever, Kronk!’: Mapping Controller Affordances to Collaborative Sense-Making in Play.”)
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Lotus: Lost Memories''</div>
<span class="creators">/*Name*/ Fenyx Digital Inc.
/*Location*/ Scarborough, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game12-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game12-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game12/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game12/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://store.steampowered.com/app/2906620/Lotus_Lost_Memories/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.youtube.com/@FenyxDigital1" target="_blank"><<include YoutubeIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
Step into the richly woven tale of Atsushi, a young samurai bound by duty to his ailing father. Undertake a journey of purpose as he faces skilled adversaries and uncovers the echoes of a legacy that will shape his destiny. Realized in a pixel art visual novel with turn based combat. </td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''CHROMA+ELEKTRON''</div>
<span class="creators">/*Name*/ Eric·ZDW
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game13-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game13-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game13/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game13/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://ericzdw.dev/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://ericzdw.dev/presskit/build/chroma+elektron/index.html" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/1020550/CHROMAELEKTRON/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.twitch.tv/ericzdw" target="_blank"><<include TwitchIcon>></a>
<a href="https://discord.gg/HC5Dv7dHfC" target="_blank"><<include DiscordIcon>></a>
<a href="https://bsky.app/profile/ericzdw.bsky.social" target="_blank"><<include BSkyIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>CHROMA+ELEKTRON is a fast-paced 2D shooter with an emphasis on high-speed movement. Collect energy and unleash powerful weapons and abilities. Return all chromatic energy to its proper state. Your speed and power will know no equal.</p>
<p>For my first large project, I wanted to make a game that brings together certain influences such as Quake, Rez, bullet hells and minimal / dub techno. An objective was to explore the ""flow"" characteristic of difficult, high-movement action games as a basis and building upon that with other elements. How do visuals and music interact with this flow? How does the gameplay loop create drama without explicit narratives? The goal is to take this essence and push it towards a conclusive emotional experience; and to push the idea in a way that, if you're having fun playing the game, the "purpose" is already proven, it is self-evident.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
Hi! Eric·ZDW is a solo project. Gameplay is emotional and I make games by searching the heart and taking myself wherever that may lead. The initials "ZDW" come from the names of me and my parents.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
<span class="Question">What are you most proud of developing for your game?</span>
Maybe my proudest moments are past the development stage, when I give the game to someone to play and it happens that for them the game just *clicks*, I know they understand perfectly what the game is for, why they are playing it, even if they can't articulate it. I don't think my games are really for everyone to play. I develop them with the goal that anyone who wants to try gets the best shot they can, but it's not realistic to appeal to anyone and everyone. But when something you make happens to connect with another and it just works... I would imagine it's why many artists work, to be seen like that.
<span class="Question">What inspired this project or your approach to it?</span>
For my first large project, I wanted to make a game that brings together influences as a sort of mission statement. Quickly adapting to new weapons is inspired by Quake and its weapon-for-every-occasion quality; the simple-abstract visuals and music reminds me of Rez; the pace of the game and philosophy on difficulty are inspired by bullet-hells. Other inspirations include minimal and dub techno, both in the soundtrack as well as in system design. But beyond putting together different influences, an objective was to explore the "flow" characteristic of difficult, high-movement action games as a basis and building upon that with other elements. How do visuals and music interact with this flow? How does the gameplay loop create drama without any explicit narratives? A goal is to take this essence and push it towards a conclusion, a lasting emotional experience.
<span class="Question">What surprised you during development?</span>
Some surprising moments during development include the times I wrote music, added it along with the rest of the game for the first time, and hearing that the music makes it all emotionally complete, more than the sum of the game's parts, and sometimes in ways I didn't intend. Music can be incredibly transformative; sometimes so powerful that it can override the rest of the elements with its own emotional semantics. And yet many developers overlook it, and players don't often attribute what's happening emotionally in a game to music unless the music makes it really obvious!
<span class="Question">What is something you wish the public knew about game design?</span>
Games, along with any form of art, can be very rewarding if you meet the artist in the middle; art is often an exchange, a beginning of a conversation. You can learn a lot about people and your own values by asking, "Why would someone make a game/film/etc. this way?" or "What did they see in their work that was worth spending a sizable chunk of their life on realizing?"
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
My game draws explicitly from my past experiences with games and music--it's a game that I would have wanted to play growing up. Beyond explicit inspirations, it's hard to articulate. I believe that the sum total of one's experiences shapes one's design in ways we don't fully realize, the same way we don't know what is unusual growing up until our friends point it out, or that we end up adopting the habits of our parents without noticing until others tell you.
The process of developing a game can tell you a lot about yourself, like a mirror. I started the project almost automatically, just to prove I could make a game. It wasn't until well into development, during a period of self-doubt about the entire project, that I realized how many design decisions I had made were invisible assumptions that ultimately said something about me (Why a side view? Why gravity and not floating? Why six colours?). The whole question of why I wanted to make *this* game in particular was not a trivial question--in fact it contained the essence of what made the game worthwhile. My hidden assumptions became points of investigation and key ideas that informed my design.
<span class="Question">What do you hope players/audiences take away from your game?</span>
A core idea of CHROMA+ELEKTRON is that it doesn't take an "explicit" narrative to gain something worthwhile out of a game--perhaps effortfulness and a "sense that it matters" is enough. It's not very important to know all of this background information in order to play the game--it's designed such that if you're having fun with the game and you're engaged and want to keep going, you're already taking the ideas seriously. Among other things, I want to express that fun in itself is a serious endeavour, for developers to create and players to experience.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
The world is a lot larger than the video game industry, and we could all collectively learn a lot from applying lessons observed from ""outside"": learning about film, painting, architecture, music, history, science and technology, philosophy, rhythms in everyday life... we should treat games as an aspect of our world and not as an alternative to it.
It's OK if you can't articulate what makes your game worthwhile in words--if we could reduce everything worthwhile down to words, we would all be writing books. (But I do find it helps the process, trying to express myself the best I can what my game is about.)
(I'm just starting out myself, you can take my advice with a grain of salt!)
<span class="Question">Anything else you'd like to add, share or promote?</span>
1. I recently began streaming on Twitch. Follow me as I fumble through the Warcraft II campaign: https://www.twitch.tv/ericzdw
2. Shoutouts to Day of Wrath, the last great movie I watched the week I was writing these responses, and Michael Snow, whose house I passed by many times on long walks during development.
3. I'm currently looking for a team of developers to work with. If you liked what you saw in CHROMA+ELEKTRON and would like to have me on your team, send an email!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''I Don't Want To Be A Good Woman''</div>
<span class="creators">/*Name*/ We Remember Games
/*Location*/ Iran</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/1.jpg">
</div>
<<nobr>>
<!-- <div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game14-Trailer>>
<</replace>>
<</link>>
</div> -->
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game14/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game14/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://impress.games/press-kit/we-remember/i-dont-want-to-be-a-good-woman" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/3779700/I_Dont_Want_To_Be_A_Good_Woman/" target="_blank"><<include SteamIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
A walking simulator based on the real-life experiences of women living under Islamic law in Iran.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
We are a small team of indie game developers originally based in Iran. Our work is guided by the belief that games can be a tool for truth-telling, resistance, and remembrance. Through our projects we aim to share the suppressed voices of women in Iran and create space for stories that are often silenced.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
<span class="Question">What’s your favourite part of your game?</span>
Simulating “the right path.” In reality, we are always being forced by the authorities to follow what they call the right path, claiming it is for our own good and salvation. It is so extreme that they punish us for any deviation. We wanted to recreate this feeling of having no choice, of being pushed onto the so-called right path when you are under the constant presence of Mullahs, forced to hear their words and comply.
<span class="Question">What are you most proud of developing for your game?</span>
We are proud of creating a space to remember and talk about the resilience of women and the people of Iran under such difficult circumstances. There are so many details that most people don’t know about us, how we struggle with even the simplest aspects of life, like going out with friends or attending concerts. And we are also proud that, despite all the challenges, breaking points, and concerns, we managed to finish this game.
<span class="Question">What inspired this project or your approach to it?</span>
Mahsa Amini—her tragic death, the Women, Life, Freedom movement, and the sacrifices of many brave men and women—inspired us to think about how we could contribute and fight for freedom by sharing our experiences with the world.
<span class="Question">What was the biggest challenge you faced?</span>
Due to the sensitive nature of the game, our options for publishing and sharing it with the world have been very limited and challenging. There were also many more names we wanted to include in the game, but out of concern for their situation and safety, we decided to remove them.
<span class="Question">What is something you wish the public knew about game design?</span>
<span class="Question">What do you hope players/audiences take away from your game?</span>
We truly hope this game serves as a reminder for those who want to learn more about the struggles of women in Iran, so that it sparks conversations and helps share our voices where mainstream media often masks the truth. We want everyone to remember the stories of oppression so they don’t allow the same to happen to them. Just as we gained our courage by listening to the stories of others, we hope this game inspires people to stand up as well.
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Sunken Stones''</div>
<span class="creators">/*Name*/ Spritewrench Studios
/*Location*/ Kingston, Jamaica</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game15-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game15-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game15/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game15/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://spritewrench.com/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://store.steampowered.com/app/2601810/Sunken_Stones/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://spritewrench.com/SunkenStones/presskit/" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://bsky.app/profile/spritewrench.com" target="_blank"><<include BSkyIcon>></a></div>
</td>
<td style ="width:80%">
/*Description*/
A turn based Puzzle-Strategy game about pirates and cursed treasure. Choose a captain, gather your crew and defeat monsters by strategically placing units on a 5x5 grid.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
I founded Spritewrench Studios in 2019, based in Kingston, Jamaica. While Spritewrench is largely a one-person operation, I collaborate with other talented creatives—artists, composers, writers, and voice actors—whenever a project calls for it. This flexible approach keeps the studio nimble while ensuring each game benefits from diverse perspectives and expertise.
My portfolio includes original titles such as Shiny Gauntlet, Grimm & Tonic, On the Peril of Parrots, and my most recent release Sunken Stones. Beyond development, I also play an active role in fostering Jamaica’s growing game community, building connections across the Caribbean and beyond.
At its core, Spritewrench is driven by my belief that play has the power to teach, heal, and connect. I’m dedicated to crafting experiences that enrich players’ lives while proving that Caribbean creators can build sustainable paths in the global gaming industry.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
Spritewrench is defined by a commitment to making games that highlight Caribbean creativity and perspectives. Even though I handle most of the development work myself, I collaborate with regional artists, writers, and musicians when needed so the projects carry a mix of voices from the Caribbean.
I want Spritewrench’s work to show that games from our region can stand alongside global titles while still feeling rooted in where we come from. Each project is an opportunity to both create engaging play experiences and to push forward the visibility of Caribbean game development.
<span class="Question">What’s your favourite part of your game?</span>
The crewmate synergies and combos. While working on the game I tried very hard to build in combos that are interesting, insane and rewarding for the player
<span class="Question">What are you most proud of developing for your game?</span>
I'm most proud of the curse mechanic. I landed on that after a lot of brainstorming in response to publisher feedback (when I was pitching the project). I feel that it really is the "missing" piece the game needed to be something special.
<span class="Question">What inspired this project or your approach to it?</span>
The game was inspired by strategy games like Into The Breach. I really loved how the maps and challenges in that game got really cerebral and encouraged you to think through all the combinations and land on the "best possible" one.
<span class="Question">What surprised you during development?</span>
How difficult teaching new players the game was. It's something that I'm realizing I underestimate to a large degree already putting onboarding/tutorials as a priority on my next project.
<span class="Question">What was the biggest challenge you faced?</span>
Balancing development against other commitments as well as finding out when would be best to "stop" designing. I have a tendency to fall in love with my projects, so I have to be very disciplined if ever want to ship things and not endlessly tinker on them.
<span class="Question">What is something you wish the public knew about game design?</span>
That a lot of the final solutions you see are often influenced by the constraints, context and experience of devs in a given moment. That devs are aware that their solutions aren't perfect but recognize they are often "good enough".
<span class="Question">What do you hope players/audiences take away from your game?</span>
I hope the find a favourtie captain and crew mate!
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
I think the industry is currently leaning into smaller games with a ton of replayability made by smaller teams. This is tricky as scoping and managing these types of projects takes a lot of discipline. I think Sunken Stones represents my first crack at carving out a niche for myself in that space, and I plan to take my learnings and improve my productions processes for my next game.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Start small. Ship quickly and be kind. The best advice I can give people is to gather experience as quickly as you can.
<span class="Question">Anything else you'd like to add, share or promote?</span>
With Sunken Stones shipped I'm turning my efforts back to Duppy Detective Tashia. A detective game based on Caribbean folklore. Check it out on Steam!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''A Dream About Parking Lots''</div>
<span class="creators">/*Name*/ Interactive Dreams
/*Location*/ Mexico City, Mexico</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game16-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game16-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game16/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game16/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://interactivedreams.carrd.co/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://interactivedreams.carrd.co/#adreamaboutparkinglots" target="_blank"><<include PressKitIcon>></a>
<a href="https://store.steampowered.com/app/3500340/A_Dream_About_Parking_Lots/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://interactivedreams.itch.io/" target="_blank"><<include ItchIcon>></a><br>
<a href="https://linktr.ee/interactivedreams" target="_blank"><<include LinkTreeIcon>></a>
<a href="https://instagram.com/interactivedreamsgames" target="_blank"><<include InstaIcon>></a>
<a href="https://x.com/interactivedrm" target="_blank"><<include TwitterIcon>></a>
<a href="https://interactivedreams.bsky.social" target="_blank"><<include BSkyIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
Look for your car in a series of mazes and parking lots while you talk to your therapist about feeling lost. An interactive short story about trying to make sense out of the unreal. Based on real dreams! </td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
Interactive Dreams is a mexican game studio dedicated to narrative-driven games. We believe in the power of using the medium of the videogame to communicate deep and personal subjects which matter to people.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
Our work is mostly centered around wanting to create authentic personal journeys that question topics such as nostalgia, memory, the passage of time and death.
<span class="Question">What’s your favourite part of your game?</span>
Dream #26
<span class="Question">What are you most proud of developing for your game?</span>
The levels. The idea behind them was to make them simple enough so they didn't break the pacing, but challenging enough so people still though of them as mazes. Some people find the path very easily, while other struggle a little bit. That sweet spot was the ideal.
<span class="Question">What inspired this project or your approach to it?</span>
It all began as a series of dreams for writer Luis Leon. The first of which is represented with Dream #7. As these began to become common, he also started to think about a simple action such as looking for your car in parking lots could be turned into a game. The original idea was to create an arcade game, but that didn't seem interesting enough for him. The idea for the story kicked in when he decided to turn it into a questioning of why did parking lots seemed to be interesting as a place to set a story. Other real-life experiences involved giant parking lots outside concert arenas, and getting to feel you may lose yourself inside them forever.
The idea to frame it as a therapy session evolved from real-life therapy sessions the writer had some years ago, and the ""maze"" theme is a recurring one that started all the way back in ""The Wandering"" another game developed by Luis.
<span class="Question">What surprised you during development?</span>
The way everything came together once graphics, post-processing and audio were put together. The way people have responded to it. Since it is a very personal story, we were very happy to see many have connected so deeply with it and have even shared their recurring dreams with us.
<span class="Question">What was the biggest challenge you faced?</span>
Communicating the project's idea to people, since it is not a common setup.
<span class="Question">What is something you wish the public knew about game design?</span>
It's hard, and sometimes very counterintuitive. Also, each game has very specific goals and metrics. Study the rules, but also learn to discard them when necessary. "A Dream About Parking Lots" goes against many game design "principles" and it still has captivated many players (and other not so much, but not every game is made for everyone!).
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
You must follow your gut, and also learn to take into account what testers are saying in a way that resonates with the end goal. Developing these skills takes time, and even after having worked in games for a long time, since every project is very different from each other, it's hard.
<span class="Question">What do you hope players/audiences take away from your game?</span>
Follow your dreams!
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
Sadly, the industry is becoming very unsustainable at the higher levels, causing a lot of layoffs and bankruptcies. There is a lot of focus on putting out games that compete with each other, while many forget games are also a way to express ideas. "A Dream About Parking Lots" is an experience we hope resonates with players just as a good book or film can do.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Follow your dreams. Learn to take advice, but also to ignore a lot of the things many are telling you. There are so many charts and graphs that will try to take you down an "industry path" or pipeline that don't take into account there are many different contexts and stories behind each developer. You must find your own voice and then learn to carve out your own opportunities. Don't give up and always focus on the end goal. Also, enjoy the process!
<span class="Question">Anything else you'd like to add, share or promote?</span>
If you enjoyed "A Dream About Parking Lots", we'd love it if you took a look at our other projects on Steam and Itch.io!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''ART IS RIFLE''</div>
<span class="creators">/*Name*/ Arman Pakan
/*Location*/Thailand</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game17-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game17-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game17/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game17/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.codepsyche.net/" target="_blank"><<include WebsiteIcon>></a>
<a href="https://www.codepsyche.net/press" target="_blank"><<include PressKitIcon>></a>
<a href="https://store.steampowered.com/app/2486730/ART_IS_RIFLE/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://x.com/ArmanPakan" target="_blank"><<include TwitterIcon>></a>
<a href="https://www.tiktok.com/@armanpakan" target="_blank"><<include TikTokIcon>></a><br>
<a href="https://www.instagram.com/realarmanpakan/" target="_blank"><<include InstaIcon>></a>
<a href="https://www.youtube.com/@armanpakan" target="_blank"><<include YoutubeIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
Unleashing the Chaos in Puzzle Shooter Genre! ART IS RIFLE is an open-world, FPS puzzle game with rhythmic bullets and psychedelic art styles. Powered by Unreal Engine 5 and much passion.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Renters Market''</div>
<span class="creators">/*Name*/ scared creature
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game18-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game18-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game18/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game18/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game18/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game18/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game18/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game18/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game18/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game18/4.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://gblekkenhorst.itch.io/renters-market" target="_blank"><<include ItchIcon>></a><br>
<a href="https://gblekkenhorst.bsky.social" target="_blank"><<include BSkyIcon>></a>
<a href="https://www.instagram.com/gblekkenhorst" target="_blank"><<include InstaIcon>></a>
</div>
</td>
<td style ="width:80%"> /*Description*/
<p>Renters Market is a short lushly-illustrated point-and-click adventure game about trying to rent a haunted apartment in Toronto. You are a giant and a rat and you have been roommates forever, but you've been renovicted and you're running out of time. You are attending an open house for a suspiciously cheap apartment that you cannot afford.</p>
<p>Scour the house for evidence with which to blackmail the landlord into lowering the rent, while convincing the other prospective tenants not to put in an offer.</p>
Funded by
<a href="https://www.arts.on.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/OAC_Logo_RGB.png" width="200vh"></a><br> /*Included upon request by Gillian */
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Botanica''</div>
<span class="creators">/*Name*/ Second Fiddle Studio
/*Location*/ Calgary, Alberta, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game19-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game19-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/7.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image8*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game19/8.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game19/8.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://secondfiddlestudio.dev" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://drive.google.com/drive/u/0/folders/1zBKcRT-Hqu0fGxd_MNJJ7-92NnpbgNi9" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/2766200/Botanica" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.instagram.com/grey_wake_game" target="_blank"><<include InstaIcon>></a>
<a href="https://x.com/secondfiddledev" target="_blank"><<include TwitterIcon>></a>
<a href="https://nulledwine.bsky.social" target="_blank"><<include BSkyIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>The sproutkin are often considered the weakest creatures in the land, simple and carefree. Yet one sprout in particular chooses to go on a journey to test its own strength; seeking to defeat the god which threatens to wipe out everything plant life holds dear.</p>
<p>Botanica is a short 2D side-scrolling adventure-platformer that puts you in a world of living plants. Fight and think your way through platforming and puzzles, and test your combat against a variety of enemies and bosses. Utilize the power of seeds that enemies drop to grow and obtain their own abilities, and uncover secrets abundant in this sprawling world.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Brave New Wonders''</div>
<span class="creators">/*Name*/ City From Naught
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game02-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game02-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game02/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game02/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.BraveNewWonders.com" target="_blank"><<include WebsiteIcon>></a>
<a href="https://drive.google.com/drive/folders/1QvqblI0Xf0pOg6iGiPZF8pxJEw63rKbm" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/2403830/Brave_New_Wonders" target="_blank"><<include SteamIcon>></a><br>
<a href="https://x.com/BraveNewWonders" target="_blank"><<include TwitterIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
Brave New Wonders is a factory automation strategy simulation game with AI automatons. In a post-apocalyptic world, you can command automatons with plain text instructions in any language to explore ruins, battle with enemies, construct factories, automate production lines and build your amazing wonders.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''YOUR HOUSE. Secrets, lies & puzzles.''</div>
<span class="creators">/*Name*/ Patrones & Escondites
/*Location*/ Barcelona, Spain</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game20-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game20-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game20/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game20/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:8vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game20/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game20/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:8vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game20/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game20/3.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://peworks.info/portfolio-items/yourhouse/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://store.steampowered.com/app/2667740/YOUR_HOUSE/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://x.com/p_e_works" target="_blank"><<include TwitterIcon>></a>
<a href=" https://bsky.app/profile/peworks.bsky.social" target="_blank"><<include BSkyIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>YOUR HOUSE is a unique, text-driven mystery game that blends immersive reading with interactive puzzles, pulling players into a gripping thriller. Set in the 1990s, it follows Debbie, a rebellious teenager on a mission to uncover the secrets of a mysterious mansion. The house itself is a living puzzle, holding the hidden pasts of three enigmatic characters. As Debbie progresses, she unravels their intertwined stories—tales of defying societal expectations to pursue personal dreams.</p>
<p>YOUR HOUSE delves into themes of identity, motherhood, and the price of freedom, introducing a fresh storytelling format that explores the boundaries of video games and books.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:90px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:90px">' _next>><</link>>
<</if>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Retroronto''</div>
<span class="creators">/*Name*/ Starspray Studios Ltd.
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game21-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game21-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game21/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game21/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game21/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game21/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game21/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game21/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game21/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game21/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game21/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game21/5.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://www.starspraystudios.com/press-kit" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://www.starspraystudios.com/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://starspray-studios.itch.io/retroronto" target="_blank"><<include ItchIcon>></a><br>
<a href="https://www.instagram.com/starspraystudios/" target="_blank"><<include InstaIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Retroronto is an arcade-style life simulator set in a pixel-art reimagining of Toronto, Canada. As a newly arrived resident in this sprawling metropolis, it is up to you to carve out your place in the city, and to remain as long as you can.</p>
<p>Balance your time, money, and energy as you navigate daily life: working to pay rent, uncovering hidden gems across the city, and connecting with its residents to open up new opportunities and locations.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Between''</div>
<span class="creators">/*Name*/ Claire Kwong
/*Location*/ New York, NY, USA</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game22-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game22-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game22/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game22/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game22/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game22/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game22/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game22/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game22/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game22/4.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://clairekwong.com/portfolio/between" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://instagram.com/clairebkwong" target="_blank"><<include InstaIcon>></a>
<a href="http://bsky.app/profile/clairekwong.bsky.social" target="_blank"><<include BSkyIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Between is a game that uses projection to illuminate the space between two people.</p>
<p>In the game, two players sit face to face. Their bodies create silhouettes which light up their skin. When they hold both sets of hands, they create a geometric shape in the space between their bodies. They must move this shape to fit outlines on the floor. Players end up moving their bodies together, creating a performance for the audience.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
I'm an artist from New York City. I connect art and technology to make people move. I create immersive environments using projection and motion capture. My games encourage people to move, communicate, and touch each other. Through my art, I aim to dramatize my own experiences and challenge personal and social boundaries.
<span class="Question">What’s your favourite part of your game?</span>
My favorite moments are when two strangers become friends after playing the game. I've had countless deep conversations with strangers after playing with them, and a few have developed into lasting friendships. Other people have also told me that the game brought them closer together. It's even sparked a few romances!
<span class="Question">What was the biggest challenge you faced?</span>
My biggest challenge was getting players to touch - figuring out the mechanic that would make people comfortable enough to play, but still spark a level of interesting discomfort. I would have loved to ask players to fully embrace, but that would limit who is willing to play. I conducted a lot of playtests where I asked people what they were comfortable with.
In the end, I decided on a simple mechanic - holding hands. Research shows that most people are only willing to touch a stranger's hands, as opposed to any other part of their body. Touching another person’s hand felt as safe and socially acceptable as I could get, while still feeling a little transgressive.
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
I'm actually naturally touch phobic. This is a combination of my shy personality and my background as an Asian American woman who grew up in the suburbs. Society establishes strong boundaries against touch. But at the same time I wanted to question these limits and get closer to other people.
Touch is an underexplored mechanic in games. But I found that games are an ideal medium to explore it because games suspend normal social rules, and people are willing to do things they normally wouldn't. This effect is called the magic circle.
In the end, making and playing my games made me reconsider my own relationship to touch and intimacy. They made me become braver.
<span class="Question">What do you hope players/audiences take away from your game?</span>
I hope that you feel closer to the person you're playing with!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Cairn''</div>
<span class="creators">/*Name*/ The Game Bakers
/*Location*/ France </span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game23-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game23-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game23/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game23/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://thegamebakers.com/cairn" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://bit.ly/Cairn-PressKit" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/1588550/Cairn" target="_blank"><<include SteamIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Reach a summit never climbed before in this survival-climber from the creators of Furi and Haven. Climb anywhere and plan your route carefully, managing pitons and resources to survive unforgiving Mount Kami. Discover what Aava is willing to sacrifice to achieve the ascent of a lifetime.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
Hi, I'm Emeric Thoa from The Game Bakers (co-funder and game director).
We are a 20-ish people team who made Furi and Haven and are now working on Cairn, a survival climber game.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
We like our games to have a strong meaning. For instance, our three last games reflect on the idea of freedom (Furi: live free, Haven : free to love who you want, Cairn: free from your own chains). We also love game design and original gameplay. We want our games to stand out, have strong edges and be memorable, even it means not trying to please everybody!
<span class="Question">What’s your favourite part of your game?</span>
I'm proud of so many things in Cairn that it's hard to pick one, but if I have to I'd go with the climbing system. Because it's unique and original, because it creates strong emotions (tension, frustration and huge satisfaction), but also because it makes you feel free: you can climb anywhere, you have to plan your route, you can feel smart and make your own way through the walls. It feels creative.
<span class="Question">What are you most proud of developing for your game?</span>
Building the mountain is a huge accomplishment. Because we created a new way to climb, we also had to invent a new type of mountain. It was a lot of work. We could have invented some procedural way to build that huge mountain but we wanted to feel the craft and make the rock as natural as possible. So we (the level design team) built the mountain rock by rock, crack by crack. It's four years of efforts that felt like an insane ascent but we're getting there!
<span class="Question">What inspired this project or your approach to it?</span>
We had a fascination for Alpinism. The risk these people take, the pain they endure, the sacrifice they make. Why do they climb mountains no one asked them to? Climbing is also a cool game mechanic that's pretty simple: there's a summit, you have to reach it. Progress is very satisfying. It was exciting to try making something new out of this simple and popular climbing mechanic.
<span class="Question">What surprised you during development?</span>
We like our games to have a strong meaning. For instance, our three last games reflect on the idea of freedom (Furi: live free, Haven : free to love who you want, Cairn: free from your own chains). We also love game design and original gameplay. We want our games to stand out, have strong edges and be memorable, even it means not trying to please everybody!
<span class="Question">What was the biggest challenge you faced?</span>
The producing part of the game was the biggest challenge. Because the climbing system is so new and also very technical, it's almost impossible to evaluate how long tasks will take. Each time we add something to the game it takes longer than planned because it's new and it creates regressions. During development, we have always moved forward and the game kept being better and better, but at a slower paced than planned.
<span class="Question">What is something you wish the public knew about game design?</span>
I wish more players were aware that a game doesn't have to be perfect to be memorable.
My favorite games ever are all games that have quite big flaws, or weak parts, but also something very unique that created strong emotions that I will never forget. This comes from strong risk taking from the designers and I want wish more people acknowledge that.
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
I create a strong "design compass" at the beginning of a new project. I think of a vision and of 5-6 key design guidelines that never change during production. This creates consistency and helps a lot taking decisions when solutions are not obvious. After that, the details comes from the whole team's experience and ideas.
<span class="Question">What do you hope players/audiences take away from your game?</span>
I hope they will be proud, moved and marked forever by their ascent. But more specifically I hope they'll think about what their choices in life, what really matters for them.
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
Short term I think the PC/Console industry is going to have more and more "friendslop" coop games and Unreal made AA games. Cairn is clearly standing out from these trends and is more in the "iii artsy" category. I hope the industry will still find ways to fund mid/big size projects like this in the future. We need to keep making surprising games.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Try to find a hook and focus on it. Don't copy paste the feature lists of all your favorite games. Make games that make you proud.
<span class="Question">Anything else you'd like to add, share or promote?</span>
Cairn has lots of accessibility and difficulty options. It can be enjoyed by people who like to explore and wander in the peaceful mountain, or by try-harder who love a good challenge.
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Yet Another Killing Game''</div>
<span class="creators">/*Name*/ Team YAKG
/*Location*/ Vancouver, British Columbia, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game24-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game24-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game24/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game24/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://linktr.ee/yakg" target="_blank"><<include LinkTreeIcon>></a><br>
<a href="https://store.steampowered.com/app/3217970/Yet_Another_Killing_Game/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://bsky.app/profile/yakg-official.com" target="_blank"><<include BSkyIcon>></a>
<a href="https://www.youtube.com/@YAKG.Official" target="_blank"><<include YoutubeIcon>></a>
<a href="https://x.com/JunKakeru" target="_blank"><<include TwitterIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>You wake up in a house, alone with two beautiful girls... But no one is allowed to leave until one of you DIES. Why is this happening? What is the purpose of this “killing game”? But most importantly...WHO SHOULD DIE?!</p>
<p>Inspired by popular mystery adventure game series such as Ace Attorney, Danganronpa, and Zero Escape, YAKG's gameplay offers a mix of immersive dialogue branches, point-and-click room investigations, and some mystery solving--if you can keep everyone from killing each other!</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
“Yet Another Killing Game” is an indie game developed by Team YAKG, a mixed group of 12 Canadian game devs and non-game dev creatives led by the game’s creator and publisher Jun Kakeru.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
The initial purpose behind YAKG was for it to be a commercially shipped game that proves the skills and confidence of each member of our team--most of whom are early in their game dev careers and seeking work in the industry. This is why there was an agreement from the start that we would spend no longer than 1 year on the project, and that the tasks would be minimal to allow for everyone to continue pursuing other work during that time. This put significant responsibility on the team leader, who had to plan out milestones, cut scope wherever needed, and onboard additional help to make this pipeline possible--and ultimately to great success.
Led by the team leader's actions, Team YAKG's mandate can be summarized as ""learn what works for us"", as we not only had to simplify assets for the sake of scope, but in the interest of assigning minimal regular tasks, team members could rarely sync up their schedules and collaborate in real-time. Nevertheless, everyone was able to submit synchronized, high quality work thanks to the team leader's fast decision-making and efforts to adapt to each member's working style.
<span class="Question">What’s your favourite part of your game?</span>
While the game is titled "Yet Another Killing Game", it has often been praised in reviews for being "more than just another killing game". Many of our players were already familiar with this genre of story-focused game, and came into YAKG with their own biases and assumptions on the direction of the story and characters--often being on the mark too! And yet, the fact that those players still leave positive reviews and become fans demonstrates that YAKG's value largely comes from its strong characterization and storytelling execution, and that it isn't strictly necessary for a mystery game to subvert all expectations to be enjoyable.
<span class="Question">What surprised you during development?</span>
The lack of feedback can often be more difficult to handle than criticism. Due to the nature of YAKG being a story-focused game, playtesting wasn't possible for the majority of development, which meant that the whole team needed to trust in the leader's vision as they worked on their tasks. And speaking as the leader, it was a surprise to experience the absolute lack of any doubt or complaints from the team being just as stressful! Without any playtesters or feedback to confirm the game's appeal and/or issues, I was in the same boat of needing to trust in the my own vision, working towards the game's release without certainty of its quality.
<span class="Question">What is something you wish the public knew about game design?</span>
Game design is a discipline that is learned before it is mastered. While players may know why they feel dissatisfied with a certain aspect of a game, their imagined solution to it may not consider how it would affect other gameplay systems, the various restraints of the project, or the tastes of other targeted players. The multi-faceted nature of it also means it will not do to simply get programmers, artists, or other roles to "also" do game design as their creative processes will typically be specialized for their roles, and not offer enough availability to consider the project as a whole--especially in regards to what other creative departments are up to. This is why game projects need a dedicated game design leader or team to keep the game's systems in balance, ensure other devs can proceed confidently on their respective work, and only rarely be the one proposing "ideas" or what would be more "fun".
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
The common advice is to always start with a small project, and this is because it is extremely important to "finish" a game. By releasing your first game, you learn your own capabilities, what help you need from other devs, how players will give you unexpected behaviours and opinions, how quickly assets can be changed and updated (and therefore don't need to be perfect), and several other points of enlightenment. Especially as technology continues to evolve, it will never be possibly to truly "master" game development, so it's important to have your first "crappy" game under your belt to break the cycle of perfectionism before it starts.
<span class="Question">Anything else you'd like to add, share or promote?</span>
"Yet Another Killing Game" is expected to have more game updates--and more celebratory discount sales--over the next several months so please wishlist the game on Steam and wait for an opportunity to support a tiny indie dev team with no marketing budget!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''xXx_FANTASYLAND_xXx''</div>
<span class="creators">/*Name*/ Yves Al-sharifi & May Yu/Genesis Inc.
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game25-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game25-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game25/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game25/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game25/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game25/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game25/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game25/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game25/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game25/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game25/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game25/5.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://genesisinc.neocities.org/about" target="_blank"><<include WebsiteIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>xXx_FANTASYLAND_ xXx is an interactive, interdisciplinary project that combines music, live performance, and video games to create a dreamlike landscape which captures the objectification of trans and racialized bodies. Artist Yves Al-Sharifi performs remixed iterations of a cumulative electronic musical EP that reacts to the player's gameplay experience: a walking simulator through a collection of disjointed video game environments inspired by early surrealist PS1 era graphics that act as an allegory for the performer’s home. The performance focuses on improvisation, repetition, and audience reception to provide a responsive soundtrack that reacts with the player’s interactions.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>>
<<set _previous to 'game' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
Yves Al-sharifi and May Yu are both Toronto-based artists that formed a collective after creating their thesis collaboratively. Yves Al-sharifi works in sound design and creative writing, and May Yu works in computer science: with a shared interest in game design, both create multimedia projects that mend their individual interests, envisioning absurd worlds that explore gender, sexuality, marginalization, and the uncanny. These DIY-orientated works are public-facing and blend in performance and interactive elements that connect the audience with artists in quick ephemeral connections.
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
''May:'' Yves and I are bonded by our love of being weird little freaks and doing freaky shit and making people uncomfortable…
''Yves:'' A criticism of the current fixation on technological novelty. A love for passion and pleasure ;).
<span class="Question">What’s your favourite part of your game?</span>
''May:'' Probably anything that involves the webcam as it always draws an interesting reaction from the player and really highlights the performance aspect of our piece as now they are confronted with the fact that they are also being watched while playing the game
''Yves:'' Being watched the entire time!
<span class="Question">What are you most proud of developing for your game?</span>
''May:'' The level with the stabbing where the UI elements pop up on screen and then get set into world space and become stabbable objects. As a new dev I don’t understand math or concepts like ray tracing so being able to figure it out(with some help ofc) made me really proud and I think its a really fun and silly concept
''Yves:'' I appreciated how easy it felt to immerse myself in every facet of the game. After May created the code-based foundation, I was able to fill it with my emotions and confusions: I poured everything that didn’t make sense into the thing we created that was never supposed to make sense in the first place.
While performing the game at Toronto Games Week, many transfem people came up to me and indulged in the thematics of the game. They understood it in ways that I hadn’t been able to talk about it prior; in ways that I hadn’t thought about before. It was unexpected in the best way possible. It’s everything I wanted in creating art.
<span class="Question">What inspired this project or your approach to it?</span>
''May:'' Me and Yves being weirdos?
''Yves:'' LSD Dream Emulator, Alan Resnick, and FKA Twigs - LP1.
<span class="Question">What surprised you during development?</span>
''May:'' How much fun I was having. The fact that I would come up with an idea and then implement it?!?! Crazy… It’s what I love about game dev the most, like you truly can make anything happen.
''Yves:'' How seamless it felt for May and I to work on this. There were some pitfalls, sure. But we hadn’t worked on something together, just the two of us: and something so volatile at that. It felt incredibly natural for us to scream into the deep pit we created.
I was surprised to see how many people were comfortable walking behind me, watching me without watching them back. To be fair, May definitely motivated some people to check out every single thing I was up to. But they wanted to see what I was up to: purely for the sport. The curiosity.
<span class="Question">What was the biggest challenge you faced?</span>
''May:'' Since fantasyland is a live performance, certain actions require networks to send info to and from the game to the performer. Troubleshooting and bug testing was probably the hardest part, as when I was developing I couldn’t always be testing the networks aspects and would have some work arounds to test the mechanics. But when Yves and I got together we would come across a whole new set of bugs that came from the networks and would have to troubleshoot all of that when we were in the same room.
''Yves:'' Surprisingly, sitting on the floor performing the same five levels for over 5 hours hurts your body!
<span class="Question">What is something you wish the public knew about game design?</span>
''May:'' You have to know how to code to develop a game…. Chat GPT won’t make a full game for you from a game design doc, especially if you don’t know how to read errors or print to your console.
''Yves:'' It is a culmination of so many arts, and it’s reliant on social connections. Also what May said.
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
''May:'' We tend to lean towards things that make people uncomfortable. I think that stems from our mutual interest in horror and it being the most visceral genre.
''Yves:'' A large willingness to showcase ourselves in a vulnerable position. It only feels fair as the player has their face plastered on the screen. But also nothing’s fair about this. Our work attempts to be as sympathetic as it is angry, informed by the nuance that makes up all of our experiences: like the sadness that comes when something good happens.
<span class="Question">What do you hope players/audiences take away from your game?</span>
''May:'' I hope its something they haven’t experienced before and coming away thinking about our day to day interactions with technology, and try to think more critically about the way we interact and consume games and other mediums of technological interaction.
''Yves:'' I hope they learned a bit about me, my intentions behind the game. I hope they truly wanted to understand what was going on.
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
''May:'' I’m not sure how we fit in the industry as a installation/live performance. We’ve been asked before how we plan to monetise fantasyland and I don’t think that’s something we ever really plan on doing, it’s not something that can be distributed.
I love the current indie scene and how everybody is doing weird shit, I think that comes from the god awful state of triple A gaming, but it’s cool to see more “art” games and non-game games being published, that’s definitely the biggest inspiration for Yves and I. Games that push the medium, and I think that’s where we fit in, as a work that pushes the boundaries of what a game is.
''Yves:'' Everything is currently very scary and overly fetishized. Our game belongs in - perhaps birthed from - the residual pain of conscious, motivated actions.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
''May:'' I’m also starting out so probably the same thing I always tell myself, which is just keep making shit. Stop trying to make stuff perfect or pretty, just make garbage and have fun doing it. That’s the only way to learn. Not everything has to be a portfolio piece, do it for the love of the game.
''Yves:'' Your anger is most likely justified.
<span class="Question">Anything else you'd like to add, share or promote?</span>
''May:'' Check out my site… I do some personal projects and exhibitions: https://mayyu.neocities.org/
Yves and I are also in an art collective together with some of our friends from our school, follow us on ig we host exhibitions for new media art and curate some fun events @machines.of
''Yves:'' Support DIY events in Toronto!
If you want to, support the collective May and I are a part of, @machines.of. If you want to support my music I have a Bandcamp and Soundcloud under the artist title Donna Come Home. Also if anyone is interested in collaborating on music, PLEASE let me know!
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''BLINDSPOT''</div>
<span class="creators">/*Name*/ Pocket Moon Games
/*Location*/ Toronto, Ontario, Canada
</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game03-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game03-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game03/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game03/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game03/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game03/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game03/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game03/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game03/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game03/4.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://pocketmoon.games/" target="_blank"><<include WebsiteIcon>></a>
<a href="https://pocketmoongames.itch.io/blindspot" target="_blank"><<include ItchIcon>></a>
<a href="https://press.pocketmoon.games/games/blindspot/images/images.zip" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://bsky.app/profile/than.pocketmoon.games" target="_blank"><<include BSkyIcon>></a>
<a href="https://discord.com/invite/vqCT5PdsAc" target="_blank"><<include DiscordIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
Enter the VOID in this nightmare fueled arcade vision. Locked in an eternal chase, avoid eye contact at any cost by sliding, hopping and hyper-dashing your way around the SPHERE. Careful navigation is key because in this nightmare, looks can kill.
Completed in one month and exhibited as a part of Lockwood Immersive's FLUX - A Toronto Based Immersive Cyberpunk Experience, as well as various Hand Eye Society events."
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
Pocket Moon Games is comprised of Jeffrey Newton-Evans (he/him), Than More (he/they), and Ren Burke (they/them), three developers from Ottawa & Toronto, ON, Canada.
BLINDSPOT was developed by Than (with the support of the amazing PMG team) and exhibited as a part of Lockwood Immersive's FLUX - A Toronto Based Immersive Cyberpunk Experience.
<span class="Question">What’s your favourite part of your game?</span>
One of my favorite parts has been seeing BLINDSPOT featured on Hand Eye Society's Torontotron cabinets. I’ve loved watching new players jump, flinch, and shriek whenever the eyeball does something they don't expect.
<span class="Question">What are you most proud of developing for your game?</span>
This game was started and finished in just one month for Lockwood Immersive's FLUX. I’m really proud of our team - not only for completing the project on time and within scope, but also for creating something we’re genuinely excited to share.
<span class="Question">What inspired this project or your approach to it?</span>
I’ve always been fascinated by eyes. They hold a kind of power that exists only in our perception, an almost intangible force. With this game, I wanted to play with the kind of unease or terror an eye alone can project.
<span class="Question">What is something you wish the public knew about game design?</span>
Every single aspect of creating a game is so much more difficult, emotionally demanding, sincere, and passion-driven than it looks. To make any game is a miracle, and for that reason, every game should be celebrated.
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
This game was made as kind of a manifestation of social anxiety. Every time you look at me this is what I see (joking! mostly).
Beyond that, the design was heavily inspired by Einhänder on the PS1, which really defined the tone of our visual and audio experience.
<span class="Question">Anything else you'd like to add, share or promote?</span>
Check out our other game - WORMHOLE on Steam and Switch!
https://pocketmoon.games
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Clean Getaway''</div>
<span class="creators">/*Name*/ Hidden Duck Digital
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game04-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game04-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game04/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game04/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game04/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game04/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game04/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game04/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game04/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game04/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game04/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game04/5.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://hiddenduckdigital.itch.io/clean-getaway" target="_blank"><<include ItchIcon>></a><br>
<a href="https://linktr.ee/HiddenDuckDigital" target="_blank"><<include LinkTreeIcon>></a>
<a href="https://www.instagram.com/hiddenduckdigital/" target="_blank"><<include InstaIcon>></a>
<a href="https://x.com/HiddenDuckDevs" target="_blank"><<include TwitterIcon>></a></div>
</td>
<td style ="width:80%">
/*Description*/
Grab three of your friends and enter this cutesy and chaotic car chase. Work together to fight off the oil enemies chasing you by shooting them with your bubble guns. If you stick together, you might be able to take down the looming Big Rig Behemoth - from the inside! Jump in, shoot the heart, and make a Clean Getaway.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
We're a team of 6 newly graduated student developers that make up Hidden Duck Digital! We worked together over the course of 8 months to create Clean Getaway. Our team is made up of a few talented individuals; Sam Khan, our narrative and UI/UX designer, Iris Wei, our technical and 3D artist, Rek Carlson, our programmer and level designer, Sarah Chambers, our level designer and 2D texture artist (as well as dance choreographer and song writer!), Josh Michalski, our 3D artist!
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
Our studio is founded on friendship and community! One of our core principles that we pride ourself in is that each of us work as game designers together to create the mechanics, systems that are in our games. Clean Getaway was created on four grounding principles. Our first pillar is to create a shared sense of responsibility between players to develop a feeling of success and failure. We also wish to give players individual agency to make each member feel helpful to the team. The last pillar is to create a sense of trust between the players that grows as the game progresses. This is to foster playful team dynamics when relying on each other. All of these had the ultimate goal of encouraging communication.
<span class="Question">What’s your favourite part of your game?</span>
This answer will vary from teammate to teammate, but our favourite is definitely Dr. Coney! She brings a lot of life and character to the game.
<span class="Question">What inspired this project or your approach to it?</span>
This project was inspired by our love of co-op party games, but on a broader spectrum, also our love of the environment. We wanted to create a game that had meaning, in a way that was unique to how our team approaches serious topics, and that is educating through hilarity. We wanted to approach a serious topic of clean/green energy, juxtaposed against more harmful practices, but in a silly way that embraced our own team's dynamic.
<span class="Question">What do you hope players/audiences take away from your game?</span>
We hope that players take away a larger message surrounding the environment, and the bigger companies that can and will exploit it went they deem necessary. But we also hope that players take away a sense of hope, excitement, and belief that there are ways to actively participate in helping our planet.
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Hill Agency: PURITYdecay''</div>
<span class="creators">/*Name*/ Achimostawinan Games
/*Location*/ Hamilton, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game05-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game05-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/6.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image7*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game05/7.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game05/7.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%; vertical-align:text-top;">
<tr>
<td style ="width:20%">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.achimogames.ca" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://drive.google.com/drive/folders/1uYiycKTt26rwhIUuWetm57EwGAqrg0Au?usp=drive_linkl" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/1358370/Hill_Agency_PURITYdecay/" target="_blank"><<include SteamIcon>></a>
<a href="https://achimogames.itch.io/hill-agency-puritydecay" target="_blank"><<include ItchIcon>></a><br>
<a href="https://x.com/achimo_games" target="_blank"><<include TwitterIcon>></a>
<a href="https://bsky.app/profile/achimogames.bsky.social" target="_blank"><<include BSkyIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>What would our world look like on the brink of freedom from colonial oppression? Find out in this heart-pounding and atmospheric Indigenous cybernoir detective game!</p>
<p>Life is all truant kids and cheating spouses until a dame barges in from the Risen City and changes your life. Her sister has been murdered and the cops are useless. It’s up to you to find out whodunit and it seems like this case go way further up than the banks of this one detective’s little neighbourhood in this Indigenous cybernoir narrative detective game.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Once a Tale''</div>
<span class="creators">/*Name*/ Carcajou Games
/*Location*/ Montréal, Quebec, Canada
</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game06-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game06-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game06/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game06/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game06/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game06/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game06/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game06/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game06/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game06/4.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://store.steampowered.com/app/1032690/Once_a_Tale/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.facebook.com/carcajougames" target="_blank"><<include FBIcon>></a>
<a href="https://x.com/CarcajouGames" target="_blank"><<include TwitterIcon>></a>
<a href="https://www.instagram.com/carcajougames/" target="_blank"><<include InstaIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>Welcome to the world of Once a Tale, a literally handmade game. Take control of the folktale characters Hansel and Gretel in this twist on the original tale. Lost in the woods after being left by their parents, the sibblings will need to find their way back, meeting other fairytale classic characters, some good and others not so much.</p>
<p>Using photogrammetry 3d reconstruction techniques, the game was handcrafted to give an experience that blurs the line between video game and stop motion animated film. With a beautiful story and stunning visuals, the goal was to create a truly magical experience enjoyable for the whole family.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Unless''</div>
<span class="creators">/*Name*/ Bellwood Studios Inc.
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game07-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game07-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game07/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game07/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.bellwoodstudios.com/" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://store.steampowered.com/app/3027380/Unless_Demo/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://discord.gg/tNUWqyk" target="_blank"><<include DiscordIcon>></a>
<a href="https://bsky.app/profile/bellwoodstudios.bsky.social" target="_blank"><<include BSkyIcon>></a><br>
<a href="https://www.youtube.com/@bellwoodstudios" target="_blank"><<include YoutubeIcon>></a>
<a href="https://www.instagram.com/bellwoodstudios" target="_blank"><<include InstaIcon>></a><br>
<a href="https://www.facebook.com/BellwoodStudios" target="_blank"><<include FBIcon>></a><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>The Forest of Worlds is withering, and along with it; the creative spark of every living thing. Venture into fantastical levels, gather the Golden Leaves within, and use them to avert the fate of a world devoid of imagination!</p>
<p>Tackle 66 finely-tuned screens built for newcomers and speed-runners alike. Race for the World Record using a dedicated Speedrun Mode. Generous checkpoints and a co-operative Assist Mode help players of all ages and ability see everything the game has to offer.</p> </td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
I'm Attila "Gabriel" Branyiczky, the game / level designer on Unless. I've been making games for over 20 years. I like designing games that put fun first, and care deeply about making games accessible to people of all ages and abilities.
<span class="Question">What are you most proud of developing for your game?</span>
I wanted to make a game that respected the players time; it ended up being a pretty short game, but I figured it's more important to make a really fun game that you'll enjoy and want to replay, rather than a game where your total play time is inflated by backtracking and repetition. And indeed, we have players who have over 100 hours in the game as they chase the overall World Record!
<span class="Question">What inspired this project or your approach to it?</span>
Unless was inspired by a childhood of playing Mario games. I wanted to create a game that was as approachable as Mario, but with levels that are fine-tuned for speedrunning.
<span class="Question">What surprised you during development?</span>
Every level in Unless has a route that I designed intentionally to complete in the "fastest possible time". I was delighted to see Speedrunners find even faster ways to beat the game than I thought possible!
<span class="Question">What was the biggest challenge you faced?</span>
Marketing. Working without a publisher, it was incredibly difficult to get our game noticed. You absolutely cannot build hype after launch; make sure you get lots of Steam Wishlists ahead of time. I won't give an exact number because it could become outdated, so do some research, but it should probably be tens of thousands.
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
Make connections. Be respectful and polite. This industry is smaller than you might think, and your opportunities will largely depend on word of mouth and personal recommendation.
<span class="Question">Anything else you'd like to add, share or promote?</span>
The best place to find out more info about games I am working on is my personal Discord; https://discord.com/invite/deX7xjdb6Q
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''Beatstacker''</div>
<span class="creators">/*Name*/ Lilly Miller
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game08-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game08-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game08/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game08/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game08/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game08/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game08/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game08/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game08/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game08/4.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.instagram.com/thelillymill/" target="_blank"><<include InstaIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
My interactive experience “Beatstacker” is an exciting, but approachable introduction to creating. With simple interfacing, color and shape sorting remains similar to many childrens toys. This familiarity is meant to make the Beatstacker intriguingly familiar for youth of all ages. Once the interaction begins, the children will be immersed in the excitement of creating their own song, live and in real time.
The interface of a block sorting game grants the user control over individual instruments within a song. Each block can be placed and removed to sequence your own unique song. The simplicity of this interaction is meant to be both accessible as well as welcoming to all ages. The introduction to the creative process supported by the Beatstacker is engaging, fun, and empowering.
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game0' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''The End of Gameplay''</div>
<span class="creators">/*Name*/ droqen
/*Location*/ Toronto, Ontario, Canada</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game09-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game09-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:5vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/5.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image6*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game09/6.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game09/6.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="https://www.droqen.com" target="_blank"><<include WebsiteIcon>></a><br>
<a href="https://www.droqen.com/teog-press/" target="_blank"><<include PressKitIcon>></a><br>
<a href="https://store.steampowered.com/app/3120040/The_End_of_Gameplay/" target="_blank"><<include SteamIcon>></a><br>
<a href="https://www.instagram.com/droqen2/" target="_blank"><<include InstaIcon>></a>
<a href="https://x.com/droqen" target="_blank"><<include TwitterIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p>droqen's desperate attempt to explain, or explore, or understand the true meaning of s"kill gameplay."</p>
<p>Platformer levels as abstract expressive art.</p>
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game0')[1])>>
<<set _previous to 'game0' + (_index - 1)>>
<<set _next to 'game' + (_index + 1)>>
<<if Story.has(_previous)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>>
<</if>>
<<if Story.has(_next)>>
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>>
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Exhibitors.png" width="300px"></div>
<br>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<p>At ''Super FESTival'', we celebrate the creativity and perseverance of ''game developers and artists'' who push the boundaries of play and continue to hone their craft as creators. </p>
<p>Below you'll find ''over 20 amazing indie games'' from across the globe that show the inventive spirit of independent game development.</p>
<p>Most featured games can be found at various digital marketplaces. However, some of these titles appear on our <a data-passage="Torontrons">''Torontron arcade cabinets''</a> across Toronto during the week, while others are ''alt-controller projects'' featured exclusively at our <a data-passage="Ball">''Hand Eye Society Ball''</a>.</p>
<p>Explore the innovative spirit of indie games and the diverse creators behind them!</p>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<div class="vendor_container">
<<include GameCategoryListing>>
</div>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
/*Vendors*/<div class="boxText">
<<set $vw to Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)>>
<<if $vw lt 900>><<set $cols to 1>><<else>><<set $cols to 2>><</if>>
<<set $list to Story.lookup("tags", "game")>>
<<set $r to $list.length + $list.length%$cols>>
<<for $j to 0; $j lt $r; $j+=$cols>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2025/assets/images/games/" + $g.title + "/1.jpg">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img @src="$imgurl" width="250"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0 && $cols == 2>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j, $cols>>
</div>
/*Box Bottom*/<<include boxBottom>>
<div class="vendor_container">
<<include GameCategoryListing>>
</div>
<h2>[[Back to Main|Intro]]</h2><div class="Title">''TITLE''</div>
<span class="creators">/*Name*/ CREATOR NAME
/*Location*/ LOCATION</span>
<span class="gameContent">
/*Image Carousel*/
<div class="carousel" id="bigImage" style="width:80vh;">
<<include game01-Trailer>>
</div>
<<nobr>>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Trailer*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/ui/socials/trailer.png"]]>>
<<replace "#bigImage">>
/*Trailer*/
<<include game01-Trailer>>
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image1*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/1.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/1.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image2*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/2.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/2.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image3*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/3.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/3.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image4*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/4.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/4.jpg">
<</replace>>
<</link>>
</div>
<div class="carousel" style="width:10vh; float:left; padding:2px;"> /*Image5*/
<<link [img["https://handeyesociety.com/sufest2025/assets/images/games/game01/5.jpg"]]>>
<<replace "#bigImage">>
<img src="https://handeyesociety.com/sufest2025/assets/images/games/game01/5.jpg">
<</replace>>
<</link>>
</div>
<</nobr>>
</span>
<br><br>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="" target="_blank"><<include WebsiteIcon>></a><br>
<a href="" target="_blank"><<include ItchIcon>></a><br>
<a href="" target="_blank"><<include TwitterIcon>></a>
<a href="" target="_blank"><<include InstaIcon>></a>
</div>
</td>
<td style ="width:80%">
/*Description*/
TEXT
</td>
</tr>
</table>
<hr>
<</nobr>>
<<nobr>>
<<set _index to parseInt(passage().split('game')[1])>> /*Sets the index variable to the name of the passage, but makes a split point to sense what the name is and what the number is. Here we use 'game' as a split point and the value becomes the number after this */
<<set _previous to 'game' + (_index - 1)>> /*Sets the new _previous variable to be game and the index number minus 1*/
<<set _next to 'game' + (_index + 1)>> /*Sets the new _next variable to be game and the index number plus 1 */
<<if Story.has(_previous)>> /*If it senses a _previous variable... */
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Prev.png" alt="previous" style="width:100px">' _previous>><</link>> /*...Show the Previous button icon and have it link to the passage that equals what this _previous variable is on this page*/
<</if>>
<<if Story.has(_next)>>/*If it senses a _next variable*/
<<link '<img src="https://handeyesociety.com/sufest2025/assets/images/ui/nav/Next.png" alt="next" style="width:100px">' _next>><</link>> /*...Show the Next button icon and have it link to the passage that equals what this _next variable is on this page*/
<</if>>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Tell us about you and/or your team!</span>
<span class="Question">What defines your creative team or studio? Are there values or approaches that guide your work?</span>
<span class="Question">What’s your favourite part of your game?</span>
<span class="Question">What are you most proud of developing for your game?</span>
<span class="Question">What inspired this project or your approach to it?</span>
<span class="Question">What surprised you during development?</span>
<span class="Question">What was the biggest challenge you faced?</span>
<span class="Question">What is something you wish the public knew about game design?</span>
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
<span class="Question">What do you hope players/audiences take away from your game?</span>
<span class="Question">Where do you think the industry is headed, and where does your game fit in?</span>
<span class="Question">What’s a piece of advice you’d give to someone starting out in games?</span>
<span class="Question">Anything else you'd like to add, share or promote?</span>
<hr>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script>
/* Old caregory listings code */
/* <tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ArcadeIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include NarrativeIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ActionIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ExpIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;margin: 0 auto" colspan="2"><<include CanadaIcon>></td></tr></table> */
<!-- <a data-passage="Canada">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/categories/Canada.png" height="45px"></div>/*Name*/</a> -->/*Game Name*/
<div class="Title">''''</div>
<span class="gameContent">
/*Image or Link*/<img src="" width="700">
</span>
/*Name*/ NAME
/*Location*/ LOCATION
/*Description*/
DESCRIPTION
/*Artist Links*/ <div class="links">
<a href="" target="_blank"><<include SteamIcon>></a>
<a href="" target="_blank"><<include TwitterIcon>></a>
</div>
----
<h2>[[Back to Games|Games]]</h2>
----
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Who are you and your team? What is your game about?</span>
<span class="Question">Tell me about your team and what makes them special!</span>
<span class="Question">How long have you been making games?</span>
<span class="Question">Is there a guiding principle for your studio? Why is it important to you?</span>
<span class="Question">What’s your favourite part of your game?</span>
<span class="Question">What games inspire you?</span>
<span class="Question">What makes a game fun to you?</span>
<span class="Question">What makes a good game designer?</span>
<span class="Question">How did you first get involved with game design?</span>
<span class="Question">What have you learned since making your first game?</span>
<span class="Question">What are you most proud of developing for your game?</span>
<span class="Question">How much did your game change from the original concept?</span>
<span class="Question">Are there any design principles that you use to make your games?</span>
<span class="Question">What is the biggest success of the development of your game?</span>
<span class="Question">What was the biggest challenge of the development of your game?</span>
<span class="Question">What systems do you use to create game concepts and story characters?</span>
<span class="Question">What you believe could have made it better if you were to make your game again?</span>
<span class="Question">What surprised you during development?</span>
<span class="Question">What led you to choosing the story for your game?</span>
<span class="Question">Tell me about the thing you fought most to keep in your game?</span>
<span class="Question">Where do you think the industry is headed and where does your game fit in?</span>
<span class="Question">When you think of your ideal studio what do you dream of achieving?</span>
<span class="Question">How has your studio worked to be a more inclusive work environment?</span>
<span class="Question">How do you support yourself and your team through development?</span>
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
<span class="Question">What is something you wish the public knew about game design?</span>
<span class="Question">Is there is anything you would like to add about your game?</span>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><div class="Title">''TITLE''</div>
<span class="creators">/*Name*/ CREATOR NAME
/*Location*/ LOCATION</span>
<span class="gameContent">
/*Image or Link*/<iframe width="720" height="405" src="https://www.youtube.com/embed/Hc7a5lzKl3I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</span>
<<nobr>>
<hr>
<table style="width:100%">
<tr>
<td style ="width:20%">
/*Artist Links*/<div class="links" style="text-align: top;">
<a href="" target="_blank"><<include ItchIcon>></a><br>
<a href="" target="_blank">Dev Itch Page</a><br>
<a href="" target="_blank"><<include TwitterIcon>></a><br>
<a href="" target="_blank">Tumblr</a></div>
</td>
<td style ="width:80%">
/*Description*/
TEXT
</td>
</tr>
</table>
<hr>
<</nobr>>
<h2>[[Back to Games|Games]]</h2>
/*Direct URL*/<<set $localURL to $baseURL + "?passage="+ passage()>> <a @href=$localURL>Link This Page</a><br>
<hr>
<strong><h2>Exhibitor Interview</h2></strong>
<span class="Question">Who are you and your team? What is your game about?</span>
<span class="Question">Tell me about your team and what makes them special!</span>
<span class="Question">How long have you been making games?</span>
<span class="Question">Is there a guiding principle for your studio? Why is it important to you?</span>
<span class="Question">What’s your favourite part of your game?</span>
<span class="Question">What games inspire you?</span>
<span class="Question">What makes a game fun to you?</span>
<span class="Question">What makes a good game designer?</span>
<span class="Question">How did you first get involved with game design?</span>
<span class="Question">What have you learned since making your first game?</span>
<span class="Question">What are you most proud of developing for your game?</span>
<span class="Question">How much did your game change from the original concept?</span>
<span class="Question">Are there any design principles that you use to make your games?</span>
<span class="Question">What is the biggest success of the development of your game?</span>
<span class="Question">What was the biggest challenge of the development of your game?</span>
<span class="Question">What systems do you use to create game concepts and story characters?</span>
<span class="Question">What you believe could have made it better if you were to make your game again?</span>
<span class="Question">What surprised you during development?</span>
<span class="Question">What led you to choosing the story for your game?</span>
<span class="Question">Tell me about the thing you fought most to keep in your game?</span>
<span class="Question">Where do you think the industry is headed and where does your game fit in?</span>
<span class="Question">When you think of your ideal studio what do you dream of achieving?</span>
<span class="Question">How has your studio worked to be a more inclusive work environment?</span>
<span class="Question">How do you support yourself and your team through development?</span>
<span class="Question">How are your design choices informed by you, your experiences, or your team’s experiences?</span>
<span class="Question">What is something you wish the public knew about game design?</span>
<span class="Question">Is there is anything you would like to add about your game?</span>
/*-----------------*/
/*EXTRA CODE*/
<<set $Location to "Games">>
<<set $Sidebar to 1>>
/*Reset back to default background and font colors*/
/* <<script>>
$(document).one(":passageend", function () {$("body").css({ "background-color": "#000", color: "white"});});
<</script>> */
<<audio ":all" stop>>
<script>
function iFrameLoad() {
const div = document.createElement('div');
div.innerHTML = `
<div data-fancybox data-type="iframe"
data-src="https://aggie.io/ulbk_39_4m" href="javascript:;"
class="art_button"></div>
`;
}
</script><iframe width="560" height="315" src="https://www.youtube.com/embed/QBOyZftFnU4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/wyGeF4UYw6k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/0ZouTN5hOJo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/OnR21-vwgCk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/YwX-Cc_yvpU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/maPGEg1br7k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/WJi2WgSQEiU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/hBGCH2Qjieg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/j3zax45jwUw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/g_kQLrBSrt0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/SOqNlnJNcjc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/9_VT0V6sAJo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/mSbf3R-HLjo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/69HR34baYf0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/3V4UHjMq1s0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/3V4UHjMq1s0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/Zpkdr5imDfQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/EEa5BfGTQV0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/8BFgOoudDJ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/GGRLYT0Cf7o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/EkD8fQjijyQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/sAd0jPZa7b0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/787397819?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="TrashCan dream"></iframe></div><script src="https://player.vimeo.com/api/player.js"><iframe width="560" height="315" src="https://www.youtube.com/embed/nhyMWuORSuA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/XPPKH7m3PVg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><iframe width="560" height="315" src="https://www.youtube.com/embed/194wiPaqfbA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><<nobr>>
<<set $list to Story.lookup("tags", "game")>>
<<set $a to $list.length + $list.length%2>>
<<for $j to 0; $j lt $a; $j+=2>>
<div class="vendor_container">
<<for $i to 0; $i+$j lt $list.length; ++$i>>
<<set $g to $list[$i+$j]>>
<<set $t to $g.description()>>
<<set $imgurl to "https://handeyesociety.com/sufest2023/assets/games/" + $g.title + "/cover.png">>
<a data-passage=$g.title class="land_info_container"><div class="land_profile"><img src=$imgurl width="300"></div><p class="land_name">$t</p></a>
<<unset $g, $imgurl>>
<<if $i == 0>><<continue>><<else>><<break>><</if>>
<</for>>
</div>
<</for>>
<<unset $list, $a, $b, $i, $j>>
<</nobr>>
/*Other Categories*/<table style="border-color:#ffffff00;">
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ArcadeIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include NarrativeIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;"><<include ExpIcon>></td><td style="border-color:#ffffff00;text-align:center;padding:5px;margin: 0 auto"><<include CanadaIcon>></td></tr>
<tr><td style="border-color:#ffffff00;text-align:center;padding:5px;" colspan="2"><<include AllIcon>></td></tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/promo/staff/brendan.jpg" style="width:150px; border-radius: 10%;" class="center;">
''<u>Brendan Lehman</u>''
''Artistic Director''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Brendan Lehman (they/them; aka brendy)'' is a neuroscientist, game programmer, and current Interim Executive Director at the Hand Eye Society. Brendan is also the back-end developer of Super FESTival. Their work involves biodata integration, event experimentation, web radio, and bike couriering. See you out there!
/*Links*/
<a href="https://consciousless.net" target="_blank">Portfolio</a> | <a href="https://trueconnection.fm" target="_blank">Radio</a>
<a href="https://twitter.com/neurochems" target="_blank"><<include TwitterIcon-small>></a>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/cass.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>Cassandra Matchette</u>''
''Communications Coordinator''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Cassandra Machette (She/Her)''is a multidisciplinary storyteller with a love for the arts, games, and interactive digital media. As the Hand Eye Society’s Communications Coordinator, she helps share the work of Toronto’s creative community through writing, design, and digital strategy. A recent TMU Media Production graduate, Cassandra’s work blends storytelling, interactivity, and community engagement.
/*Links*/
<a href="https://www.cassmatchett.ca/" target="_blank">Website</a>
<a href="https://www.linkedin.com/in/cassandra-matchett/" target="_blank"><<include LinkedInIcon-small>></a>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/felicia.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>Felicia Daisy</u>''
''Operations Manager''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Felicia Daisy (She/Her)'' brings over 12 years of experience in festivals, large-scale events, and community engagement, having worked with some of Toronto’s top arts and cultural institutions including TIFF, Hot Docs, City of Toronto Cultural Events (i.e. Nuit Blanche), ROM, Luminato, The Toronto Biennial of Art, MOCA Toronto - among others. With a professional background in organizational development, event production, board governance, and volunteer management, she’s ready to help shape HES’s future!
</td>
</tr>
</table><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/About.png" width="150px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<div class="centreObj"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/SF2025_Logo.png" width="250px" style="margin: 0 auto;"></div>
<p>''Super FESTival'' is the ''annual hybrid celebration of videogame arts'' presented by the ''Hand Eye Society'', held both ''online and in-person in Toronto, Ontario, Canada''. </p>
<p>Named after our FEST technology that powers this website, Super FESTival brings together the many ways we celebrate games as an art form – From ''indie game showcases'' seen on this site to ''livestreamed developer talks on Twitch'', our ''Torontron arcade machines'' placed across Toronto, and the'' Hand Eye Society Ball'', our signature kickoff event.</p>
<p>Each year, we celebrate the ''artists, developers, and players'' who make our creative community special. Through Super FESTival, we aim to promote, educate and engage the public with the art and culture of games – in Toronto and around the world!</p>
<p>We invite you to ''explore all the games featured this year'', tune into our ''Super FESTival Twitch show'' and check out the ''Hand Eye Society Ball!''</p>
<p>You can view several of our past Super FESTival experiences on our <a href="https://handeyesociety.itch.io">''Itch Page''</a>.</p>
<hr>
<div class="centreObj">
<a href="https://handeyesociety.com" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/images/other/hes-logo.png" style="width:90px; margin:0 auto; align; display:block;"></a>
<br>
<<include HES-Socials>>
<br>
<a href="https://handeyesociety.com" target="_blank">Website</a> | <a href="https://bit.ly/hes-eventbrite" target="_blank">Eventbrite</a> | <a href="https://www.handeyesociety.com/membership/" target="_blank">Newsletter</a> | <a href="https://paypal.me/handeyesociety" target="_blank">Donate</a>
</div>
<h3>Our Mission</h3>
<p>The Hand Eye Society’s mission is to support and showcase ''videogames as a form of creative expression'', centring our work around artists and fostering inclusive communities through games as art. We aim to provide ''exhibition opportunities, education, creative support, mentorship, knowledge sharing, and inspiration to artists, enthusiasts, and the game-curious in Toronto.''</p>
<p>''Founded in 2009, the Hand Eye Society is one of the first videogame arts organizations of its kind in the world''. Super FESTival uses our online FEST web platform to celebrate not only the Hand Eye Society's accomplishments but the game community at large and how far we've come over the past decade, persevering through industry shakeups, pandemics, and cultural shifts. We hope you'll celebrate with us and join us for many more years of programming.</p>
<p>Support artists and future programming – <a href="https://www.zeffy.com/en-CA/donation-form/donate-to-support-canadian-videogame-arts">Donate here</a></p>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<div class="Title">Hand Eye Society Staff</div>
<table style="border-color:#ffffff00;">
<tr style="border-color:#ffffff00;"><<include Miriam>></tr><hr>
<tr style="border-color:#ffffff00;"><<include Jordan>></tr><hr>
<tr style="border-color:#ffffff00;"><<include Felicia>></tr><hr>
<tr style="border-color:#ffffff00;"><<include Cass>></tr><hr>
<tr style="border-color:#ffffff00;"><<include May>></tr><hr>
<tr style="border-color:#ffffff00;"><<include Paul>></tr>
</table>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/jordan.png" style="width:150px; border-radius: 10%;" class="center">
''<u>Jordan Sparks</u>''
''Director of Technology
& Workshop Coordinator''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Jordan Sparks (He/Him)'' is a Toronto-based Multimedia Artist, Designer, and Educator, as well as the founder of Shining Spark Entertainment Ltd. Since 2020, he has served the Hand Eye Society as its Director of Technology & Workshop Coordinator.
Jordan likes to explore how art, media, and creative technologies can spark social change. He has worked in the arts community for over 15 years doing games and education initiatves to create more opportunities for artists through the Royal Ontario Museum, Toronto Metropolitan University, Humber College, Hand Eye Society, Interactive Ontario, University of Toronto, and many other employers, clients, and spaces. Jordan is most well known for his <i>An/Other</i> and <i>Civic Story</i> games which have been featured by many exhibitions and news outlets such as CBC, Toronto Star, CityNews.
Jordan is the Director, Coordinator, and Developer of the Super FESTival online experience and our FEST technology, as well as the Host and Technical Director of the Super FESTival Streams. He hopes you enjoy Super FESTival and would love if you supported the Hand Eye Society's future events and workshops.
/*Links*/
<span><a href="https://GrindSpark.com" target="_blank">Portfolio</a> | <a href="https://ShiningSparkEnt.com" target="_blank">Shining Spark Entertainment</a>
<<nobr>>
<a href="https://twitter.com/supersparkplugs" target="_blank"><<include TwitterIcon-small>></a>
<a href="https://twitch.tv/supersparkplug" target="_blank"><<include TwitchIcon-small>></a>
<a href="https://grindspark.itch.io" target="_blank"><<include ItchIcon-small>></a>
<a href="https://www.youtube.com/channel/UCKRBZRdteKHe3e_u7K3kM9w" target="_blank"><<include YoutubeIcon-small>></a>
<a href="https://facebook.com/SparkComics" target="_blank"><<include FBIcon-small>></a>
<a href="https://bsky.app/profile/supersparkplug.bsky.social" target="_blank"><<include BSkyIcon-small>></a>
<</nobr>>
</span>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/may.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>May Yu</u>''
''Torontron Technician''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''May Yu (She/Her)'' is an interdisciplinary artist based in Toronto with an interest in game arts. She recently graduated from Toronto Metropolitan University with a Bachelor of Fine Arts in New Media before swiftly joining the Hand Eye Society to repair our beloved Torontrons!
/*Links*/
<a href="https://mayyu.neocities.org/" target="_blank">Website</a>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/miriam.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>Miriam Verburg</u>''
''Interim Executive Director''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Miriam Verburg (She/Her)'' is the founder of Bloom Digital Media, a game studio dedicated to exploring the intersection of video games and youth mental health. Miriam is no stranger to the Hand Eye Society; she recently served as a mentor with our Futures Forward program. She also teaches at TMU and serves on the Ontario Creates advisory committee. Just prior to Super FESTival 2025, Miriam took over as Hand Eye Society's new Interim Executive Director to map out a bold new future for our historic non-profit.
/*Links*/
<span><a href="https://www.bloomdigital.to/" target="_blank">Bloom Digital Media</a></span>
<<nobr>>
<a href="https://www.youtube.com/c/BloomDigitalMedia" target="_blank"><<include YoutubeIcon-small>></a>
<a href="https://www.tiktok.com/@bloomdigitalmedia" target="_blank"><<include TikTokIcon-small>></a>
<</nobr>>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/staff/paul.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>Paul Delair Desjardins</u>''
''Program Assistant''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Paul Delair Desjardins (He/Him)'' is a Métis video game developer and co-owner of Toronto-based Indigenous game studio Odamano. With over three years of experience in indie game development, Paul brings a versatile background in 3D art, sound design, and asset integration across engines like Unreal Engine 4 and Unity. His work has contributed to projects recognized by the GDC Awards and Ubisoft Indie Series. As Program Assistant at Hand Eye Society, Paul supports the planning and execution of events that celebrate and uplift Toronto’s vibrant game arts community.<br>
Outside of development, Paul is a passionate city-dweller who loves soaking up Toronto’s energy, whether that’s through a good patio drink downtown, belting out karaoke tunes, or jamming in the music studio with any instrument within reach. He’s a regular at gaming events and has a soft spot for animals, often found conversating with small creatures whenever he gets the chance.
/*Links*/
<a href="https://www.odamano.com/meet-the-team/paul" target="_blank">Website</a>
<a href="https://www.twitch.tv/rinpy" target="_blank"><<include TwitchIcon-small>></a>
</td>
</tr>
</table><table style="width:100%;">
<tr>
/*Image, Name, Role */
<td style="width:20%; text-align: center; border-color:#ffffff00;">
<img src="https://handeyesociety.com/sufest2025/assets/promo/staff/victoria.jpg" style="width:150px; border-radius: 10%;" class="center">
''<u>Victoria Kucher</u>''
''Former Executive Director''
</td>
/*Bio*/
<td style="width:70%; border-color:#ffffff00;">
''Victoria Kucher (she/her)'' is an arts leader, accomplished filmmaker, and game producer with over 20 years of experience in senior leadership roles in Toronto's non-profit sector. Her passion for arts and culture has proelled her to create a recognized and respected profile both locally and internationally.
/*Links*/
</td>
</tr>
</table><div style="width:100%; text-align:center;"><a href="https://www.handeyesociety.com/sufest2023/3D" target="_blank">On Mobile? Play here!</a></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">The Super FESTival Online Game was made in Unity and features attendants playing, exploring, communicating, and participating together in Super FESTival live from around the world from Nov 20 - 26! Over the course of the festival, new elements and areas were progressively added, creating an evolving experience.
<br><br>
This experimental new online game format is the result of our extended platform work to support arts festivals. Please note that, as of this time, this experience may not work as it was intended during a live event and you may run into issues in this archived version. However, this should allow you to experience of this bizarre virtual world.</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>>
<div class="likelike_container">
<iframe src="https://www.handeyesociety.com/sufest2023/3D" style="border:none;" height="700" width="1300" title="SuperFEST 3D"></iframe>
</div><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Ball.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<p>Super FESTival 2025 welcomes the return of the ''Hand Eye Society Ball'', our signature in-person kickoff event!</p>
<p>This year’s theme is a ''SpOoOooOky Soirée'' – a night of costumes, music, and interactive art celebrating Toronto’s vibrant game community. Come in your ''fanciest getup or your creepiest costume'' and join us for a grand celebration of play, performance, and connection.</p>
<p>If you're in Toronto on ''Saturday, November 1'', dance your way to the ''Cecil Community Centre''. We'll have music, games, Torontons, raffle prizes, and more! It's sure to be a gamerific good time — and the perfect way to kick off Super FESTival week!!</p>
<p><a href="https://bit.ly/hes-ball2025">''Tickets are on sale now!''</a> Online tickets are $40. Tickets at the Door are $50. If you are a Hand Eye Society member, you can get an online discount code. Tickets are limited, so don't wait and all proceeds go to fund future Hand Eye Society programming. Join us on the first day of Super FESTival on ''Saturday, Nov 1'' for some amazing fun! The Ball opens at 7pm for VIPs and 8pm for general admission.</p>
<div class="centreObj">
<<nobr>>
<h3><u>''Hand Eye Society Ball Exhibition: The Spooky Soirée ''</u></h3>
<table style="width:60%; margin: 0 auto;">
<tr>
<td style ="width:30%; vertical-align:text-top; text-align: left;">
''Saturday, November 1, 2025''<br>
''Cecil Community Centre''<br>
''58 Cecil St, Toronto, ON''<br>
''VIP entry:'' 7pm<br>
''General Admission Entry:'' 8pm<br>
''Dress Code:'' Fancy and SpOoOooOooKy! <br>
''Online:'' $40<br>
''At the Door:'' $50<br>
Hand Eye Society members receive a ''discount code'' via email Tickets are limited, so don’t wait — all proceeds support future ''Hand Eye Society programming''.<br>
</td>
<td style ="width:30%">
/*Description*/
<a href="https://bit.ly/hes-ball2025"><img src="https://handeyesociety.com/sufest2025/assets/images/other/Ball_Poster_v6.png" style="width:30vh"></a>
<p style="font-size:200%; margin: 0 auto;"><a href="https://bit.ly/hes-ball2025">BUY TICKETS NOW!</a></p>
</td>
</tr>
</table>
<</nobr>>
</div>
<br>
<div class="credits_container">
<div class="acknowledgement">
<h3>''The Hand Eye Society Ball is sponsored by''</h3>
<<include SponsorsList>>
<br>
<h3>''The Hand Eye Society would also like to thank the following contributors for their assistance and donations in kind for the Hand Eye Society Ball Exhibition.''</h3>
<<include DIKList>>
</div>
</div>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Credits.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
''The Hand Eye Society was founded in 2009 and is the oldest game-arts non-profit in the world.'' Throughout the years, we have created countless events, festivals, and opportunities to celebrate the Canadian and global game industry and serve the Game Curious Public.
<br> <br>
''Super FESTival'' has become a celebration of that long heritage that we are proud to continue and share with you all. This annual festival, built on our FEST web platform, combines many aspects of our significant events into one, allowing us to celebrate the diversity of the indie games scene and our rich history of holding a variety of game arts festivals and programming.
<br> <br>
Now in its ''fourth year'', Super FESTival continues our mission to'' educate, connect, and inspire'' through the art of play.
<br> <br>
Super FESTival is made possible through the hard work of Hand Eye Society Staff & Associates, donations from our patrons and members, and support from our generous sponsors! <div class="credits_container">
<img src="https://handeyesociety.com/sufest2025/assets/images/ui/SF2025_Logo.png" width="250px" style="margin: 20px 0 10px 0;">
<h3 style="text-align:center;margin-bottom: auto;">Created by the Hand Eye Society</h3>
<br>
<h4>Interim Executive Director</h4>
<a href="https://www.bloomdigital.to/">Miriam Verburg</a><br>
<br>
<h4>Director Of Technology & Workshop Coordinator</h4>
<a href="https://grindspark.com/" target="_blank">Jordan Sparks</a><br>
<br>
<h4>Operations Manager</h4>
Felicia Daisy<br>
<br>
<h4>Communications Manager</h4>
Cassandra Machette<br>
<br>
<h4>Torontron Technician</h4>
<a href="https://mayyu.neocities.org/">May Yu</a><br>
<br>
<h4>Program Assistant</h4>
Paul Delair Desjardins<br>
<br>
<h4>Board of Directors</h4>
Yifat Shaik<br>
Neilson Koener Safrata<br>
Julien Balbontin<br>
Osioreame Ikiebe<br>
Nick Fox-Gieg<br>
<br> ----
<h4>Super FESTival Technical & Digital Production Lead</h4>
Jordan Sparks<br>
<br>
<h4>FEST Code Base</h4>
Jordan Sparks<br>
Brendan Lehman<br>
<br>
<h4>Curation Team</h4>
Jordan Sparks <br>
Brendan Lehman <br>
Emily Flynn-Jones<br>
Cassandra Matchett<br>
<br>
<h4>Events & Scheduling</h4>
Felicia Daisy <br>
Cassandra Matchett<br>
Emily Flynn-Jones<br>
<br>
<h4>Torontron Installations & Coordination</h4>
Felicia Daisy <br>
May Yu<br>
Paul Delair Desjardins<br>
<br>
<h4>Partnerships & Outreach</h4>
Felicia Daisy <br>
Cassandra Matchett<br>
Paul Delair Desjardins<br>
<br>
<h4>Volunteer Coordination</h4>
Felicia Daisy <br>
Miriam Verburg<br>
<br>
<h4>Torontron Technician</h4>
May Yu<br>
<br>
<h4>Marketing & Social Media</h4>
Cassandra Matchett<br>
<br>
<h4>Super FESTival Graphic Designer</h4>
<a href="https://sunhawhang.com/" target="_blank">Sarah Whang</a><br>
<br>
<h4>Production Editor</h4>
<a href="https://www.aarondemeter.com/" target="_blank">Aaron Demeter</a><br>
<br>
<h4>Digital Production Assistant</h4>
Paul Delair Desjardins<br>
<br> ----
/*List Of Sponsors*/
<h3>''Super FESTival would not possible without our Supporters and Sponsors''</h3>
<<include SponsorsList>>
<br><br>
<h3>''THe Hand Eye Society would also like to thank our many contributors for their donations in-kind and support''</h3>
<<include DIKList>>
<br><br><br>
<h3>Thank You</h3>
''The Hand Eye Society extends heartfelt thanks to all artists, developers, volunteers, and community members whose creativity and enthusiasm make Super FESTival and all of our programs possible each year, as well as you for supporting this year's festival.''
</div>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>><div class="big-logo" style="text-align:center;"><img src="" width="200px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">The Hand Eye Society Mixtape initiative is our attempt to celebrate and share games with the global games community. We take game submissions from across the Games Community and curate a collection of unique and interesting indie games to share. From the quirky, to outlandish, you'll find all sorts of unexpected experiences here. Developers of all featured mixtape games are compensated for their inclusion.
<br><br>
We have also documented several short and interesting games as a Mixtape for Super FESTival 2023, which you can find in our Exhibition under the [[Super FESTival Mixtape->SuFestMixtape]] Category.
<br><br>
Since 2022 we've created several Mixtapes of diverse and unique games from around the world! We put out calls for Mixtapes fairly often so be sure to subscribe to our <a href="https://www.handeyesociety.com/membership/">Free Newsletter</a> to learn about our next call for submissions.</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<div class="vendor_container">
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-1" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzg4MzkxOTQucG5n/347x500/wd%2FUnI.png" width="200px"></div>/*Name*/<p class="land_name">Vol 1</p></a>
<a href="https://handeyesociety.itch.io/mixtape-vol-2" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzk2MTg4OTUucG5n/347x500/Kxgk5h.png" width="200px"></div>/*Name*/<p class="land_name">Vol 2</p></a>
</div>
<div class="vendor_container">
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-3" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzEwMTI2ODkyLmpwZw==/original/QNPRgb.jpg" width="200px"></div>/*Name*/<p class="land_name">Vol 3</p></a>
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-superfest-special" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzEwODYxNTc5LnBuZw==/347x500/TkWgCz.png" width="200px"></div>/*Name*/<p class="land_name">Super FESTival 2022 Jam Tape</p></a>
</div>
<div class="vendor_container">
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-4-5" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzEwODYxNDQyLnBuZw==/original/WsDxHb.png" width="200px"></div>/*Name*/<p class="land_name">Vol 4+5</p></a>
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-6" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzExNDg1MDI3LnBuZw==/original/OPUrp6.png" width="200px"></div>/*Name*/<p class="land_name">Vol 6</p></a>
</div>
<div class="vendor_container">
<a href="https://handeyesociety.itch.io/hes-mixtape-vol-7" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://img.itch.zone/aW1nLzEzNjE4OTM2LnBuZw==/original/zJwu7Z.png" width="200px"></div>/*Name*/<p class="land_name">Vol 7</p></a>
</div>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>>A Template for pages displaying PDF content.
<a data-fancybox data-type="iframe" data-src=" " href="javascript:;">
Read Blind Date - Colombia Here
<img src=" " style="width:500px">
</a><div class="acknowledgement">
<<nobr>>
<a href="https://ontariocreates.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/L_OC_EN_RGB.png" height="100px"></a>
<a href="https://canadacouncil.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/CCA_RGB_black_e.png" width="300px"></a>
<a href="https://ontario.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/OntarioGov.png" height="100px"></a><br>
<a href="https://toronto.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/toronto.png" height="100px"></a>
<a href="https://www.cleverendeavourgames.com/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/CELogo_Black.png" width="100px"></a>
<a href="https://charitablegaming.ca/gaming-centres/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/chargamelogo.png" height="100px"></a>
<a href="https://www.facebook.com/kennedyroadcharitablegamingassociation/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/cGaming.png" height="100px"></a>
<br><br><br>
<h3>''Operating Support Provided By''</h3>
<a href="https://www.arts.on.ca/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/OAC_Logo_RGB.png" height="80px"></a>
<a href="https://torontoartscouncil.org/" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/sponsors/TAC_FCOT_logo.png" height="80px"></a>
<</nobr>>
</div><h2>''401 Games · BATL Grounds · Bamtori Studio · Bloom Digital Media · Bygone Theatre · Chipotle · Dalisay MT · Freeplay · Good Behaviour Ice Cream · Greta Bar · Hot Docs · Kraft-Heinz · Maker Pizza · Midnight Arcade · Royal Ontario Museum · Steam Whistle · Unity Technologies · Alexander Rocket''</h2><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Torontrons.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<p>Our legendary ''Torontrons'' are back for ''Super FESTival 2025''!</p>
<p>These iconic ''Hand Eye Society arcade cabinets'' are filled with indie games created by artists from across Toronto and beyond — and they’re popping up all over the city.</p>
<p>From community centres and galleries to cafés and bars, each Torontron is a mini-arcade waiting to be discovered. Explore Toronto, play this year’s featured games, and experience the festival in the wild.</p>
<p>Check the map below to discover where our Super FESTival Torontrons are located and visit our partner locations across Toronto to play select FESTival titles in person!</p>
<p>Can you find and play them all?</p>
<div id="centreObj" style="margin: 0 auto">
<table style="margin: 0 auto; width:100%; object-fit:contain;"><tr><td>
<div class="centreObj"><img src="https://handeyesociety.com/sufest2025/assets/images/other/superfest_map.jpg" style="width:90%; height:90%; margin:0 auto "></div>
</td></tr></table>
</div>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<</nobr>><div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Stream.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<p>From ''November 3–7'', Super FESTival presents a week of ''insightful developer talks'' streamed live daily on the <a href="https://twitch.tv/handeyesociety">Hand Eye Society Twitch Channel</a>! These talks feature game developers from around the world to deliver their unique perspectives on the craft of game-making. You can find the Stream Schedule below and discover more about the individual talks on the [[Speakers]] page.
<p>These talks feature game developers from around the world sharing their unique perspectives on the craft of game-making – from design and storytelling to production and creative experimentation. </p>
<span style="font-size:30px; text-align:center;"><a href="https://twitch.tv/handeyesociety" target="_blank">Hand Eye Society Twitch</a></span></p>
<p>Check out the full lineup below, and visit the Speakers page to learn more about each session and presenter. Tune in, ask questions in chat, and celebrate the art of games with the Hand Eye Society community.</p>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>>
/*Twitch Code, needs testing on a host server to work.*/
<div class="twitch-container" style="width:20%; margin: 0 auto;">
<div id="twitch-embed"></div>
<script>
var options = {
width: 854,
height: 480,
channel: "handeyesociety",
parent: ["handeyesociety.com", "handeyesociety.itch.com"]
};
var player = new Twitch.Player("twitch-embed", options);
player.setVolume(0.5);
</script>
</div>
/*Schedule*/
<div class="schedule_container" style="width:950px; margin: 0 auto;">
<table style="">
<tr> <!--Dates-->
<td class="empty"><h3>Sat, Nov 1</h3></td>
<td class="empty"><h3>Mon, Nov 3</h3></td>
<td class="empty"><h3>Tues, Nov 4</h3></td>
<td class="empty"><h3>Wed Nov 5</h3></td>
<td class="empty"><h3>Thurs, Nov 6</h3></td>
<td class="empty"><h3>Fri, Nov 7</h3></td>
</tr>
<tr> <!--Intro-->
<td><b>6:00pm</b><br> <b><a href="https://www.zeffy.com/en-CA/ticketing/the-ball">Hand Eye Society Ball @ The Cecil Community Centre!</a></b></td> <!--Saturday-->
<td><b>6:00pm</b><br> Introduction </td> <!--Monday-->
<td><b>6:00pm</b><br> Introduction </td> <!--Tuesday-->
<td><b>6:00pm</b><br> Introduction </td> <!--Wednesday-->
<td><b>6:00pm</b><br> Introduction </td> <!--Thursday-->
<td><b>6:00pm</b><br> Introduction </td> <!--Friday-->
</tr>
<tr> <!--Slot 1-->
<td class="empty"></td> <!--Saturday-->
<td><b>6:05pm</b><br> Games Showcase</td> <!--Monday-->
<td><b>6:05pm</b><br> Games Showcase</td> <!--Tuesday-->
<td><b>6:05pm</b><br> Games Showcase</td> <!--Wednesday-->
<td><b>6:05pm</b><br> Games Showcase</td> <!--Thursday-->
<td><b>6:05pm</b><br> Games Showcase</td> <!--Friday-->
</tr>
<tr> <!--Slot 2-->
<td class="empty"></td><!--Saturday-->
<td><b>6:30pm</b><br> Accelerate your multiplayer prototyping with Unity 6</td> <!--Monday-->
<td><b>6:20pm</b><br> <b>LIVE PANEL @ INTERACCESS</b> - Level-Up with ACTRA Toronto Performers by ACTRA [<a href="https://www.zeffy.com/en-CA/ticketing/level-up-with-actra-toronto-performers-by-actra">TICKETS</a>]</td> <!--Tuesday-->
<td><b>6:30pm</b><br> Using Excel more effectively </td> <!--Wednesday-->
<td><b>6:20pm</b><br> <b>LIVE TALK @ INTERACCESS</b> - Level-Up Business: What Startups Can Learn from Side Quests, Boss Battles & Extra Lives [<a href="https://www.zeffy.com/en-CA/ticketing/level-up-business-what-startups-can-learn-from-side-quests-boss-battles-and-extra-lives-by-joshua-green">TICKETS</a>]</td> <!--Thursday-->
<td><b>6:30pm</b><br> Art & Video Games: How Artists Expand The Medium</td> <!--Friday-->
</tr>
<tr> <!--Slot 3-->
<td class="empty"></td> <!--Saturday-->
<td><b>7:30pm</b><br> Games Showcase</td> <!--Monday-->
<td><b>7:15pm</b><br> Games Showcase</td> <!--Tuesday-->
<td><b>7:30pm</b><br> Games Showcase</td> <!--Wednesday-->
<td><b>7:20pm</b><br> Games Showcase</td> <!--Thursday-->
<td><b>7:10pm</b><br> Games Showcase</td> <!--Friday-->
</tr>
<tr> <!--Slot 4-->
<td class="empty"></td> <!--Saturday-->
<td><b>7:45pm</b><br> Flipping Assets to Improve Your Game</td> <!--Monday-->
<td><b>7:30pm</b><br> <b>LIVE TALK @ INTERACCESS</b> - Structured Playtesting. Industry Feedback. Lessons Learned. - A GRID Post-Mortem [<a href="https://www.zeffy.com/en-CA/ticketing/structured-playtesting-industry-feedback-lessons-learned-a-grid-post-mortem">TICKETS</a>]</td> <!--Tuesday-->
<td><b>7:45pm</b><br> AI can't take THIS from us!: The Importance of Process</td> <!--Wednesday-->
<td><b>7:35pm</b><br> <b>LIVE TALK @ INTERACCESS</b> - Deal Mode: Your First Publishing Agreement [<a href="https://www.zeffy.com/en-CA/ticketing/publishing-101-by-madeline-brown">TICKETS</a>]</td> <!--Thursday-->
<td><b>7:30pm</b><br> Audio Editing for Dummies</td> <!--Friday-->
</tr>
<tr> <!--Slot 5-->
<td class="empty"></td> <!--Saturday-->
<td><b>8:20pm</b><br> Outro</td> <!--Monday-->
<td><b>8:25pm</b><br> Outro</td> <!--Tuesday-->
<td><b>8:25pm</b><br> Outro</td> <!--Wednesday-->
<td><b>8:40pm</b><br> Outro</td> <!--Thursday-->
<td><b>8:30pm</b><br> Outro</td> <!--Friday-->
</tr>
</table>
</div>
<<audio ":all" stop>><video width="90%" height="90%" controls>
<source src=" " type="video/mp4">
Your browser doesn't support HTML5 video tag.
</video>
A template passage for video content.<div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Workshops.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
The Hand Eye Society has a long history of hosting ''workshops and educational programs that help grow the games community'' — inspiring creators, novices, and enthusiasts of all ages to make their own fantastic games.
<br> <br>
That tradition continues today with a series of ''accessible online workshops'' on topics relevant to the games community, and designed to enrich and educate game makers everywhere.
<br> <br>
Each workshop is taught live on Zoom through instructor-led sessions lasting approximately 2 - 3 houts. Sessions are recorded and made avlable exclusivelt to registered participants. Our workshops are also ''open to everyone''! They're designed to be accessible and easy to learn. No experience necessary and, since they are online, ''you can attend no matter where you are in the world!''
<br> <br>
Our workshop offerings are always changing and renewing, so keep tabs on our <a href="https://www.eventbrite.ca/o/the-hand-eye-society-15539055266">Eventbrite</a> page! We'd love to have you learn with us!
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<div class="vendor_container">
<a href="https://www.eventbrite.ca/e/grant-writing-for-creatives-monthly-tickets-427415861347" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/grants.png" width="250px"></div>/*Name*/<p class="land_name">Grant Writing For Creatives (Monthly)</p></a>
<a href="https://www.eventbrite.ca/e/storytelling-in-twine-tickets-427365550867" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/twine.jpg" width="250px"></div>/*Name*/<p class="land_name">Storytelling In Twine</p></a>
<br>
</div>
<div class="vendor_container">
<a href="https://www.eventbrite.ca/e/intro-to-pixel-art-tickets-1038259140037" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/pixel.png" width="250px"></div>/*Name*/<p class="land_name">Intro to Pixel Art</p></a>
<a href="https://www.eventbrite.ca/e/intro-to-live-streaming-tickets-1038257204247" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/stream.jpg" width="250px"></div>/*Name*/<p class="land_name">Intro To Livestreaming</p></a>
</div>
<div class="vendor_container">
<a href="https://www.eventbrite.ca/e/intro-to-godot-tickets-1930294385469" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/godot.jpg" width="250px"></div>/*Name*/<p class="land_name">Intro to Godot</p></a>
<a href="https://www.eventbrite.ca/e/intro-to-unreal-engine-tickets-934137369017?aff=ebdsoporgprofile" target="_blank" class="land_info_container">/*Profile Image*/<div class="land_profile"><img src="https://handeyesociety.com/sufest2025/assets/images/other/workshops/unreal.jpg" width="250px"></div>/*Name*/<p class="land_name">Intro To Unreal Engine</p></a>
</div>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>>Welcome to the Multi Page.
This is an example of how to compartmentalize passages. This could be one of the side-branch narratives that a commissioned author writes.
[[Sub-passage 1|sub_1]]
[[Sub-passage 2|sub_2]]
[[Sub-passage 3|sub_3]]
[[Sub-passage 4|sub_4]]
Sub-passages are named in the lower case to indicate in searches that they are sub-passages.Sub passage 1
[[Here's a link.|https://handeyesociety.com/]]
Here's an example of adding an iframe with HTML:
<html>
<div class="container"><iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/9M0JhHiJY5E" title="YouTube video player" frameborder="0" allow="clipboard-write; encrypted-media;" allowfullscreen></iframe></div>Sub-passage 2Sub-passage 3Sub-passage 4This is an example of a file with a single passage.
This is an example of [[a link|https://handeyesociety.com/]].<span class="main-logo">
<a data-passage="Intro"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/SF2025_Logo.png" width="180px"></a></span><<include UI-Icons>>/*UI Icons*/
/*Pre-Release Errors<a href="https://forms.gle/aT5g8LfDz2HMrVj99" style="font-size: 11px;">Report a Problem</a>*/ /*NOTE: REPLACE THESE SURVEYS LATER*/
<a href="https://forms.gle/6dQBTKuUHx5HuMer5" style="font-size: 11px; color: #00f35d;" target="_blank">Report a Problem /<br>Give Feedback</a>
/*Direct Link Code - Note: Putting on the side bar because that loads every scene. Was having some issues putting on StoryInit.*/
<!-- <<script>> //RE-ENABLE THIS CODE ON LAUNCH
const browser_path = window.location.search; // get url
const urlParams = new URLSearchParams(browser_path); // get url params
variables().passage = urlParams.get('passage'); // save passage param in sugarcube
window.history.replaceState({}, document.title, "/superfestival"); // clear params from url
<</script>>
<<if $passage>><<goto $passage>><</if>>
<<set $baseURL to "https://handeyesociety.com/superfestival/">>/*Note: Change this and above URL parameters to /superfestival/ on public launch and /sufest2024/testing/ during testing*/ -->
/* :: StoryAuthor {"position":"268,439","size":"100,100"} */
/*Presented by<span class="SBIcons">*/ /*NOT WORKING WHEN SPAN CLASS ACTIVE */
/*<a href="https://handeyesociety.com" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/promo/sponsor/HES_logo.png" width="80px"></a></span>*//* Initialise the array being used to story the list of random Passages. */
<<set $randoms to []>>
/* Add the name of each of the random Passages to the array by searching for all Passages in the story tagged as 'Artist'. */
<<set _list to Story.lookup("tags", "game")>>
<<for _i to 0, _len to _list.length; _i lt _len; _i++>>
<<run $randoms.push(_list[_i]['title'])>>
<</for>><div class="big-logo" style="text-align:center;">
<img src="https://handeyesociety.com/sufest2025/assets/images/ui/SF2025_Logo.png" width="300px">
</div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText"><div class="Title" style="text-align:center;">''Welcome to Super FESTival!''</div>
<p>Welcome to Super FESTival 2025, the Hand Eye Society's free hybrid celebration of videogame arts and our history of public programming, running from <b><u>November 1 - 7, 2025</u></b>, in Toronto and online.</p>
<p>This year's festival shines a spotlight on the creativity and experimental spirit that defines the indie games community. Explore our <a data-passage="Games">showcases</a>, <a data-passage="Twitch">talks</a>, <a data-passage="Workshops">workshops</a>, and city-wide arcade installations, all celebrating videogame arts. You’ll also find our <a data-passage="Torontron">''Torontron arcade cabinets''</a> scattered across the city throughout the week, each loaded with playable indie games by local and international creators.</p>
<p>If you're in Toronto, you can attend the <a data-passage="Ball">''HAND EYE SOCIETY BALL & EXHIBITION''</a> on Saturday, November 1 – our signature kickoff party featuring immersive installations, alt-controllers, and interactive performances.</p>
<p>At Hand Eye Society, every event helps us support and pay artists, developers, and educators who make the videogame scene special. Your contributions directly fund artist fees, accessibility improvements, and future community programs.</p>
<p><a href="https://www.zeffy.com/en-CA/fundraising/donate-to-support-canadian-videogame-arts">DONATE HERE!</a></p>
<p>Explore this site to discover wonderful things and enjoy the FESTival!</p>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>>
/*<p style="text-align:center;">Please note that this is an Archived version of the Hand Eye Society's online Super FESTival which occurred on October 15 - 16, 2022. As a result, some aspects, such as the Super FESTival Game and the Live Twitch Show, may no longer work as originally intended, though may be adjusted for this archived version. </p>*/
<div class="vendor_container">
<a data-passage="Games" class="land_info_container" style="padding: 0px 30px 0px 0px;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Exhibitors.png" width="180px"></a>/*Games*/
<a data-passage="Speakers" class="land_info_container" style="padding: 0px 30px 0px 0px;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Speakers.png" width="170px"></a>/*Speakers*/
<div class="vendor_container">
<a data-passage="Twitch" class="land_info_container" style="padding: 0px 0px 0px 30px;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Stream.png" width="180px"></a>/*Twitch*/
<a data-passage="Ball" class="land_info_container" style="padding: 10px;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Ball.png" width="190px"></a>/*HES Ball*/
</div>/* Places Footer with socials at the bottom of every page*/
<div class="centreObj">
<br>
<a href="https://handeyesociety.com" target="_blank"><img src="https://handeyesociety.com/sufest2025/assets/images/other/hes-logo.png" style="width:80px; margin:0 auto; align; display:block;"></a>
<<include HES-Socials>>
</div>This is an example of a file with a single passage.
This is an example of [[a link|https://handeyesociety.com/]].<div class="big-logo" style="text-align:center;"><img src="https://handeyesociety.com/sufest2025/assets/images/ui/Speakers.png" width="300px"></div>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText">
<p>The ''Hand Eye Society'' is known for our diverse lineup of ''festival talks, workshops and panels'', and this year is no exception.</p>
<p>From ''November 3rd to 7th, 2025'', our online ''Super FESTival Show'' will feature ''10 speakers'' from around the world, each sharing their unique perspectives on ''game development, design, and creative practice''.</p>
<p>We’ll showcase two ''talks per day, Monday through Friday,'' beginning at ''6 PM EST''. On ''Tuesday, November 4 and Thursday, November 6'', we'll be streaming live on location from <a href="http://google.com/maps?sca_esv=08a87188ee7c8cf0&output=search&q=interaccess&source=lnms&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeqDdErwP5rACeJAty2zADJjqdgOURrLRyE20i0VBCBmzwu-SS21ZoxQuu1oV-PnVK1OIjUy33MB8nTRYo2FFErh7TpHm81TdaMQS0LpfegNX9RROjkg7AUhUL7GDVyCldmfMCOZ4k44zXorDY1XvzgDGWxHVbX_ihrgnxuoyWy6fCsF_qg&entry=mc&ved=1t:200715&ictx=111" target="_blank">InterAccess</a> in Toronto, featuring special in-person panels with several talented speakers.</p>
<p>''All times listed are approximate and in Toronto Time (ET)''. </p>
<h2><a data-passage="Twitch">Watch the Talks LIVE on Twitch</a></h2>
</div>
/*Box Bottom*/<<include boxBottom>>
</div><</nobr>>
<<nobr>>
<div class="boxedInfo">
/*Box Top*/<<include boxTop>>
<div class="boxText" >
<div id="saturday"><h1>''Monday, November 3'': 6pm - 9pm</h1>
/*Speaker1 */<h2>6:30pm</h2><h2>''[ TALK ]<br/>Accelerate Your Multiplayer Prototyping With Unity 6''</h2><h3>''<a href="https://estebangamedev.com" target="_blank">Esteban E. Maldonado Cabán</a>'' – Seattle, Washington, USA</h3>
<p>A demo showcasing the new multiplayer tools in Unity 6 and how it helps users quickly create a networked scene, which helps them focus more on the gameplay, not the repetitive boilerplate code of lobby session management. Users will see how these tools can be applied to convert a 2D platformer scene into a shared multiplayer experience.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/esteban.png" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong>Originally from Puerto Rico, Esteban is a passionate gamer and geek with a lifelong love for video games, which he uses now to spread the word about Unity solutions. With a background in tools development for designers and content creators, Esteban brings his knowledge and experience to his role as an advocate. Additionally, he applies his experience and passion for teaching to help his teammates and game developers of all ages.</p>
</td>
</tr>
</table>
<</nobr>>
/*Speaker2 */<h2>7:45pm</h2><h2>''[ TALK ]<br/>How To Flip Assets to Improve Your Game''</h2><h3>''<a href="http://www.devonwiersma.games" target="_blank">Devon Wiersma</a>'' – Toronto, Ontario, Canada</h3>
<p>In this talk, solo indie developer Devon Wiersma will address strategies to incorporate pre-made assets into your game's production pipeline. They will cover topics ranging from where to find assets for your game, how to discover quality assets to use, and how to avoid using assets in a way that feels too "same-y". By the end, you'll have learned how to leverage assets to help you make a stronger game, and you'll be freed up to focus on developing the parts of your game you enjoy!</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/devon.png" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> Devon is a solo game developer and designer with experience ranging from AAA to indie. They have shipped over seven games as a solo dev and are best known for their paint-anywhere graffiti series "Bombing!!". They have also worked as a Level Designer, contributing to various titles including Far Cry 6 and Riverbond.</p>
</td>
</tr>
</table>
<</nobr>>
</div>
<br>
<div id="saturday"><h1>''Tuesday, November 4'': 6pm - 9pm<br> [Live at Interaccess!]</h1>
/*Speaker1 */<h2>6:30pm</h2><h2>''[ LIVE PANEL - <a href="https://www.zeffy.com/en-CA/ticketing/level-up-with-actra-toronto-performers-by-actra">In-Person Tickets</a> ]<br/>Level Up with ACTRA Toronto Performers''- </h2><h3>'' <a href="https://www.actratoronto.com" target="_blank">ACTRA Toronto</a>'' - Toronto, Ontario, Canada</h3>
<p>Why are professional performers integral to video game production? They bring your characters to life! Learn about the union that represents professional performers and how to engage them on interactive digital media productions. Take your game to the next level by working with ACTRA Toronto performers. Get the Professionals. Get ACTRA.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/actra.png" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> ACTRA Toronto is the largest branch of the Alliance of Canadian Cinema, Television and Radio Artists, representing over 15,000 professional performers working in film, television, voice, animation, commercials, and interactive digital media. As a leading voice for performers’ rights, ACTRA Toronto works to advance fair wages, equitable opportunities, and safer, more inclusive workspaces across Ontario’s screen industries. ACTRA Toronto is committed to fostering a vibrant and diverse cultural sector, empowering artists to tell stories that reflect the richness of Canadian life.</p>
</td>
</tr>
</table>
<</nobr>>
/*Speaker2 */<h2>7:30pm</h2><h2>''[ LIVE TALK - <a href="https://www.zeffy.com/en-CA/ticketing/structured-playtesting-industry-feedback-lessons-learned-a-grid-post-mortem">In-Person Tickets</a> ]<br/>Structured Playtesting. Industry Feedback. Lessons Learned. - A GRID Post-Mortem.''</h2><h3>''<a href="hhttps://megapowergames.com" target="_blank">Antonio Miceli</a>'' - Toronto, Ontario, Canada</h3>
<p>This post-mortem talk will delve into the transformative power of structured, facilitated playtesting, an approach that attempts to spark new ideas and elevate game quality. This will lead to a post-mortem of The G.R.I.D. — a unique and welcoming behind-the-scenes initiative designed specifically for indie developers, studios, and solo creators to showcase their games and receive targeted, constructive feedback for their game at any stage of development. We'll cover some of its foundational principles, the practicality of facilitating playtesting sessions, and the lessons learned from this first attempt.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/Antonio-Miceli.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> Antonio is a 15-year software developer veteran, a black belt karate practitioner, and a lifelong professional wrestling enthusiast. Founding Mega Power Games in 2020, he brings creative energy and spontaneity to his work in game development, always striving to push the boundaries and create innovative and fun experiences for players. His debut title, DepowerBall, was released on Steam in 2023 and is set for a multiplatform console release in 2025.</p>
</td>
</tr>
</table>
<</nobr>>
</div>
<br>
<div id="saturday"><h1>''Wednesday, November 5'': 6pm - 9pm</h1>
/*Speaker1 */<h2>6:30pm</h2><h2>''[ TALK ]<br/>Everyday Excel: Using it Effectively''</h2><h3>''<a href="https://lonelygolemgames.itch.io/" target="_blank">Connor Sutherland-Stewart</a>'' - Belleville, Ontario, Canada</h3>
<p>This hands-on workshop will cover how to utilize Microsoft Excel (and Google Sheets) for your workflows. Whether it be loot drop tables or project management, this workshop will get you up and running with some basic templates and give you some formulas to add to your toolbelt.</p>
<p>The session focuses primarily on beginner-friendly tools, with occasional branches into intermediate and advanced features. Access to Microsoft Excel is recommended, though the material can also be followed using Google Sheets, with key differences highlighted throughout.</p>
<p>Sample sheets and templates are provided for attendees to follow along and adapt to their own projects.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/connor.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong>Connor is a Software Implementation Specialist and back-end developer by day, indie game dev by night. Connor has been prototyping people's games for years and has co-founded his own indie game studio, Lonely Golem Games. They are busy making their first Steam game, so go follow them at <a href="https://lonelygolemgames.itch.io/" target="_blank">lonelygolemgames.itch.io/</a>.</p>
</td>
</tr>
</table>
<</nobr>>
/*Speaker2 */<h2>7:45pm</h2><h2>''[ TALK ]<br/>AI can't take THIS from us!: The Importance of Process''</h2><h3>''<a href="https://bitcrushstudio.carrd.co/" target="_blank">Chris Erickson</a>'' - Melbourne, Victoria, Australia</h3>
<p>As creative practitioners, we exist in an interesting period in history defined by rapid advancements in technology. There are concerns around the rise in popularity of Artificial Intelligence and its effect on the industry and job security. This is not the first time artists have been confronted with industrialization, and we can look to the past to see what it is that kept people motivated, as well as putting a name to that creative 'spark' that everyone feels and why that will be so important in separating the man from the machine.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/chris.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong>Chris Erickson (A.K.A Bitcrush) is a Melbourne-based designer and recent graduate from RMIT's Master of Animation, Games and Interactivity. He is a game maker who enjoys working with legacy software and tech and emulating 90s and 00s aesthetics in games and animation. His current work focuses on the relationships between users and the internet, the importance of online community, and the preservation of digital spaces.</p>
</td>
</tr>
</table>
<</nobr>>
</div>
<br>
<div id="saturday"><h1>''Thursday, November 6'': 6pm - 9pm<br> [Live at Interaccess!]</h1>
/*Speaker1 */<h2>6:20pm</h2><h2>''[ LIVE TALK - <a href="https://www.zeffy.com/en-CA/ticketing/level-up-business-what-startups-can-learn-from-side-quests-boss-battles-and-extra-lives-by-joshua-green">In-Person Tickets</a> ]<br/>Level-Up Business: What Startups Can Learn from Side Quests, Boss Battles & Extra Lives''</h2><h3>''<a href="https://joshuaowengreen.com" target="_blank">Joshua Green</a>'' - Vancouver, British Columbia, Canada</h3>
<p>What can Zelda, Mario, and Final Fantasy teach you about entrepreneurship? In this talk, Joshua Green explores how side quests fuel innovation, boss battles build resilience, and extra lives encourage risk-taking. Drawing from both gaming and business experience, he reveals how startups can adopt a “player’s mindset” to unlock creativity, navigate setbacks, and scale with courage. Get ready to rethink your strategy, one power-up at a time.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/josh.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> Joshua Green is a keynote speaker, entrepreneur, and creative strategist who blends business with play. With a background spanning comedy, startups, and yoga, he’s built companies from cookie dough to tech platforms while teaching on stages worldwide. His work centers on dismantling imposter syndrome and helping people reframe challenges as opportunities for growth. At Super FESTival, he brings a gamified lens to business, turning side quests and boss battles into tools for real-world success.</p>
</td>
</tr>
</table>
<</nobr>>
/*Speaker2 */<h2>7:35pm</h2><h2>''[ LIVE TALK - <a href="https://www.zeffy.com/en-CA/ticketing/publishing-101-by-madeline-brown">In-Person Tickets</a> ]<br/>Deal Mode: Your First Publishing Agreement''</h2><h3>''<a href="https://www.mcblegal.ca" target="_blank">Madeleine Brown</a>'' - Toronto, Ontario, Canada</h3>
<p>A straightforward introduction to publishing in the games industry. This session walks through key legal issues in publishing agreements and what they mean for your rights and revenue. Clear, concise, and grounded in real-world practice, it’s designed to equip you with the essentials before committing to a deal.</p>
<p>''Please note that at the request of the speaker, this talk will not be archived and will only be available to be seen live on the day of broadcast and on-location.''
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/brown.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> Presented by Madeleine C. Brown, the founder and principal lawyer of MCB Legal Studio, a boutique litigation, entertainment, and intellectual property law firm. Madeleine’s work supports both emerging and established creators, with a focus on business and creative disputes in interactive media. Off the clock, she's probably at a concert or playing Nintendo.</p>
</td>
</tr>
</table>
<</nobr>>
</div>
<br>
<div id="saturday"><h1>''Friday, November 7'': 6pm - 9pm</h1>
/*Speaker1 */<h2>6:30pm</h2><h2>''[ TALK ]<br/>Art & Videogames: How Artists Are Expanding the Games Medium''</h2><h3>''<a href="https://chan.gallery" target="_blank">Mitchell F. Chan</a>'' - Toronto, Ontario, Canada</h3>
<p>A strong atmosphere is a key component in making a game memorable. Feelings of awe, beauty, and mystery can be evoked through atmosphere alone, leaving a lasting impression on players. This talk will define atmosphere in the context of games and provide both technical and non-technical tips for enhancing the atmosphere in your projects.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/mitchell.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong>Mitchell F Chan is a conceptual artist based in Toronto, described by one critic as “committed to the most serious ideas of conceptualism in the most playful way possible.” His pioneering artwork Digital Zones of Immaterial Pictorial Sensibility, 2017, was recently exhibited in “Monte di Pietá” at the Fondazione Prada during the 60th Venice Biennale.</p>
<p>His most recent project, The Zantar Triptych, is a series of real videogames set inside a fictional videogame economy. It premiered at Nguyen Wahed in New York City in 2025 and will be presented at Frieze Seoul next month by de Sarthe. In addition to his artwork, Chan has written for Artforum and Outland.</p>
</td>
</tr>
</table>
<</nobr>>
/*Speaker2 */<h2>7:30pm</h2><h2>''[ WORKSHOP ]<br/>Audio Editing For Dummies''</h2><h3>''<a href="https://afrodiaq.com" target="_blank">Xavier Oshinowo</a>'' - Toronto, Ontario, Canada</h3>
<p>This workshop teaches students how to edit dialogue for video games in Reaper. This workshop will provide an overview of using the plugins to edit audio, set up FX chains, set up key binds for editing, and render presets. The main takeaway from this workshop will be how to set up a project, create custom commands to make the workflow easier, edit necessities, and render.</p>
<hr>
<<nobr>>
<table style="width:100%;">
<tr>
<td style ="width:20%; vertical-align:text-top;">
/*Headshot*/<div class="links" style="text-align: top;">
<img src="https://handeyesociety.com/sufest2025/assets/images/other/speakers/xavier.jpg" width="100%"><br>
</div>
</td>
<td style ="width:80%">
/*Description*/
<p><strong>Bio:</strong> Xavier Oshinowo is a sound designer, audio editor, sound technician, music producer, and game designer. He has a BA and MA in Media Production from Toronto Metropolitan University with a concentration in Video Game and Sound Design. Additionally, he is big into Esports and has worked at events such as Pokémon Regionals, Final Kombat, and Overwatch League Grand Finals.</p>
</td>
</tr>
</table>
<</nobr>>
</div>
<h2>[[Back to Main|Intro]]</h2>
</div>
/*Box Bottom*/<<include boxBottom>>
</div>
<</nobr>><h1><<print passage()>></h1>
BLURB
<h2><a data-passage="Twitch">Watch the Talks on Twitch</a></h2>
----
<div class="Title">DATE</div>
<h2>''TALK NAME''
''SUBHEADING''</h2>
TALK DESCRIPTION
''<i>HOSTS/SPEAKERS</i>''
''NAME'' (He/Him)
ROLE
BIO
<a href="" target="_blank">Twitter</a>
<a href="" target="_blank">Video</a>
<h2>[[Back to Main|Intro]]</h2>