-
Notifications
You must be signed in to change notification settings - Fork 1
/
news.html
147 lines (122 loc) · 7.92 KB
/
news.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset = utf-8>
<meta name = viewport content = 'width = device-width, initial-scale = 1'>
<meta name = keywords content = 'Joachim Ford, JoBase, JoBase games, JavaScript games'>
<script async src = 'https://www.googletagmanager.com/gtag/js?id=G-2MDQ9F697V'></script>
<script src = /js/analytics.js></script>
<script src = /js/main.js></script>
<title>Joachim Ford</title>
<link rel = stylesheet href = /main.css>
<link rel = icon type = image/x-icon href = /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 = /experiments>Experiments</a>
<a href = /articles>Articles</a>
<a href = /news>News</a>
</div>
</section>
<section class = main>
<span class = date>18.04.2024</span>
<div class = demo>
<div>
<h2>Squirtcopter</h2>
<span class = bio>Squirt your way to victory</span>
</div>
<div class = big>
<div class = youtube>
<iframe src = "https://www.youtube.com/embed/WdBWAVmWlqE?si=4msp0U8225HGPq54" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
</div>
</div>
<span>
Hello everyone! I've just submitted a new JavaScript game for a competition.
If you scroll down a little way, you'll notice this is a
remake of a smaller version I made for JoBase about a year ago. Hope you enjoy!
</span>
<span><a class = button href = /content/squirtcopter><b>PLAY NOW</b></a></span>
</div>
<span class = date>30.12.2023</span>
<div class = demo>
<div>
<h2>Io's Mission</h2>
<span class = bio>The New Online Adventure Game</span>
</div>
<div class = big>
<div class = youtube>
<iframe src = "https://www.youtube.com/embed/MUapUWdwDU8?si=3BvLh4n_qQR_z3un" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
</div>
</div>
<span>
Hello! Check out my new game! You can play it for free at
the link below. Tell me what you think!
</span>
<span><a class = button href = /content/ios_mission><b>PLAY NOW</b></a></span>
</div>
<span class = date>10.07.2023</span>
<div class = demo>
<h2 class = news>Leap Lava</h2>
<span class = bio>An (almost) 1 kilobyte platform game</span>
<div class = big>
<a href = news/leapLava.html target = _blank>
<img class = img src = /news/leap_lava.png>
<div class = play><img src = /svg/play.svg></svg></div>
</a>
</div>
<p>Hello everyone! Recently, I entered a competition for projects
under 1024 bytes of code.
It was a great challenge to compress a complete platform game
into this tight size limitation.</p>
<p>Use the arrow keys to leap from the lava! Can you get to 2048 points in time?</p>
<p>Here is the entire 1042 byte source code: (It was originally 1024 bytes
but it's a little longer due to performance and response fixes)</p>
<pre class = code>for(_='=iZ(iYZ=>LYX~~((A key =0: ,c[ for f](p+=->0k.*i+=0)w)/6;i=0;++i<${i}fill/2h-=( && ), g]=)"#fff"`rgb(,q+14,5,5),q+9,14,14)99==q0,S=Math.sin,R=l=>{ (w=a.width,h=a.height,T>m+?(k=F++):(A- A-N)5,t.2 $- $-T+)/15,i;)c[g="Style"]=${*SY},` f="Rect"](5,w,h); Y60;)sZ/12,o=SY)*w/s,M=w+s,r (w-s+o*s-A/300*s)%M+M)%M-sr,$/400*s,s,-h+$)i<59?,,)`:"#000"; (Ty,T|I?u?y12:T?T y y.4p=N+h-A,q=T+-$,5829,r?N4:l (N-=4 I=i= -< +++)d=h-A+60,e S((OZ%9)*O)<.6|(bZ%30==)&i 20*(SY)+i)-~Y/3*2-(b i+SY+t/Y/15))/.7 E$+e,p>d-50&p<d+60&q>E- (Cq+(E- C<-9-5*y?Np-d?4:-4:(TC-y,I=1) c[f](d,E,6e);c.font=`3em"`"#f40c"-$+h,w,m?m m- W=.2+.3*S(t/3+t4<2.4?W:2.4 c[f](p+1637,9,${.6-(m-$)/3e3})`w,h,c.Text(t<2048 k?~~t:(F++,0==k?"LOSE":(m="WIN!") 9,45 requestAnimationFrame(R)},t=y=N=I=F=m=1,T1A=$50k={},L i,f)=>{38= qZ. Code)|90|87 (u=f 39|68?r=f:37|65|81 (l=f)},on downX,1 on upX R()';G=/[- X-Z]/.exec(_);)with(_.split(G))_=join(shift());eval(_)</pre>
</div>
<span class = date>03.05.2023</span>
<div class = demo>
<h2 class = news>Squirtcopter</h2>
<span class = bio>An Infinite JoBase Shooter</span>
<div class = big><img class = img src = /news/squirtcopter.png></div>
<p>I've just finished another <a class = normal href = https://jobase.org target = _blank>JoBase</a> game!
Use your helicopter to explore a procedural world of procedural enemies with procedural powers!
The game can go on forever, but my current record is 8581m
(I could have carried on, but I'd already spent some hours on it and was getting bored.)</p>
<p>You can play the game by typing
<span class = snip>python -m JoBase.examples.squirtcopter</span> into the terminal.
Hope you enjoy it!
<p>Source code available
<a class = normal href = https://github.com/JoBase/JoBase/tree/main/JoBase/examples/squirtcopter target = blank>here</a>.</p>
<span><a class = button href = https://jobase.org/squirtcopter target = _blank>
<b>TRY IT ONLINE</b></a></span>
</div>
<span class = date>10.12.2022</span>
<div class = demo>
<h2 class = news>Blue Hue</h2>
<span class = bio>A JoBase Platform Game</span>
<div class = big><img class = img src = /news/blue_hue.png></div>
<p>Hello! I've just finished making a platform game for
<a class = normal href = https://jobase.org target = _blank>JoBase</a>
- a new python library for beginner coders.</p>
<p>You can play <b>Blue Hue</b> by installing JoBase (and Python, if you haven't already) and typing
<span class = snip>python -m JoBase.examples.blue_hue</span> into the terminal.
Check out its code on
<a class = normal href = https://github.com/JoBase/JoBase/tree/main/JoBase/examples/blue_hue target = blank>Github</a>!</p>
<span><a class = button href = https://jobase.org/blue-hue target = _blank>
<b>TRY IT ONLINE</b></a></span>
</div>
</section>
<button class = theme onclick = toggleTheme()>Change Theme</button>
<span class = copyright>
© Copyright <span class = year></span> joachimford.uk
<a href = https://github.com/Hope41 target = _blank><img src = /svg/github.svg></img></a>
<a href = mailto:[email protected]><img src = /svg/mail.svg></img></a>
</span>
</body>
</html>