Code Monkey home page Code Monkey logo

the-nyu-abu-dhabi-puzzle-game's Introduction

NYUAD Puzzle Adventure

Run in p5.js

Overview

NYUAD Puzzle Adventure is a game inspired by the beauty of the NYU Abu Dhabi campus. The game combines visuals of campus landmarks (captured by me and online sources) with an interactive puzzle-solving experience. Players start with a scrambled image divided into four square pieces, rearranging them to form the complete image.

As players progress, the difficulty increases with more precise movements required and additional pieces added to the puzzles. The game is designed to loop endlessly, challenging players with progressively harder levels.

Features • Custom Controller: Built using four switches and a joystick for full gameplay control. • Dynamic Gameplay: Tracks time for each puzzle and provides audio feedback for actions like attaching pieces and solving puzzles. • Visuals and Audio: Includes celebratory sounds and visually appealing graphics for an engaging experience

Implementation

Interaction

Interaction is a key focus of the game. A custom controller allows players to move and arrange puzzle pieces. • Controller Components: • Four switches for game state control. • Joystick for moving puzzle pieces. • Sound feedback for player actions. • Controller Design: The electrical connections are illustrated in the included schematic.

Arduino Code

The Arduino code reads data from the controller and communicates with the game via a serial connection. Key functionalities include: 1. Reading button and joystick inputs. 2. Sending data to the P5.js sketch. 3. Controlling speakers based on game states.

P5.js Sketch

The P5.js sketch manages game states such as “WELCOME,” “INSTRUCTIONS,” and “PLAY.” It processes inputs from the controller and updates the game dynamically. Features include: 1. Welcome Screen: Displays an introduction and summary. 2. Controller Integration: Reads data for smooth interactions. 3. Dynamic Feedback: Hints, timers, and celebration effects. 4. State Management: Transitions between screens based on progress.

Communication

Arduino and P5.js communicate using a serial connection. Arduino sends data strings (e.g., button states, joystick values), and P5.js interprets this data to control the game.

Highlights • Controller Design: This project helped me learn how controllers work and inspired ideas for future enhancements. • Graphics: The simple but appealing visuals contribute to the overall player experience.

Future Improvements • Using more complex shapes like jigsaw patterns for puzzle pieces. • Enhancing the controller by adding touch sensors and vibration motors for better interactivity.

the-nyu-abu-dhabi-puzzle-game's People

Contributors

nelsonmbigili avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.