Slidle

• 

  This is a picture of a shuffled Slidle game

Inspiration

A few of our team members grew up playing sliding tile puzzles that could form into fascinating pictures. With Wordle becoming the new popular games for every person alike, we wanted to combine the satisfaction of sliding tile puzzles as well the crafty challenges players face when playing Wordle to create an evolved, more sophisticated game: Slidle.

What it does

Since the game consists of a 3x3 tile arrangement, a player must create two, 3-letter words and one 2-letter word to complete the game. The single 2-letter word comes from the fact that sliding tile puzzles must have one empty tile to allow the players to play and shuffle the tiles.

How we built it

We built it using HTML, CSS, and JavaScript.

Challenges we ran into

One challenge was getting the program to display the number of times a player wanted to move tiles, but this was solved using the concept of data-encapsulation and global variables in JavaScript.

Accomplishments that we're proud of

We are proud of the smooth, fluid transitions that occur between the tiles when a player presses them.

What we learned

We learned that time is a big constraint, but the amount of effort and put into a program always shows.

What's next for Slidle

The next step for Slidle is to implement coloration when the tiles are in correct position, and perhaps transition from JavaScript alerts to on-screen alerts from HTML.

Built With

• css
• html5
• javascript