-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (188 loc) · 13.4 KB
/
index.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
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
199
200
201
202
203
204
205
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=700, viewport-fit=cover">
<title>BlipJoy</title>
<link rel="preload" href="./index.css" as="style">
<link rel="preload" href="./theme.css" as="style">
<link rel="icon" sizes="64x64" href="img/blipjoy-64x64.png">
<link rel="stylesheet" href="./index.css">
<script type="module" src="./index.js"></script>
<meta name="title" content="BlipJoy">
<meta name="description" content="Creating games, art, and technology.">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://blipjoy.com/">
<meta property="og:title" content="BlipJoy">
<meta property="og:description" content="Creating games, art, and technology.">
<meta property="og:image" content="https://blipjoy.com/img/blipjoy-social.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://blipjoy.com/">
<meta property="twitter:title" content="BlipJoy">
<meta property="twitter:description" content="Creating games, art, and technology.">
<meta property="twitter:image" content="https://blipjoy.com/img/blipjoy-social.png">
</head>
<body>
<header>
<canvas id="anim" width="384" height="224">
<img alt="BlipJoy Logo" src="./img/blipjoy.png">
</canvas>
<nav>
<p>
<a href="/index.html">Games</a>
<a href="/about.html">About</a>
<a href="https://blog.blipjoy.com">Blog</a>
</p>
<p>
<a href="https://github.com/blipjoy">GitHub</a>
<a href="https://blipjoy.itch.io">Itch.io</a>
<a href="https://gotm.io/user/blipjoy">Gotm.io</a>
<a href="https://twitch.tv/blipjoy">Twitch</a>
<a href="https://patreon.com/blipjoy">Patreon</a>
<a href="https://twitter.com/blipjoy">Twitter</a>
</p>
</nav>
</header>
<main>
<h1>Games</h1>
<h2><a id="translocator-alpha" href="#translocator-alpha" class="link_target">🔗</a> Translocator Alpha</h2>
<p>In the early 19th century, a group of engineers at a prestigious university conduct an experiment with a machine called the translocator.</p>
<p class="screenshot"><a href="./img/games/translocator-alpha.gif">
<img alt="Screenshot of Translocator Alpha" src="./img/games/translocator-alpha.gif" class="scalable">
</a></p>
<nav>
<p>
<a href="https://blipjoy.itch.io/translocator-alpha">Play online</a>
<a href="https://github.com/blipjoy/translocator-alpha">Source code</a>
</p>
</nav>
<h2><a id="sombervale" href="#sombervale" class="link_target">🔗</a> Sombervale</h2>
<p>It is dark and spooky in Sombervale park. There are shadow creatures all around you. Run away with <kbd>W</kbd> <kbd>A</kbd> <kbd>S</kbd> <kbd>D</kbd>.</p>
<p>Your only defense is an imaginary frog that can be summoned with <kbd>space</kbd>. But be careful! You can only summon a frog once every 3 seconds.</p>
<p>When a frog and shadow creature collide, they will annihilate each other. The more shadow creatures you defeat with frogs, the more frogs you will be able to summon.</p>
<p class="screenshot"><a href="./img/games/sombervale.png">
<img alt="Screenshot of Sombervale" src="./img/games/sombervale.png" class="scalable">
</a></p>
<nav>
<p>
<a href="https://blipjoy.itch.io/sombervale">Download for Windows</a>
<a href="https://github.com/blipjoy/sombervale">Source code</a>
<a href="https://docs.google.com/document/d/1BKp-P05siMCP8Wghgyq5JWHpdYwhqHKvGEM1hcASWTA/edit?usp=sharing">Design document</a>
</p>
</nav>
<h2><a id="lovelydrive" href="#lovelydrive" class="link_target">🔗</a> It's a Lovely Day for a Drive</h2>
<p>Lovely Drive pays homage to Desert Bus. You are a driver on a lonely desert highway with nothing but the wind rushing by and your chill tunes on the radio. Unfortunately, your transmission is stuck in reverse. But that won't stop you from enjoying this lovely day...</p>
<p class="screenshot"><a href="./img/games/lovelydrive.png">
<img alt="Screenshot of It's a Lovely Day for a Drive" src="./img/games/lovelydrive.png" class="scalable">
</a></p>
<nav>
<p>
<a href="https://blipjoy.github.io/lovelydrive/">Play online</a>
<a href="https://github.com/blipjoy/lovelydrive">Source code</a>
<a href="https://blog.kodewerx.org/2015/09/its-lovely-day-for-postmortem.html">Postmortem</a>
</p>
</nav>
<h2><a id="kung_fu_star" href="#kung_fu_star" class="link_target">🔗</a> Kung Fu Star</h2>
<p>This is a game about being a Kung Fu Star. A Kung Fu Star that only has one tool. A Ninja Rope? Maybe.</p>
<p class="screenshot"><a href="./img/games/kung_fu_star.png">
<img alt="Screenshot of Kung Fu Star" src="./img/games/kung_fu_star.png" class="scalable">
</a></p>
<nav>
<p>
<a href="https://blipjoy.github.io/kungfustar/public/index.html">Play online</a>
<a href="https://github.com/blipjoy/kungfustar">Source code</a>
<a href="https://blog.kodewerx.org/2013/12/ludum-dare-28-im-in.html">Announcement</a>
</p>
</nav>
<h2><a id="awitpt" href="#awitpt" class="link_target">🔗</a> A Walk in the Park: Turbo</h2>
<p>Just another ordinary day, you decide to take a walk in the park. In classic text adventure tradition, you are given free reign to explore the world around you, and interact with everything you can see. The story unfolds naturally as a work of interactive fiction. "A Walk in the Park" is a beautifully orchestrated tale of peace and quiet.</p>
<p class="screenshot"><a href="./img/games/awitpt.gif">
<img alt="Video of A Walk in the Park: Turbo" src="./img/games/awitpt.gif" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://blipjoy.github.io/awitp/public/index.html">Play online</a>
<a href="https://github.com/blipjoy/awitp">Source code</a>
<a href="https://blog.kodewerx.org/2013/12/a-walk-in-park-turbo-1gam-november-and.html">Postmortem</a>
</p>
</nav>
<h2><a id="sprung_fever" href="#sprung_fever" class="link_target">🔗</a> Sprung Fever</h2>
<p>Sprung Fever is about a boy who falls in love with every girl he sees. Your task is to run ordinary dumb errands like shopping, getting the mail, and returning library books, between exams. But there are girls everywhere! And if you get near any of them, they draw your attention, making you forget why the hell you were even in a grocery store in the first place! Lose your cool too many times, and you'll fail exams, drop out of school, work at a low wage dead end job, and cry yourself to sleep at night. How sad.</p>
<p>Keep your mind in the right place by avoiding all female contact, and you just might make it through the semester... Then you can chase all the girls you want and live happily ever after! Hooray!</p>
<p class="screenshot"><a href="./img/games/sprung_fever.png">
<img alt="Screenshot of Sprung Fever" src="./img/games/sprung_fever.png" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://blipjoy.github.io/sprung_fever/public/index.html">Play online</a>
<a href="https://github.com/blipjoy/sprung_fever">Source code</a>
<a href="https://blog.kodewerx.org/2013/05/1gam-april-postmortem.html">Postmortem</a>
</p>
</nav>
<h2><a id="mini_sim_hotel" href="#mini_sim_hotel" class="link_target">🔗</a> Mini Sim Hotel</h2>
<p>A hotel management simulation game where the player builds a hotel from designing the floor plan to hiring staff and fulfilling customer satisfaction. Start with a limited budget as you grow your hotel, keeping a watchful eye on your finances.</p>
<p>See to customer needs by directing staff to take care of complaints; a happy guest is a guest that will stay again, increasing your overall revenue. This game presents a tricky and addictive balance between creativity and resource management.</p>
<p class="screenshot"><a href="./img/games/mini_sim_hotel.png">
<img alt="Screenshot of Mini Sim Hotel" src="./img/games/mini_sim_hotel.png" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://www.kodewerx.org/projects/mini_sim_hotel/index.html">Play online</a>
<a href="https://blog.kodewerx.org/2013/03/radisson-hackathon-postmortem.html">Postmortem</a>
</p>
</nav>
<h2><a id="alienauts" href="#alienauts" class="link_target">🔗</a> Alienauts</h2>
<p>A 2D physics puzzle-adventure powered by melonJS and Chipmunk-js.</p>
<p>Play as a stranded alien survivor, attempting to outsmart the lab coats as they keep a keen watch on your every move. The scientists studying you are most interested in your escape pod's ability to create a temporary but exact replica of certain materials.</p>
<p class="screenshot"><a href="./img/games/alienauts.png">
<img alt="Screenshot of Alienauts" src="./img/games/alienauts.png" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://blipjoy.github.io/alienauts/public/index.html">Play online</a>
<a href="https://github.com/blipjoy/alienauts">Source code</a>
<a href="https://blog.kodewerx.org/2012/12/game-off-postmortem.html">Postmortem</a>
</p>
</nav>
<h2><a id="coffee" href="#coffee" class="link_target">🔗</a> Coffee Civilization</h2>
<p>Coffee Civilization is a massive multiplayer online coffee plantation simulation strategy game. You play with a group of your friends in a coffee farming company and work together to dominate competing companies of other live players.</p>
<p>The game is a perfect meld of cooperation and competition, as you are hired into your company with one of three occupations; The Buyer purchases seeds, equipment, upgrades, and land from rival companies. The Farmer digs irrigation, tills, soil, plants seeds, ad harvests crops. The Transporter builds and maintains roads, manages and repairs the fleet of shipping trucks, picks up harvests, and handles all imports and exports. Each occupation inherently relies on the other, so you cannot have any weak links in your company, or you will quickly fail.</p>
<p class="screenshot"><a href="./img/games/coffee.png">
<img alt="Screenshot of Coffee Civilization" src="./img/games/coffee.png" class="scalable"></a>
</p>
<nav>
<p><a href="https://git.kodewerx.org/coffeeciv">Source code</a></p>
</nav>
<h2><a id="neverwell_moor" href="#neverwell_moor" class="link_target">🔗</a> Neverwell Moor</h2>
<p>Rachel is 15 years old. She grew up hearing stories of a strange island called "Neverwell", told by her grandfather ("Papa" to Rachel). Rachel was 5 at the time, and the stories were always something adventurous and entertaining. Papa would tell her about the inhabitants of the island, and how they could perform magic. He would fight monsters while hunting for treasures buried in deep caves. There were so many details in his stories that he had to set some of his adventures on smaller islands around Neverwell.</p>
<p>Papa died shortly after, and it's been 10 years, so she doesn't remember all of the stories he told. But she remembers important details like the eponymous moor, which was a very dangerous place, but that it held some kind of secret... Perhaps the secret to the inhabitants magic? But that was a long time ago, and they were just stories. Everyone knows there is only one island, and they call it "Earth."</p>
<p>So Rachel sets off on a day like any other, but, feeling a little adventurous, she decides to help a friend. That kind gesture leads to a series of quests which eventually lands Rachel on Neverwell; a place that isn't supposed to exist...</p>
<p class="screenshot"><a href="./img/games/neverwell_moor.png">
<img alt="Screenshot of Neverwell Moor" src="./img/games/neverwell_moor.png" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://blipjoy.github.io/nm-prototype">Play online</a>
<a href="https://github.com/blipjoy/nm-prototype/">Source code</a>
<a href="https://opengameart.org/content/neverwell-moor">Liberated Pixel Cup entry</a>
<a href="https://www.indiedb.com/games/neverwell-moor">IndieDB entry</a>
</p>
</nav>
<h2><a id="tethyrd" href="#tethyrd" class="link_target">🔗</a> Tethyrd</h2>
<p>Tethyrd (pronounced "tethered") is a top-down shmuplike that requires the player to be tethered to a power outlet to shoot projectiles. The trick is guiding the plug into the socket while avoiding the enemy onslaught.</p>
<p>Moly*eux inspired tweet: "What if you lived in a world where all guns are required to be plugged into wall sockets? Now THAT would be a tactical shooter wouldn't it?"</p>
<p class="screenshot"><a href="./img/games/tethyrd.png">
<img alt="Screenshot of Tethyrd" src="./img/games/tethyrd.png" class="scalable"></a>
</p>
<nav>
<p>
<a href="https://kodewerx.org/projects/tethyrd.swf">Play online (Requires Flash Plugin)</a>
<a href="https://github.com/blipjoy/tethyrd">Source code</a>
</p>
</nav>
</main>
<footer>Copyright BlipJoy, LLC. All rights reserved.</footer>
</body>
</html>