css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Holiday season challenge to build a sliding puzzle game, check out the write-up https://simpleweb.co.uk/coding-a-festive-puzzle-game-with-modern-front-end-techniques/

Comments

  1. I just love this, old school vibes <3

  2. I won! This is impressive looking logic, looking forward to the write up. Would be nice to see a move count though.

  3. Ronan Leonard @IFORGOTTOTURNCAPSLOCKOFF on

    I think there are some situations where this becomes impossible But still Its really cool

  4. @IFORGOTTOTURNCAPSLOCKOFF - Yes, it looks like these tiles are shuffled at random, which will result in an unsolvable puzzle half the time. More info: https://www.sitepoint.com/randomizing-sliding-puzzle-tiles/

  5. ABSOLUTELY AWESOME! I actually spent the time to solve it and it was SO hard, but that's what I like about this. Great job and please make even more puzzles because they are awesome!

  6. ABSOLUTELY AWESOME! I actually spent the time to solve it and it was SO hard, but that's what I like about this. Great job and please make even more puzzles because they are awesome!

  7. @Sphinxxxx @IFORGOTTOTURNCAPSLOCKOFF the team have tested the game a few times and it’s been mostly solvable, but this was more a demo of tooling and css features

    Edit: I've applied an inversion function to hopefully check whether the puzzle is solve-able, and shuffle again if its not until it can be

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...
Loading...