{"id":14287,"date":"2016-02-03T10:48:56","date_gmt":"2016-02-03T14:48:56","guid":{"rendered":"http:\/\/webmakerblog.wpengine.com\/?p=14287"},"modified":"2019-02-26T11:23:24","modified_gmt":"2019-02-26T19:23:24","slug":"open-world-open-web","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/open-world-open-web\/","title":{"rendered":"&quot;Open world, open web&quot;"},"content":{"rendered":"<p>This past weekend, over fifty teens joined mentors, sponsors, and judges for the first ever <a href=\"http:\/\/www.stab.org\/news\/post\/~post\/area-students-collaborate-create-at-spark-hackathon-20160201\">SPARK Hackathon<\/a> at <a href=\"http:\/\/www.stab.org\/\">St. Anne\u2019s-Belfield School<\/a> (STAB) in Charlottesville, VA. Participants came from six different area high schools and formed teams to tackle real-world problems posed by sponsors, including <a href=\"https:\/\/teach.mozilla.org\">Mozilla<\/a>. Every team did amazing work and the consensus among the judges and mentors seemed to be that the quality of work produced by hackathon attendees rivaled that of undergraduate students working in areas like computer science and biomedical engineering.<br \/>\n<div id=\"attachment_14289\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stabphotos.smugmug.com\/20152016-Events\/Upper-School\/SPARK-Hackathon\/\" rel=\"attachment wp-att-14289\"><img aria-describedby=\"caption-attachment-14289\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-14289 size-large\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/spark-closing-600x400.jpg\" alt=\"The SPARK Hackathon crew\" width=\"600\" height=\"400\" \/><\/a><p id=\"caption-attachment-14289\" class=\"wp-caption-text\">The SPARK Hackathon crew, by STAB<\/p><\/div><br \/>\nWe challenged students to create a &#8220;Fight for the Open Web&#8221; adventure, map, or mod inside the insanely popular, open-world, sandbox game, <a href=\"http:\/\/minecraft.net\/\">Minecraft<\/a>. <a href=\"http:\/\/en.wikipedia.org\/wiki\/Minecraft\">With over 70 million copies sold<\/a>, Minecraft is both a cultural and educational phenomenon. Players can progress from simple, &#8220;vanilla&#8221; gameplay to run their own servers, build their own maps, and code their own mods for the game that add new assets and functionality. <a href=\"http:\/\/minecraft.gamepedia.com\/Minecraft_Wiki\">Players share their creations online<\/a>, so we\u2019re deeply curious about how we can use Minecraft to educate &#8211; and activate &#8211; its community around issues of freedom, privacy, and web literacy.<br \/>\nOur problem had three parts.<\/p>\n<ol>\n<li>What is the Open Web?<\/li>\n<li>What challenges does it face?<\/li>\n<li>How can those challenges be built as gameplay and story in Minecraft?<\/li>\n<\/ol>\n<p>Before students split into problem-based teams, they had a chance to meet with each sponsor, ask questions about each problem, and share their ideas for solutions. I heard so many sharp ideas during this round-robin briefing that I knew we would have fantastic work to share coming out of the hackathon. Students suggested:<\/p>\n<ul>\n<li>Using the Minecraft UI to represent the player\u2019s information security, so that higher levels make a character more difficult to track or hit.<\/li>\n<li>Making a character become increasingly transparent as his or her privacy and security stats rise.<\/li>\n<li>Using dynamic signs to \u2018publish\u2019 information about characters\u2019 inventories, locations, and stats inside the game, and then letting players craft items and gain levels that hide their information from the signs.<\/li>\n<li>Building persistent <a href=\"https:\/\/en.wikipedia.org\/wiki\/HTTP_cookie\">cookies<\/a> that players receive for accepting free items inside the game and making it so that each cookie permanently occupies inventory space, limiting players\u2019 resource management.<\/li>\n<li>Using portals to other zones &#8211; like &#8220;the Ender Zone&#8221; and &#8220;the Nether&#8221; &#8211; as ISP gateways and hubs.<\/li>\n<li>Using \u2018mobs\u2019 &#8211; or monsters from the game &#8211; as cookies that surround and follow the player instead of attacking him or her, making it difficult to fit through small passages.<br \/>\n<div id=\"attachment_14292\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14292\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14292\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/spider-cookie-600x375.png\" alt=\"Spider cookie\" width=\"600\" height=\"375\" \/><p id=\"caption-attachment-14292\" class=\"wp-caption-text\">Spider cookie<\/p><\/div><\/li>\n<li>Using foot races along parallel paths to illustrate throttling by filling one path with blocks that slow character movement (such as webs or &#8220;Soul Sand&#8221;) and by using command blocks to apply the &#8220;Swiftness&#8221; effect to characters who pay diamonds, emeralds, or gold nuggets to use the faster path.<\/li>\n<li>Creating a map with more freedom, but fewer resources, the further you travel away from a highly regulated central zone full of pay-to-play mini-games and surveillance measures.<\/li>\n<\/ul>\n<p>Out of those brainstorming and Q&amp;A sessions, two groups of six formed around our problem.<br \/>\nBoth groups characterized the Open Web as a place where people came together to work and share without losing their sense of privacy or being watched by companies or governments. Without any help from mentors, our students identified the major challenges facing the Open Web as:<\/p>\n<ul>\n<li>Threats to Net Neutrality and zero-rating.<\/li>\n<li>Pay-to-play schemes.<\/li>\n<li>Censorship and walled gardens.<\/li>\n<li>Surveillance.<\/li>\n<\/ul>\n<p>Then each group began to build. As one student put it, they had to make an experience about the Open Web \u201cwithout being terrible like educational games.\u201d The big idea, again, coming from one of our participants, was to create a game that made one thing clear: &#8220;Open world, open web.&#8221;<br \/>\n<div id=\"attachment_14294\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stabphotos.smugmug.com\/20152016-Events\/Upper-School\/SPARK-Hackathon\/\" rel=\"attachment wp-att-14294\"><img aria-describedby=\"caption-attachment-14294\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-14294 size-full\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/open-world.jpg\" alt=\"Team Open World at work\" width=\"400\" height=\"263\" \/><\/a><p id=\"caption-attachment-14294\" class=\"wp-caption-text\">Team Open World at work, by STAB<\/p><\/div><br \/>\n<!--more-->Despite the pressures you\u2019d expect to feel at a 2-day hackathon ending with 3-minute presentations, both teams delivered short demos of gameplay. Using Minecraft\u2019s <a href=\"http:\/\/minecraft.gamepedia.com\/Creative_mode\">creative mode, <\/a> <a href=\"http:\/\/minecraft.gamepedia.com\/Cheats\">cheats<\/a>, and <a href=\"http:\/\/minecraft.gamepedia.com\/Command_block\">command blocks<\/a> (think of chains of JSON-powered processors), our team members built their own in-game development environments and opened their <a href=\"http:\/\/minecraft.gamepedia.com\/Tutorials\/Creating_a_Challenge_Map\">adventure-maps<\/a> to the local network for testing.<br \/>\n<div id=\"attachment_14296\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14296\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14296\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/minecraft-surveillance-command-blocks-600x375.png\" alt=\"Command blocks chained together\" width=\"600\" height=\"375\" \/><p id=\"caption-attachment-14296\" class=\"wp-caption-text\">Command blocks chained together<\/p><\/div><br \/>\n<div id=\"attachment_14312\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14312\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14312\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/inside-a-command-block-600x375.png\" alt=\"Inside a command block\" width=\"600\" height=\"375\" \/><p id=\"caption-attachment-14312\" class=\"wp-caption-text\">Inside a command block<\/p><\/div><br \/>\nOur first team to present, team Open World, created a 50-second trailer showing off four areas of their game.<\/p>\n<ol>\n<li>In Level One, players have 120 seconds to do whatever they want in a fully-featured Minecraft world.<\/li>\n<li>Then a command block triggers and transports players to an all-clay version of the same world. This is the pay-to-play level. Players can move around, but they can only harvest colored clay; none of the blocks are made of the game\u2019s other necessary resources such as wood or stone.<br \/>\n<div id=\"attachment_14299\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14299\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14299\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/clay-command-600x319.png\" alt=\"Command blocks in the clay world\" width=\"600\" height=\"319\" \/><p id=\"caption-attachment-14299\" class=\"wp-caption-text\">Command blocks in the clay world<\/p><\/div><br \/>\nPlayers have to complete tasks in this level to earn enough credits to get to a desert level with better resources. Once the credits have been collected, another command block triggers sending players to the desert level.<\/li>\n<li>The desert level has sand and cacti and a few other resources, but players still lack the tools needed to harvest most blocks. Those tools are hidden &#8211; or &#8220;censored,&#8221; as the group put it &#8211; in temples scattered around the map. Players have to find the temples and then use their platforming skills to jump from block to block across seas of lava to get to the tools they can use to harvest the materials they need to get to the next level. The blocks shift and move thanks to pistons hidden beneath them, representing the terms of service that limit user access to the Web.<br \/>\n<div id=\"attachment_14301\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14301\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14301\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/desert-temple-600x375.png\" alt=\"Inside the desert temple\" width=\"600\" height=\"375\" \/><p id=\"caption-attachment-14301\" class=\"wp-caption-text\">Inside the desert temple<\/p><\/div><\/li>\n<li>Finally, after players collect enough resources from the desert level, a command block transports them to a snow level in which floating eyes coded into the sky follow them wherever they go.<br \/>\n<div id=\"attachment_14303\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14303\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14303\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/eye-sky-600x375.png\" alt=\"Eyes in the sky\" width=\"600\" height=\"375\" \/><p id=\"caption-attachment-14303\" class=\"wp-caption-text\">Eyes in the sky<\/p><\/div><br \/>\nThis is the surveillance level. Players have to find the surveillance command center and shut it down. When they do, they\u2019re transported back to a platform in the sky of the the fully-featured Minecraft world from which they can see that each level was right next to the other, but built inside a dome &#8211; or <a href=\"http:\/\/en.wikipedia.org\/wiki\/Closed_platform\">walled garden<\/a> &#8211; that made it easier to limit their movement. From here, players can break the other domes and restore the connections between all the parts of the game world.<\/li>\n<\/ol>\n<p>It was awesome. So was Team AddressB00kxd\u2019s presentation, a live demo of game-play inside the group\u2019s map. In AddressB00kxd\u2019s game<\/p>\n<ol>\n<li>Players begin outside a home surrounded by an insurmountable firewall &#8211; a wall of wool blocks set alight that isolates their home from the rest of the map.<br \/>\n<div id=\"attachment_14305\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14305\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14305\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/firewall-600x320.png\" alt=\"The firewall\" width=\"600\" height=\"320\" \/><p id=\"caption-attachment-14305\" class=\"wp-caption-text\">The firewall<\/p><\/div><\/li>\n<li>Players enter the house and approach a computer. A trap door drops them into a stylized version of the Internet along a tube uses command blocks to shoot sparks.<br \/>\n<div id=\"attachment_14306\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14306\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14306\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/moving-internet-600x323.png\" alt=\"Moving through the Internet\" width=\"600\" height=\"323\" \/><p id=\"caption-attachment-14306\" class=\"wp-caption-text\">Moving through the Internet<\/p><\/div><\/li>\n<li>The tube leads to the Minecraft Surveillance Agency, in which players have to navigate a labyrinth to reach the King of Surveillance, defeat him, and receive an key (a lever, in the game) that lets players shut down the command blocks powering part of the firewall.<\/li>\n<li>Activating a key extinguishes one side of the firewall and reveals the path to the next challenge or level that players have to defeat to take down another part of the wall.<\/li>\n<\/ol>\n<p><div id=\"attachment_14307\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/https:\/\/twitter.com\/STABSpark\" rel=\"attachment wp-att-14307\"><img aria-describedby=\"caption-attachment-14307\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-14307 size-large\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/CaFtqrnWIAEXaRH-600x800.jpg\" alt=\"Presenting at SPARK\" width=\"600\" height=\"800\" \/><\/a><p id=\"caption-attachment-14307\" class=\"wp-caption-text\">Presenting at SPARK<\/p><\/div><br \/>\nThe prototypes our groups presented delivered everything I hoped for from the event. With minimal big picture coaching on the Open Web and targeted technical help from a few mentors, our teams captured their ideas about online freedom, openness, and privacy. They left me certain that with more time &#8211; and by participating in more events like this &#8211; we can develop a compelling, fun, and fascinating &#8220;Fight for the Open Web&#8221; experience on platforms like Minecraft that reach millions of young people worldwide. Look for a lesson plan (of sorts) soon.<br \/>\n<div id=\"attachment_14308\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14308\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-14308\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/02\/laptop-600x450.jpg\" alt=\"The most on-point laptop stickers at SPARK\" width=\"600\" height=\"450\" \/><p id=\"caption-attachment-14308\" class=\"wp-caption-text\">The most on-point laptop stickers at SPARK<\/p><\/div><br \/>\nBy the end of the <a href=\"http:\/\/www.nbc29.com\/story\/31102514\/students-gather-at-stab-for-hack-a-thon\">SPARK Hackathon<\/a>, I felt inspired and humbled by the work of everyone involved. I can\u2019t wait to do more work like this again &#8211; let me know if I can help you and yours hack on Minecraft and the Open Web!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This past weekend, over fifty teens joined mentors, sponsors, and judges for the first ever SPARK Hackathon at St. Anne\u2019s-Belfield School (STAB) in Charlottesville, VA. Participants came from six different area high schools and formed teams to tackle real-world problems &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/open-world-open-web\/\">Continue reading<\/a><\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378228],"tags":[330394],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14287"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/comments?post=14287"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14287\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=14287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=14287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=14287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}