-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path2024-05.html
More file actions
198 lines (184 loc) · 10.1 KB
/
2024-05.html
File metadata and controls
198 lines (184 loc) · 10.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<html>
<head>
<title>Mechanically Challenged</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="page">
<div class="content">
<div class="section row">
<div class="video">
<iframe width="100%" height="540"
src="https://www.youtube.com/embed/ZeMQJdvAL_M?si=Qi0BVuntQ525bLJn" 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>
</div>
<div class="section row">
<div>
<img class="small-width wrap-left" src="imgs/logo.png">
<h1>Mechanically Challenged</h1>
<p>
Mechanically Challenged is a monthly challenge hosted by
MooNiZZ and Captain Coder's Academy in which members of
the community recreate different mechanics found in
games! The goal is to create a library of references and
examples for these mechanics in as many different
engines and languages as possible.
</p>
</div>
</div>
<div class="section row">
<div>
<h2>May 2024 - Special Platforms: Slopes and Loops</h2>
<div class="row">
<div class="column wrap-left">
<img class="small-width example" src="imgs/sonic-sloped-platform.gif">
<img class="small-width example" src="imgs/sonic-success-loop.gif">
<img class="small-width example" src="imgs/sonic-fail-loop.gif">
</div>
<div>
<div>
<p>
This month's mechanic is... <b>Special Platforms: Slopes and Loops</b>!
</p>
<p>
The Sonic series made great use of special
platforms to create twisting, winding, and fast
paced levels! This included sloped platforms
that allowed the player to accelerate while
moving down and fight gravity while moving
upward. Probably more iconic are the loops that
Sonic uses to create a sense of movement and
speed!
</p>
</div>
<div>
<p>
This month, you are challenged to write an
implementation for sloped platforms, looping
platforms, or both! A few things to notice from
the examples:
</p>
<p>
<ul>
<li>
The character sprite adjust to the angle of the slope
</li>
<li>
The character's velocity is affected by the slope: they slow down going up and
speed
up moving down.
</li>
<li>
The character will slide down a slope that is too steep.
</li>
<li>
The character cannot make it through a loop if their velocity is not great
enough
</li>
</ul>
</p>
</div>
<div>
<p>
Both 2D and 3D submissions are welcome!
Additionally, it is up to you how you choose to
implement this mechanic. However, entries that focus
on simplicity, modularity, and code reuse are more
likely to win an
<b>Educational Mechanic</b> prize!
</p>
<h2>Prizes</h2>
<p>
Entries submitted before <b>June 1st
2024</b> will be eligible for an
<b>Educational Mechanic</b> prize!
</p>
<p>
Two $50 <b>Educational Mechanic</b> prizes will be
awarded: one by Captain Coder and one by MooNiZZ.
The selection process is at the sole discretion of
the judge. The judges will be looking for clean
implementations that can be utilized by new
developers to implement the mechanic.
</p>
<h2>How to Participate</h2>
<p>
Full instructions for submitting an entry and rules for eligibility can be found on
GitHub:
<a href="https://github.com/MechanicallyChallengedOrg/SlopesAndLoops"
target="_about">LINK</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section row">
<div>
<h2>April 2024 - Dropping Through Platforms</h2>
<div>
<img class="small-width example wrap-left" src="imgs/drop-through-example.gif">
<div>
<p>
This month's mechanic is... <b>Dropping through platforms</b>!
</p>
<p>
This is a very common mechanic in 2D Platformers
where you can stand on a platform, hold down, and
press jump to drop through the platform you're
standing on. Typically, from beneath the platform,
it is also possible to jump through the platform and
land on it.
</p>
<h2>Prizes</h2>
<p>
Entries submitted before <b>May 1st 2024</b> will be
eligible for an <b>Educational Mechanic</b> prize!
</p>
<p>
Two $50 <b>Educational Mechanic</b> prizes will be
awarded: one by Captain Coder and one by MooNiZZ.
The selection process is at the sole discretion of
the judge. The judges will be looking for clean
implementations that can be utilized by new
developers to implement the mechanic.
</p>
<h2>How to Participate</h2>
<p>
Full instructions for submitting an entry and rules for eligibility can be found on
GitHub:
<a href="https://github.com/MooNiZZ/MechanicallyChallenged?tab=readme-ov-file#how-to-participate"
target="_about">LINK</a>
</p>
</div>
</div>
</div>
</div>
<div class="section row">
<div style="width:100%">
<h2>Community</h2>
<p>Join us on Discord and Twitch to ask questions, chat, and hangout with the community:</p>
<div class="row evenly-spaced">
<div class="discord-split">
<p>MooNiZZ on <a href="https://www.twitch.tv/moonizz" target="_blank">Twitch</a></p>
<iframe src="https://discord.com/widget?id=202858696923938816&theme=dark"
allowtransparency="true" frameborder="0"
sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<div class="discord-split">
<p>CaptainCoder's Academy on <a href="https://www.twitch.tv/thecaptaincoder"
target="_blank">Twitch</a></p>
<iframe src="https://discord.com/widget?id=982290855215906897&theme=dark"
allowtransparency="true" frameborder="0"
sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>