A
SYNOPSIS REPORT
On
PUZZLE GAME
Submitted in partial fulfilment of the requirements of the degree
of
BACHELOR OF TECHNOLOGY
Submitted by
Uday Pratap Singh (87)
Dharmendra Kumar Sharma (36)
Kartikay Tripathi (46)
Yogesh Kumar (128)
Sumit Kumar Prasad (81)
Submitted to
Er. Subodh sir
COMPUTER SCIENCE & ENGINEERING
INSTITUTE OF ENGINEERING & TECHNOLOGY,
VIVEKANAND CAMPUS, DBRAU, AGRA
DECEMBER 2024
Index Page
1. Introduction & Objective
2. Problem Definition
3. Tools/Platform, Hardware and Software Requirement Specifications
4. Methodology & Analysis
5. Project Timeline (Gantt Chart / PERT Chart)
6. References
Introduction & Objective
Introduction:
The "Slide Puzzle Game" project is a digital recreation of the classic sliding tile puzzle. The
game involves arranging shuffled tiles to form a complete image or number sequence within
a limited timeframe.
Objective:
To develop a user-friendly, visually appealing slide puzzle game.
To enhance user engagement with features like a timer, background music,
background video and smooth tile animations.
To integrate gamification elements like tracking turns and time.
Problem Definition
The project addresses the following problems:
Lack of interactive and visually engaging online puzzle games.
Need for educational games that enhance cognitive and problem-solving skills.
Absence of customizable game settings and engaging features in traditional sliding
puzzles.
Tools / Platform, Hardware and Software
Requirement Specifications
Tools and Platforms:
Programming Language: HTML, CSS, JavaScript
Development Tools: Visual Studio Code
Platform: Web-based
Hardware Requirements:
Processor: Intel i3 or higher
RAM: 4GB or higher
Disk Space: 1GB free
Software Requirements:
Operating System: Windows/Linux/MacOS
Browser: Chrome, Edge or Manymore
Additional:
1. Audio playback capability
2. Video playback capability
3. Mute/unmute option
Methodology & Analysis
Methodology:
1. Planning:
o Identify the core features (drag-and-drop, timer, animations).
2. Design:
o UI/UX design for the game board and layout.
3. Development:
o Implement game logic using JavaScript.
o Add enhanced features like timer animations and smooth transitions.
4. Testing:
o Perform unit testing and integration testing to ensure functionality.
5. Deployment:
o Deploy the game on a web server for access.
Analysis:
The project is expected to enhance user engagement through interactive design.
Cognitive benefits like improved spatial awareness and problem-solving skills are
anticipated.
Project Timeline (Gantt Chart)
Task Week 1 Week 2 Week 3 Week 4 Week 5
Project Ideation ████████
Requirement
████████ ████████
Gathering
Designing the UI/UX ████████ ██████
Coding the Game
████████ ████████
Logic
Adding
████████
Enhancements
Testing and
██████ ████████
Debugging
Documentation ████████
Final Presentation ████████
References
1. W3Schools, “HTML Drag and Drop,”
https://www.w3schools.com/html/html5_draganddrop.asp
2. Mozilla Developer Network (MDN), “CSS Transitions,”
https://developer.mozilla.org/en-US/docs/Web/CSS/transition
3. Stack Overflow, “JavaScript Tile Animation Logic,” https://stackoverflow.com
