-
Notifications
You must be signed in to change notification settings - Fork 1
/
blogs.html
91 lines (82 loc) · 4.24 KB
/
blogs.html
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
<!DOCTYPE html>
<html lang = en-gb>
<head>
<meta charset = utf-8>
<meta name = viewport content = 'width = device-width, initial-scale = 1'>
<meta name = description content = 'Free online coding blogs and open source games'>
<script async src = 'https://www.googletagmanager.com/gtag/js?id=G-2MDQ9F697V'></script>
<script src = /src/js/analytics.js></script>
<script src = /src/js/main.js></script>
<title>Blogs | Joachim Ford</title>
<link rel = stylesheet href = /src/main.css>
<link rel = icon type = image/x-icon href = /src/favs/favicon.ico>
</head>
<body>
<section class = topnav>
<div class = title>
<a class = brand href = '/'>Joachim Ford</a>
<a class = about href = /about>About</a>
</div>
<div class = nav>
<a href = /games>Games</a>
<a href = /projects>Projects</a>
<a href = /blogs>Blogs</a>
<a href = /news>News</a>
</div>
</section>
<section class = main>
<a class = demo href = /src/blogs/3_tips_for_game_development>
<img class = tiny src = /src/blogs/extra/3_tips_for_game_development/1.png>
<h3>3 Tips for Game Development</h3>
<span class = description>
Ever wanted to create your own games, but wondered where to begin?
Prepare for a journey through my personal coding experience,
starting from the very beginning
</span>
</a>
<a class = demo href = /src/blogs/splash_dash_tutorial>
<img class = tiny src = /src/blogs/extra/splash_dash_tutorial/1.png>
<h3>The Splash Dash Tutorial</h3>
<span class = description>
Making a playable JavaScript game in just over 1000 characters
is a difficult but motivating challenge. This blog explains how
the game <b>Splash Dash</b> was made to fit within just 1024 bytes
</span>
</a>
<a class = demo href = /src/blogs/making_games_the_bits_that_nobody_notices>
<img class = tiny src = /src/blogs/extra/making_games_the_bits_that_nobody_notices/1.png>
<h3>Making games: The Bits That Nobody Notices</h3>
<span class = description>
Adding details to the game of Io's Mission
</span>
</a>
<a class = demo href = /src/blogs/using_inverse_kinematics_to_animate_your_character>
<img class = tiny src = /src/blogs/extra/using_inverse_kinematics_to_animate_your_character/1.png>
<h3>Using Inverse Kinematics to Animate Your Character</h3>
<span class = description>
How to implement smooth character animations
</span>
</a>
<a class = demo href = /src/blogs/create_and_animate_enemies_using_shapes>
<img class = tiny src = /src/blogs/extra/create_and_animate_enemies_using_shapes/1.png>
<h3>Create and Animate Enemies Using Shapes</h3>
<span class = description>
How to animate and display enemies using rectangles
</span>
</a>
<a class = demo href = /src/blogs/procedural_room_generation_snakes_and_ladders>
<img class = tiny src = /src/blogs/extra/procedural_room_generation_snakes_and_ladders/1.png>
<h3>Procedural Room Generation - Snakes and Ladders</h3>
<span class = description>
How the levels of Snakes and Ladders were generated
</span>
</a>
</section>
<button class = theme onclick = toggleTheme()>Change Theme</button>
<span class = copyright>
© <span class = year></span> Joachim Ford. All rights reserved.
<a href = https://github.com/Hope41 target = _blank><img src = /src/images/github.svg></img></a>
<a href = mailto:[email protected]><img src = /src/images/mail.svg></img></a>
</span>
</body>
</html>