Scriptless Pipes by Turkey

[raw]
made by Turkey for Ludum Dare 48 (COMPO)

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 https://www.youtube.com/watch?v=GAtzLFWUQjw

Ratings

Overall 316th 3.618⭐ 36🧑‍⚖️
Fun 431th 3.353⭐ 36🧑‍⚖️
Innovation 17th 4.412⭐ 36🧑‍⚖️
Theme 274th 3.853⭐ 36🧑‍⚖️
Graphics 690th 2.956⭐ 36🧑‍⚖️
Given 18🗳️ 22🗨️

Feedback

cjgammon
25. Apr 2021 · 18:38 UTC
neat concept, i got stuck at level 4. I think i tried them all but i couldn't find the answer to the riddle.
EpicCrownKing
25. Apr 2021 · 21:16 UTC
Very cool concept and clean execution, but I don't know how to get past level 4.
🎤 Turkey
26. Apr 2021 · 01:01 UTC
@cjgammon It seems to be a common theme xD Atleast you were able to try them all!
🎤 Turkey
26. Apr 2021 · 01:01 UTC
@epiccrownking Glad you liked it! Maybe I'll see about reworking the level 4 riddle
EpicCrownKing
26. Apr 2021 · 01:10 UTC
@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.
liammasters
26. Apr 2021 · 03:15 UTC
Really cool showcase of a game that doesn't need all the bells and whistles to still be cool and fun.
🎤 Turkey
26. Apr 2021 · 03:16 UTC
@liammasters Glad you liked the game! Definitely shows you don't need all the latest tools to make something enjoyable!
PixelPortalz
26. Apr 2021 · 03:20 UTC
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
26. Apr 2021 · 03:23 UTC
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
26. Apr 2021 · 03:25 UTC
@pixelportalz Close! You are meant to put the two hints together. Props for trying to use the console to figure it out though!
🎤 Turkey
26. Apr 2021 · 03:25 UTC
@delicioussalad I appreciate the support! Good work on beating it!
PixelPortalz
26. Apr 2021 · 03:29 UTC
@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
🎤 Turkey
26. Apr 2021 · 03:34 UTC
@pixelportalz Eyyy! Glad you got it in the end
Ben Taylor
26. Apr 2021 · 03:40 UTC
Hey! Thanks for making this, was really cool. I'm a web dev so was cool to see the neat things you did.
🎤 Turkey
26. Apr 2021 · 03:46 UTC
@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
26. Apr 2021 · 03:56 UTC
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
26. Apr 2021 · 03:59 UTC
@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!
LakshyaIsAGod
26. Apr 2021 · 04:07 UTC
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_kat
26. Apr 2021 · 04:11 UTC
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
26. Apr 2021 · 04:13 UTC
@lakshyaisagod Thanks!
🎤 Turkey
26. Apr 2021 · 04:16 UTC
@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
26. Apr 2021 · 04:39 UTC
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
26. Apr 2021 · 04:45 UTC
@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!
tomn114
26. Apr 2021 · 08:37 UTC
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_dragon
26. Apr 2021 · 10:20 UTC
Nice concept! Congratulations!!! I'm stuck at level 4! I would have probably played for much longer if I could find the answer.
🎤 Turkey
26. Apr 2021 · 12:00 UTC
@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
26. Apr 2021 · 12:02 UTC
@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 Scarbrough
26. Apr 2021 · 16:35 UTC
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 Barrash
26. Apr 2021 · 17:24 UTC
Well done! that was a lot of fun
BinaryPrinciple
26. Apr 2021 · 17:26 UTC
Good idea on combining mechanics! I like how the game ask you to put attention and the puzzles were interesting.
Good game.
🎤 Turkey
26. Apr 2021 · 17:43 UTC
@robin-scarbrough That's a good idea for how to address the issue with that level. thanks!

@nick-barrash Thanks for playing!

@binaryprinciple Glad you liked it! Thanks for playing!
kuviman
26. Apr 2021 · 19:41 UTC
Cool game, only HTML and CSS is interesting
DerGamer
26. Apr 2021 · 20:03 UTC
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
26. Apr 2021 · 20:05 UTC
@kuviman I appreciate you playing the game!

@dergamer Yes, the trend has definitely been set xD Glad you stilled liked the game!
rhewid
26. Apr 2021 · 22:16 UTC
Interesting concept! Nice usage of HTML and CSS to create that kind of game! Keep it up :D
Vimlark
26. Apr 2021 · 22:19 UTC
Really great concept!
🎤 Turkey
26. Apr 2021 · 22:20 UTC
@rhewid Glad you liked it! Thanks for the support!
🎤 Turkey
26. Apr 2021 · 22:20 UTC
@vimlark I enjoyed watching you play it!
asiyeap
27. Apr 2021 · 19:32 UTC
Wooow such a great idea and lot of fun! thank you for the experience! :smiley:
🎤 Turkey
27. Apr 2021 · 20:14 UTC
@asiyeap Thanks for playing! I'm glad you had a lot of fun time playing it!
LDJam user 236545
01. May 2021 · 16:27 UTC
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!
felo07
02. May 2021 · 06:11 UTC
Very unique concepct, you can put loads of puzzles in that, very good, good game
betovf
13. May 2021 · 06:00 UTC
Five stars in innovation! As a web programmer I'm very interested in your code :nerd: Great job!
🎤 Turkey
13. May 2021 · 16:55 UTC
@betovf Glad you liked it! Feel free to criticize it and tell me how much it hurts you to look at xD
OadT
16. May 2021 · 11:41 UTC
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
17. May 2021 · 02:56 UTC
@oadt Thanks for playing and enjoying the technical constraint!