Scriptless Pipes

by turkey
Overall★★★★★★★★★★3.62
Fun★★★★★★★★★★3.35
Innovation★★★★★★★★★★4.41
Theme★★★★★★★★★★3.85
Graphics★★★★★★★★★★2.96
Welcome to Scriptless Pipes!

NOTE: A lot of people have struggled with level 4. As a helpful tip, there are 2 hints/ parts to the riddle on different layers that when you put them together, you solve to get the answer to the riddle. Hope this helps!

This game was made entirely using only HTML and CSS. Not a single drop of script is contained in this project or was used to make this!

The goal of Scriptless Pipes is simply to get to the bottom of the webpage! You utilize the pipes to take you deeper and deep to the various layers of each level.

Some levels have additional tasks like flipping levers, or finding/ solving a code before you may progress to the next level.

This game works on mobile, (It's HTML and CSS why wouldn't it), but I do recommend you use landscape mode to prevent things from getting bunched up and over top of each other.

Have fun and enjoy my game!

Why did I only use HTML and CSS?
- I don't really consider my self a true "Game Dev", but over the past year I've been recreating games with "unconventional game engines", such as Snake in Discord, Tetris in Minecraft, and Battle Ship on Twitter. I like the unique challenge these bring, so I thought I'd try to continue with the challenge for this Ludum Dare! HTML and CSS were chosen simply because they are both pretty powerful, but you would never think to make a game using only them.

Dev Log

Comments46

cjgammon
cjgammon25 Apr 2021, 18:38
neat concept, i got stuck at level 4. I think i tried them all but i couldn't find the answer to the riddle.
EpicCrownKing25 Apr 2021, 21:16
Very cool concept and clean execution, but I don't know how to get past level 4.
Turkey
Turkeyauthor26 Apr 2021, 01:01
@cjgammon It seems to be a common theme xD Atleast you were able to try them all!
Turkey
Turkeyauthor26 Apr 2021, 01:01
@epiccrownking Glad you liked it! Maybe I'll see about reworking the level 4 riddle
EpicCrownKing26 Apr 2021, 01:10
@Turkey yeah, that'd be great :b I just couldn't figure out where to find the solution, but making a game entirely in HTML and CSS is a really hard task and you did it really well! I wouldn't even be able to fathom where to start with it, so massive kudos.
liammasters26 Apr 2021, 03:15
Really cool showcase of a game that doesn't need all the bells and whistles to still be cool and fun.
Turkey
Turkeyauthor26 Apr 2021, 03:16
@liammasters Glad you liked the game! Definitely shows you don't need all the latest tools to make something enjoyable!
PixelPortalz
PixelPortalz26 Apr 2021, 03:20
10/10, best performance in a browser for any LD48 game!

Jokes aside, super cool idea!! So creative. I could not solve the riddle, Layer 4 was "empty". A tiger? Purple? I even tried to use the console :)
DeliciousSalad
DeliciousSalad26 Apr 2021, 03:23
Fun, innovative idea for a game! I managed to get to the end. The fact this was made entirely in HTML/CSS is really cool. Awesome work
Turkey
Turkeyauthor26 Apr 2021, 03:25
@pixelportalz Close! You are meant to put the two hints together. Props for trying to use the console to figure it out though!
PixelPortalz
PixelPortalz26 Apr 2021, 03:29
@turkey I have to go back and try again. Piper tiger mumble mumble.
EDIT: I was coding for 48 hours so I inserted the color of the pipe (purple) in the riddle. I got it!!! Sorry my brain was fried
Ben Taylor
Ben Taylor26 Apr 2021, 03:40
Hey! Thanks for making this, was really cool. I'm a web dev so was cool to see the neat things you did.
Turkey
Turkeyauthor26 Apr 2021, 03:46
@ben-taylor Glad you liked it! Does this mean that you can now make a game, but claim you are still working since it's web dev? hmmmmmm.... xD
rhoff95
rhoff9526 Apr 2021, 03:56
Awesome idea. Really nice that you made this fun, lots of 'figure out path to bottom' games are just guess and check but this seems to avoid that feeling. well done.
Turkey
Turkeyauthor26 Apr 2021, 03:59
@rhoff95 Yes, I really wanted to avoid it just being a random click the pipe maze, with no thought. Glad to see that it seems to have worked!
LakshyaIsAGod26 Apr 2021, 04:07
HTML and CSS are both very hard languages to make games in.Plus, no Game Engine? Pretty Short nd Sweet game.But The CSS and HTML made me give it a 5
petra_the_kat26 Apr 2021, 04:11
God, every time I work with HTML & CSS I'm reminded why I hate working with HTML & CSS...
The browser has no right to be able to do this, it's an abomination. Why you can make a game that's compelling at all with just that is beyond me...

