Rubén Ramírez

PassWord

In this project, you will immerse yourself in the exciting world of Dragon Ball while playing the famous Pasapalabra word game. The Dragon Ball theme adds a unique twist to this classic experience.

  • Cover with the PassWord logo and the game in the background.

  • Game

    Pasapalabra game with Dragon Ball theme.

  • Menu

    Expanded menu with options for ranking, pause, and restart.

  • Radar

    Pasapalabra wheel based on the Dragon Radar, with the chosen avatar in the center and a Dragon Ball sphere on each letter.

  • Score

    Leaderboard showing the top 10 users with the highest scores.

  • Answer panel

    Panel for answering questions with Mr. Satan holding a board and 2 punch machines to answer or skip words.

  • Home

    Homepage to choose from 12 avatars, game instructions, and an input to enter the username.
Frontend
JavaScript
HTML
CSS
Web Development
Key Features

Created for the ISDICoders bootcamp pre-course, Dragon Ball Pasapalabra was my inaugural project. Despite not being required, I chose to invest considerable effort to showcase my potential. This game, inspired by the Dragon Ball universe, stands as a testament to my commitment and learning in web development.

  • Avatar Selection

    Players can choose their favorite Dragon Ball character as their game avatar. This personalized choice adds a special connection to the game's theme.

  • Dragon Radar

    The interface features an exciting Dragon Radar that displays the letters as dragon balls. A circular timer marks the remaining time to respond, while numbers indicate time more precisely.

  • Questions and Answers

    Questions appear in dialogue clouds emanating from the famous commentator of the Dragon Ball martial arts tournaments. Players answer by entering their responses using a sign held by Mr. Satan.

  • Interactive Fun

    Players can choose to answer a question or skip it using a recreation of the punch machine from the World Martial Arts Tournaments in Dragon Ball. Each correct answer earns points and advances the game.

  • Authentic Atmosphere

    The game's background is a representation of the iconic Tenka'ichi Budōkai stage where the Dragon Ball martial arts tournaments take place, immersing players in the authentic atmosphere of the series.

Technologies Used

The Dragon Ball Pasapalabra project was built using modern web technologies. HTML, CSS, and JavaScript were combined to create the interactive gaming experience. DOM was used to manipulate the interface and visually present the dragon balls, radar, and game elements.

User Interface and Experience

The user interface was carefully designed to offer an immersive experience. Visual elements like the dragon balls, dialogue clouds, and radar capture the essence of Dragon Ball and add authenticity to the game.

Conclusion

Dragon Ball Pasapalabra is an exciting project that combines the fun of the classic game with the magic of Dragon Ball. By offering an interactive and visually appealing experience, this project captures fans' imagination and invites them to engage in a challenging and themed game.

Interested in working together?

Send Me a Message