Merge branch 'master' into kiki-lee-eow

microsoft · Mar 6, 2024 · 8678c77 · 8678c77
2 parents b63515d + 7a7e5ae
commit 8678c77
Show file tree

Hide file tree

Showing 13 changed files with 347 additions and 22 deletions.
diff --git a/docs/gamejam/female-gamechangers.html b/docs/gamejam/female-gamechangers.html
@@ -0,0 +1,100 @@
+<!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/female-gamechangers/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/female-gamechangers/style.css">
+    <script type="text/javascript">
+        window.pxtSkipAnalyticsCookie = true;
+    </script>
+</head>
+
+<body>
+    <div class="body-background">
+
+    </div>
+    <div class="checker"></div>
+    <div class="content">
+        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 3600" id="bg">
+
+            <defs>
+                <pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="40" height="40">
+                    <path d="M-10,10 l20,-20
+                            M0,40 l40,-40
+                            M30,50 l20,-20" stroke="var(--line-color)" stroke-width="2" />
+                </pattern>
+            </defs>
+            <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalHatch)" />
+        </svg>
+        <div class="segment logo-container">
+            <img src="/static/gamejam/jams/female-gamechangers/assets/gamechangers.png" alt="The text Female Gamechangers Jam in a pixellated font" />
+        </div>
+        <div class="segment">
+            <p>
+                Welcome to the 9th 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>
+        <div class="timer-container">
+            <div class="spacer"></div>
+            <div class="timer-outer">
+                <div id="timer"></div>
+            </div>
+            <div class="spacer"></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/GJForm" target="_blank"
+                    rel="noopener noreferrer">Submit a Game</a>
+            </div>
+            <br/>
+            <p>Are you age 16 or younger? Then make sure you also submit your game to the Code Ninja's game jam and be entered to win fabulous prizes!</p>
+            <div class="actions">
+                <a class="button" href="https://forms.codeninjas.com/femalegamechangers" target="_blank"
+                    rel="noopener noreferrer">Visit Code Ninjas</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 src="/static/gamejam/jams/female-gamechangers/gamejam.js"></script>
+    <script>
+        getInfo("/static/gamejam/jams/female-gamechangers/info.json");
+    </script>
+</body>
+
+</html>
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg b/docs/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-1.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-1.gif
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-2.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-2.gif
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-3.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-3.gif
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/gamechangers.png b/docs/static/gamejam/jams/female-gamechangers/assets/gamechangers.png
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png b/docs/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png
diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png b/docs/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png
diff --git a/docs/static/gamejam/jams/female-gamechangers/gamejam.js b/docs/static/gamejam/jams/female-gamechangers/gamejam.js
@@ -0,0 +1,11 @@
+const bg = document.getElementById("diagonalHatch")
+
+let start = Date.now();
+
+function doAnimation() {
+  bg.setAttribute("x", ((Date.now() - start) / 20));
+
+  requestAnimationFrame(doAnimation)
+}
+
+doAnimation()
diff --git a/docs/static/gamejam/jams/female-gamechangers/info.json b/docs/static/gamejam/jams/female-gamechangers/info.json
@@ -0,0 +1,9 @@
+{
+    "rules": {
+        "path": "/static/gamejam/jams/female-gamechangers/rules.md"
+    },
+    "featured": [
+    ],
+    "start": "2024-3-1 00:00:01 GMT-0700",
+    "end": "2024-3-31 23:59:59 GMT-0700"
+}
diff --git a/docs/static/gamejam/jams/female-gamechangers/rules.md b/docs/static/gamejam/jams/female-gamechangers/rules.md
@@ -0,0 +1,56 @@
+ |  | 
+-- | --
+![Microsoft logo](/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png) | ![Code ninjas logo](/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg) | ![Girls Who Code logo](/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png)
+
+For Women's History Month in March, we are excited to partner with Girls Who Code and Code Ninjas to celebrate women who have made an impact in your life through the Female Gamechangers Game Jam!
+
+The theme for this jam is "Women who impacted your life". Your game could include a famous woman from history, someone you know personally, or even an original character you create!
+
+Some examples of good interpretations of this theme:
+
+1. A game that traces the journey of Amelia Earhart
+2. A sports game featuring female athletes
+3. A space exploration game inspired by the life of NASA mathematician Katherine Johnson
+
+DEMO GIF 1 | DEMO GIF 2 | DEMO GIF 3
+-- | --
+![](/static/gamejam/jams/female-gamechangers/assets/demo-1.gif) | ![](/static/gamejam/jams/female-gamechangers/assets/demo-3.gif) | ![](/static/gamejam/jams/female-gamechangers/assets/demo-2.gif)
+
+You can interpret the theme however you want, but someone playing your game should be able to see how it relates to the theme without extra explanation.
+
+Be sure to also check out the [official Code Ninja's page for this jam](https://forms.codeninjas.com/femalegamechangers) to learn about how you can be entered to win prizes if you're under 16!
+
+## Important Dates
+
+The game jam will run from **March 1, 2024** to **March 31, 2024**
+
+You will have one month to build and submit your games for the competition! For you procrastinators out there, we will accept games up until 11:59pm on March 31st.
+
+## 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 past jams!](/gamejam/all)
+
+[traffic-jam]: https://arcade.makecode.com/gamejam/traffic
+[ocean-jam]: https://arcade.makecode.com/gamejam/ocean
+[garden-jam]: https://arcade.makecode.com/gamejam/garden