You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/coding/game-dev-journey.html
+80-10Lines changed: 80 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -212,21 +212,91 @@ <h3 data-step="7">Tutorial Time - Theory!</h3>
212
212
<pclass="elapsed-time">Total time elapsed on this day: <b>3.5 hours</b>. Total time elapsed since start: <b>7.5 hours</b></p>
213
213
</section>
214
214
215
-
<p>Last update: March 7th. Updates are delayed because I don't edit my website every day, sorry.</p>
216
-
<!--
217
215
<section>
218
-
<h2 id="day4">Day 4 - Collision Course</h2>
219
-
220
-
<p>(Pun intended.)</p>
216
+
<h2id="day4">Day 4 - My tiny project</h2>
221
217
222
-
<h3 data-step="7">Learning about Collisions</h3>
223
218
<h3data-step="8">Applying what I've learned</h3>
219
+
<p>I took such lovely notes on GDScript while watching the tutorial on it on day 3, so it was time to actually put the theory into practice!</p>
220
+
<p>
221
+
I started a new, tiny project which only had a label and two buttons, and tried to use everything that was new to me, i.e. inputs, variable exports, random number generation, custom signals, the
222
+
clamp functions, getters and setters, ...
223
+
</p>
224
+
<p>I did this for about an hour.</p>
225
+
<p>
226
+
It felt good to simply code for a while, because that's where I'm most comfortable. But then I tried to change the color of a button, and realised with horror that that opened up a whole new can
227
+
of worms... Oh well:
228
+
</p>
229
+
230
+
<h3data-step="9">GUI is hard, apparently</h3>
231
+
<p>I took one quick look at Godot's documentation on GUI skinning and noped the hell out of there.</p>
232
+
<p>
233
+
That's right, it was time for another video tutorial! And I found an <i>amazing</i> one:
234
+
<ahref="https://www.youtube.com/watch?v=1_OFJLyqlXI" target="_blank">Godot UI Basics - how to build beautiful interfaces that work everywhere (Beginners)</a> by <i>Godotneers</i>. It's an hour
235
+
long, which seemed unnecessarily long to me at first (oh, how naive I was!), but now I wish it was twice as long because it's such a good tutorial and covered lots of good stuff.
<p>Again, I took some notes, and cleaned up all my notes in general (since I had so many at this point), which took about half an hour.</p>
249
+
250
+
<pclass="elapsed-time">Total time elapsed on this day: <b>2.5 hours</b>. Total time elapsed since start: <b>10 hours</b></p>
251
+
</section>
252
+
253
+
<section>
254
+
<h2id="day5">Day 5 - Making a menu</h2>
255
+
256
+
<h3data-step="10">Trying my hand at a GUI</h3>
257
+
<p>
258
+
Again, it was time to practice what I've learned in the video tutorial, so I tinkered around in my tiny project, attempting to make an okay-looking GUI. I made sure to try out everything the
259
+
tutorial had taught me. I struggled a bit, but after about an hour I was somewhat satisfied.
260
+
</p>
261
+
<p>
262
+
The whole hour I had not written a single line of code - creating the GUI is really more a process of juggling around nodes and properties in Godot's own UI. This was a bit demotivating to me, but
263
+
I already felt like I had a much better overview of it all than the day before, so I had made progress at least.
One thing I knew I still had to learn was how to switch scenes, e.g. go from the Main Menu to a Settings Menu, or into the first level. This was not covered in any tutorial I've watched up until
269
+
that point, so I had to find out for myself. Again, I expanded my tiny project to include a Settings scene just to try my hand at switching scenes.
270
+
</p>
271
+
<p>
272
+
I quickly realised I also had to learn how to make two scenes communicate with each other. When trying to find out how (by googling) I stumbled upon the common pattern of using an Autoload script
273
+
for settings.
274
+
</p>
275
+
<p>
276
+
The next logical step was to learn how to save these settings in a file, so that they'd be saved for the next time playing. This was much easier than expected using
In total, I played around for about an hour, and my 'game' felt much more like a game now that is had a settings screen and actually saved these settings! I also had fun again because I was
281
+
working with code again finally!
282
+
</p>
283
+
284
+
<pclass="elapsed-time">Total time elapsed on this day: <b>2 hours</b>. Total time elapsed since start: <b>12 hours</b></p>
224
285
</section>
225
286
287
+
<p>Last update: <b>March 9th</b>. Updates are delayed because I don't edit my website every day, sorry.</p>
288
+
<!--
226
289
<section>
227
-
<h2 id="day5">Day 5 - Getting familiar</h2>
290
+
<h2 id="day6">Day 6 - Collision course</h2>
291
+
292
+
<h3 data-step="12">Learning about collisions</h3>
293
+
<p>Yea</p>
228
294
229
-
<h3 data-step="9">Making a Menu</h3>
230
-
<h3 data-step="10">Exporting</h3>
295
+
<p class="elapsed-time">Total time elapsed on this day: <b>? hours</b>. Total time elapsed since start: <b>12 hours</b></p>
231
296
</section>
232
-
-->
297
+
298
+
Taking off the training wheels
299
+
<p>On this day I took a break from video tutorials holding my hand.</p>
0 commit comments