But anyways, it's nice and simple. I like it more as a tech demo than a game though...
Turkey
Turkeyauthor26 Apr 2021, 04:16
@petra-the-kat Yeah, It's definitely also meant to be a "tech demo" of sorts, but yes, just think, the ability to do this is just lurking in every page you visit!
Greg the Egg
Greg the Egg26 Apr 2021, 04:39
I love it! The core gameplay loop is surprisingly engaging. Clicking on a pipe and finding a new layer is a very satisfying experience!

The only thing I'm missing is audio. I'm not sure how hard that would be (or if it's even possible) with just HTML5, but some relaxing background tracks and pipe traversal sound would really elevate this already charming concept.

Great work!
Turkey
Turkeyauthor26 Apr 2021, 04:45
@greg-the-egg Happy you found it engaging! I wish I was better with music to attempt to do some background tracks. Thanks for the feedback!
tomn11426 Apr 2021, 08:37
Heyy I dont know if you remember me but it's hoobit I tuned it to your stream a couple of times while you were working on it, it's actually crazy to see all the new levels and the project coming to life! Even after seeing it already on the stream it was still kinda hard (esp. the math one) and engaging, and I love that you challenged yourself to just HTML and CSS and made it work.
Rouge_dragon26 Apr 2021, 10:20
Nice concept! Congratulations!!! I'm stuck at level 4! I would have probably played for much longer if I could find the answer.
Turkey
Turkeyauthor26 Apr 2021, 12:00
@tomn114 Hey! Yes I do remember you stopping by! Good to see you on here too! Thanks for playing and supporting me while I made the game! Glad you enjoyed my end result!
Turkey
Turkeyauthor26 Apr 2021, 12:02
@rouge-dragon yeah, level 4 seems to be a common problem. As a hint there are two "hints" to the riddle in the level that you out together and they tell you the answer. You are able to skip and play the other levels using the level select on the main page! Thanks for playing though!
Robin Scarbrough26 Apr 2021, 16:35
I'd suggest phrasing the first half of the hint as a question for level 4. I think this is a fun use of your tools. :thumbsup:
Nick Barrash26 Apr 2021, 17:24
Well done! that was a lot of fun
BinaryPrinciple
BinaryPrinciple26 Apr 2021, 17:26
Good idea on combining mechanics! I like how the game ask you to put attention and the puzzles were interesting.
Good game.
kuviman
kuviman26 Apr 2021, 19:41
Cool game, only HTML and CSS is interesting
DerGamer26 Apr 2021, 20:03
I also, like some poeple here, got stuck on level 4, looked it up in the console, after that it was quite fun, i really enjyoed plaing
Turkey
Turkeyauthor26 Apr 2021, 20:05
@kuviman I appreciate you playing the game!

@dergamer Yes, the trend has definitely been set xD Glad you stilled liked the game!
rhewid
rhewid26 Apr 2021, 22:16
Interesting concept! Nice usage of HTML and CSS to create that kind of game! Keep it up :D
Vimlark
Vimlark26 Apr 2021, 22:19
Really great concept!
Turkey
Turkeyauthor26 Apr 2021, 22:20
@rhewid Glad you liked it! Thanks for the support!
Turkey
Turkeyauthor26 Apr 2021, 22:20
@vimlark I enjoyed watching you play it!
asiyeap27 Apr 2021, 19:32
Wooow such a great idea and lot of fun! thank you for the experience! :smiley:
Turkey
Turkeyauthor27 Apr 2021, 20:14
@asiyeap Thanks for playing! I'm glad you had a lot of fun time playing it!
LDJam user 236545
LDJam user 2365451 May 2021, 16:27
Clever and fun! It was the perfect length, and didn't overstay its welcome.

The limitation to just HTML and CSS was an interesting constraint.

Good work!
felo072 May 2021, 06:11
Very unique concepct, you can put loads of puzzles in that, very good, good game
betovf
betovf13 May 2021, 06:00
Five stars in innovation! As a web programmer I'm very interested in your code :nerd: Great job!
Turkey
Turkeyauthor13 May 2021, 16:55
@betovf Glad you liked it! Feel free to criticize it and tell me how much it hurts you to look at xD
OadT
OadT16 May 2021, 11:41
A cool technical idea and impressive result with that kind of constraint. Even though the focus was more on the technical side the game made fun and was interesting to play!
Turkey
Turkeyauthor17 May 2021, 02:56
@oadt Thanks for playing and enjoying the technical constraint!

Other games by @turkey

Found a bug?
Tell us on Discord