add game jam page

microsoft · Nov 18, 2024 · 81dba32 · 81dba32
1 parent 79db108
commit 81dba32
Show file tree

Hide file tree

Showing 10 changed files with 171 additions and 0 deletions.
diff --git a/docs/gamejam/cozy.html b/docs/gamejam/cozy.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+        <title>MakeCode Arcade Game Jam</title>
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:url" content="https://arcade.makecode.com/gamejam">
+        <meta name="twitter:title" content="MakeCode Arcade Game Jam">
+        <meta name="twitter:site" content="@MsMakeCode">
+        <meta name="twitter:creator" content="@MsMakeCode">
+        <meta name="twitter:description" content="The next MakeCode Arcade Game Jam starts on May 3rd! Get Ready!">
+        <meta name="twitter:image" content="/static/gamejam/jams/cozy/assets/preview.png">
+        <link rel="stylesheet" href="https://pxt.azureedge.net/blob/2163189fd5e35c0981ed55318415582a7c9aeb12/doccdn/semantic.css" type="text/css">
+        <link rel="stylesheet" href="/static/gamejam/lib/gamejam.css">
+        <link rel="stylesheet" href="/static/gamejam/jams/cozy/style.css">
+        <script type="text/javascript">
+            window.pxtSkipAnalyticsCookie = true;
+        </script>
+    </head>
+    <body>
+        <div class="hero">
+            <div class="banner"><img class="top" src="/static/gamejam/jams/cozy/assets/banner.png" alt="Image of cute household items and pets in a grid with the text 'MakeCode Arcade Cozy Jam'"/></div>
+        </div>
+        <div class="checker"></div>
+        <div class="content">
+            <h1>It's game jam time!</h1>
+            <div class="segment">
+                <p>
+                    Welcome to the 10th Official Microsoft MakeCode Game Jam! This is a fun
+                    competition where you can pit your game development skills against
+                    others to build a game using <a href="https://arcade.makecode.com">MakeCode Arcade</a>,
+                    a game engine for retro pixel-art games that run in the browser
+                    or on handheld game devices.
+                </p>
+                <div id="timer"></div>
+            </div>
+            <div class="segment">
+                <div id="rules"></div>
+            </div>
+            <div class="segment submit">
+                <h2>Submit</h2>
+                <p>Ready to submit your game? Use the button below!</p>
+                <div class="actions">
+                    <a class="button" href="https://aka.ms/GameJamForm" target="_blank" rel="noopener noreferrer">Submit a Game</a>
+                </div>
+            </div>
+            <div class="segment gallery">
+                <h2>Gallery</h2>
+                <p class="description">Check out the submitted games!</p>
+                <div id="gallery"></div>
+            </div>
+        </div>
+
+        <!-- @include tracking.html -->
+        <!-- @include tickevent.html -->
+        <!-- @include thin-footer.html -->
+
+        <script type="text/javascript"
+            src="https://pxt.azureedge.net/blob/555c1dc1d9da18154cb48388d5e494f3f16119f8/marked/marked.min.js"></script>
+        <script type="text/javascript"
+            src="https://pxt.azureedge.net/blob/3c168a772b9e4cbf3ecb648148cfb2f966e8a578/pxtembed.js"></script>
+        <script src="/static/gamejam/lib/gamejam.js"></script>
+        <script>
+            getInfo("/static/gamejam/jams/cozy/info.json");
+        </script>
+    </body>
+</html>
diff --git a/docs/static/gamejam/jams/cozy/assets/banner.png b/docs/static/gamejam/jams/cozy/assets/banner.png
diff --git a/docs/static/gamejam/jams/cozy/assets/demo-1.gif b/docs/static/gamejam/jams/cozy/assets/demo-1.gif
diff --git a/docs/static/gamejam/jams/cozy/assets/demo-2.gif b/docs/static/gamejam/jams/cozy/assets/demo-2.gif
diff --git a/docs/static/gamejam/jams/cozy/assets/demo-3.gif b/docs/static/gamejam/jams/cozy/assets/demo-3.gif
diff --git a/docs/static/gamejam/jams/cozy/assets/hero-banner.png b/docs/static/gamejam/jams/cozy/assets/hero-banner.png
diff --git a/docs/static/gamejam/jams/cozy/assets/preview.png b/docs/static/gamejam/jams/cozy/assets/preview.png
diff --git a/docs/static/gamejam/jams/cozy/info.json b/docs/static/gamejam/jams/cozy/info.json
@@ -0,0 +1,8 @@
+{
+    "rules": {
+        "path": "/static/gamejam/jams/cozy/rules.md"
+    },
+    "featured": [],
+    "start": "2024-11-18 00:00:01 GMT-0700",
+    "end": "2025-1-1 23:59:59 GMT-0700"
+}
diff --git a/docs/static/gamejam/jams/cozy/rules.md b/docs/static/gamejam/jams/cozy/rules.md
@@ -0,0 +1,59 @@
+## Cozy Jam
+
+The theme for this jam is "cozy games". What is a [cozy game](https://en.wikipedia.org/wiki/Cozy_game), you might ask? Well, it's any game that focuses on creating a relaxing atmosphere rather than a stressful one.
+Cozy games are often about building things, exploring the world, or expressing yourself instead of limited lives, time limits, or difficulty.
+Cozy games can also be a game that just has a real cozy vibe! Think warm mugs of hot cocoa, friendly conversations with neighbors, soft pastel colors... you get the idea!
+
+
+Does that mean your game can't feature *any* action? Of course it doesn't! As long as your game has that cozy vibe we're looking for, you can have as much action as you want. Just be prepared to defend the coziness of your game!
+
+Some valid interpretations of this theme include:
+
+* A farming simulator where you plant crops and interact with people in a small town like in [Harvest Moon][harvest-moon], [Stardew Valley](https://en.wikipedia.org/wiki/Stardew_Valley), [Rune Factory](https://en.wikipedia.org/wiki/Rune_Factory), or [Fields of Mistria](https://en.wikipedia.org/wiki/Fields_of_Mistria)
+* A relaxing puzzle solving game like [Monument Valley][monument-valley], [Lumines](https://en.wikipedia.org/wiki/Lumines), [A Monster's Expedition](https://en.wikipedia.org/wiki/A_Monster's_Expedition), or [Dorfromantik](https://en.wikipedia.org/wiki/Dorfromantik)
+* A sandbox game that lets you create music or art like in [Tiny Glade](https://en.wikipedia.org/wiki/Tiny_Glade), [Electroplankton](https://en.wikipedia.org/wiki/Electroplankton), [Tilt Brush](https://en.wikipedia.org/wiki/Tilt_Brush), or [Mario Paint](https://en.wikipedia.org/wiki/Mario_Paint)
+
+Feel free to subvert the genre as well. For example, a game that starts out as a cozy game full of happy animal villagers and then subtly turns into some sort of horror game nightmare over time would be a valid interpretation.
+
+DEMO GIF 1 | DEMO GIF 2 | DEMO GIF 3
+-- | --
+![](/static/gamejam/jams/cozy/assets/demo-1.gif) | ![](/static/gamejam/jams/cozy/assets/demo-2.gif) | ![](/static/gamejam/jams/cozy/assets/demo-3.gif)
+
+
+You can interpret "cozy" however you want, but someone playing your game should be able to see how it relates to the theme without extra explanation.
+
+## Don't stress! You've got plenty of time
+The game jam will run from **November 18, 2024** to **January 1, 2025**
+
+That means you have until the end of 2024 to work on your game. For you procrastinators out there, we will accept submissions until 11:59 PM PDT on January 1st!
+
+## Getting started
+
+Never programmed in Microsoft MakeCode Arcade before? No problem! Check out our [beginner skillmaps](https://arcade.makecode.com/--skillmap#dino) to learn the basics of making a game!
+
+## Rules
+
+1. Games should be built in MakeCode Arcade
+2. Your game must relate to the jam theme. Someone playing your game should be able to see how it relates to the theme without extra explanation.
+3. Keep the games PG: no NSFW, offensive, or excessively violent content.
+4. You must be at least 9 years old to participate.
+5. All games must be submitted by someone who is at least 13 years old. Younger students are welcome to participate, but it must be in partnership with an adult and with parent permission.
+
+## Join the community
+
+This game jam is designed to be an easy introduction to making games, even for folks without prior programming experience! We highly encourage parents and educators to work with interested students to bring their games to life.
+
+Join our [forums](https://forum.makecode.com) to chat with other coders, brainstorm ideas, or form a game jam team. You can hang out with the MakeCode team there too!
+
+## Tips and tricks
+
+* When designing your game, keep in mind that Arcade is restricted to a 160x120 16-color screen
+* See [these instructions](https://arcade.makecode.com/developer/images) for information on importing images and color palettes into Arcade.
+* Check out the [developer documentation](https://arcade.makecode.com/developer) for more advanced tips to use in Arcade.
+* Also make sure you check out the winners of [our][traffic-jam] [past][garden-jam] [jams][ocean-jam]!
+
+[traffic-jam]: https://arcade.makecode.com/gamejam/traffic
+[ocean-jam]: https://arcade.makecode.com/gamejam/ocean
+[garden-jam]: https://arcade.makecode.com/gamejam/garden
+[harvest-moon]: https://en.wikipedia.org/wiki/Harvest_Moon_(video_game)
+[monument-valley]: https://en.wikipedia.org/wiki/Monument_Valley_(video_game)
diff --git a/docs/static/gamejam/jams/cozy/style.css b/docs/static/gamejam/jams/cozy/style.css
@@ -0,0 +1,36 @@
+body {
+    background: #fff5dc;
+}
+
+.top {
+    image-rendering: pixelated;
+}
+
+/**** ACTION BUTTONS ****/
+
+.button {
+    color: #fff;
+    background-color: #8e3a3a;
+}
+
+.button:hover {
+    color: #fff;
+    background-color: #ac7c52;
+}
+
+/**** FOOTER ****/
+
+.footer .ui.link.list .item {
+    color: #1b2447;
+}
+
+.content {
+    background: unset;
+    color: #1b2447;
+}
+
+a:not(.button) {
+    color: #0060b9;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+}