Inspiration
This project appears to be inspired by several creative elements:
Classic Crosswords + Fairytales Combines the traditional crossword puzzle format with beloved fairytale themes Makes learning about classic stories more interactive and engaging Appeals to both puzzle enthusiasts and fantasy lovers Educational Gaming Helps players learn vocabulary related to fairytales and folklore Encourages reading comprehension through clue interpretation Builds problem-solving skills through word placement Interactive Design Modern take on crosswords with immediate feedback Satisfying visual and audio feedback (screen shake, color changes) Clean, accessible interface with clear clue organization Family-Friendly Gaming Content suitable for all ages Nostalgic theme that parents can share with children Educational value while maintaining entertainment The tagline "Once Upon a Crossword" perfectly captures this blend of traditional puzzles with timeless storytelling elements.
What it does
This is a fairytale-themed crossword puzzle game with the following key features:
Gameplay Mechanics: Interactive 15x15 crossword grid Words automatically intersect and share letters Click cells to select and type letters Visual feedback when words are completed correctly Screen shake effect for correct word completion User Interface: "Once Upon a Crossword" title at the top Reset button in top-left corner Split-screen display showing Across and Down clues Clear visual distinction between empty, filled, and completed cells Content: Fairytale-themed words and clues 18 words related to classic fairy tales Clues organized in "Across" and "Down" sections Background music for ambiance Features: Automatic word placement algorithm Real-time letter input validation Cell highlighting for selected squares Progress saving through color-coded completed words Responsive design that fits different screen sizes The game combines traditional crossword puzzle mechanics with modern interactive features and a cohesive fairy tale theme.
How we built it
This fairytale-themed crossword puzzle was built using several key components:
Core Structure: Built with Phaser 3.55 game framework Uses two main classes: CrosswordGrid and Example (main scene) Implements responsive design fitting different screen sizes Game Construction: 15x15 grid system with 40px cells Dynamic word placement algorithm Automatic intersection detection for crossword layout Interactive cell selection and keyboard input system Visual Elements: Custom bitmap font (rosebud_roboto) for better text rendering Reset button with circular background Color-coded feedback system for completed words Screen shake effect for correct answers Audio Integration: Background music playing on loop Volume control for ambient atmosphere User Interface: Split-screen layout with grid and clues Separate "Across" and "Down" clue sections Interactive cell highlighting Title banner "Once Upon a Crossword" The game combines traditional crossword mechanics with modern interactive features and fairytale theming for an engaging puzzle experience.
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for Crossword
Built With
- 3.55
- an
- and
- animations
- as
- assets:
- background
- bitmap
- black
- built
- button
- canvas
- class
- classic
- click
- clue
- color
- combines
- components:
- core
- create
- crossword
- crosswordgrid
- custom
- design
- detection
- display
- dynamic
- elements:
- es6+)
- feel
- font
- for
- framework
- game
- grid
- handling
- html5
- image
- input
- interactive
- interface
- javascript
- key
- keyboard
- logic
- main
- management
- modern
- mouse
- music
- phaser's
- phaser.js
- principles
- programming
- project
- puzzle
- rendering
- reset
- rosebud-roboto)
- scene
- scheme
- screen
- shake
- system
- technologies
- technologies:
- text
- the
- this
- to
- track
- using
- was
- web
- white
- with
- with:
Log in or sign up for Devpost to join the conversation.