-
-
TrujizBand bilingual demo — interactive trumpet learning through musical games
Inspiration
Trumpet practice is often repetitive, technically demanding, and difficult to measure without a teacher present. Students need to train intonation, rhythm, breathing, endurance, articulation, and musical awareness at the same time, but most digital tools address only one of those needs.
TrujizBand was created from the perspective of a professional trumpet player, arranger, composer, and teacher who wanted to transform daily practice into a more engaging, visual, and motivating experience.
The goal is simple: make trumpet study feel less like a routine and more like a musical journey.
What it does
TrujizBand is an interactive bilingual trumpet-training platform for students, teachers, and self-taught musicians.
It combines:
- A chromatic tuner
- A metronome
- Guided practice routines
- Long-tone exercises
- Interval training
- Breathing and endurance work
- Real-time visual feedback
- Score tracking
- Spanish and English interface support
The platform includes several gamified experiences:
Neon Tunnel
A long-tone training game where players follow chromatic note sequences, maintain stable intonation, manage breathing phases, and progress through different registers.
Interval Race
An interactive exercise focused on interval recognition, accuracy, and response speed.
Galactic Mission
A space-themed musical game where trumpet notes become part of a visual mission, combining pitch detection, concentration, breathing, and motivation.
TrujizBand is not only a tuner or metronome. It is a complete practice environment that connects musical technique with visual interaction and game mechanics.
How we built it
The application is built as a browser-based HTML, CSS, and JavaScript project.
It uses the browser microphone to analyze pitch in real time and provides visual and musical feedback without requiring specialized software.
The current version includes:
- Real-time pitch detection
- AudioContext-based metronomes
- Canvas animations
- Practice timers
- Musical note sequences
- Scoring systems
- Session state management
- Responsive controls
- Dynamic Spanish/English translation
The project existed before Build Week, but it was significantly audited and improved during the event using Codex with GPT-5.6.
Codex was used as a technical collaborator, not simply as a code generator.
During Build Week, Codex:
- Audited the chromatic note logic in Neon Tunnel
- Confirmed that the complete twelve-note chromatic sequence was preserved
- Identified timer and state-reset problems
- Fixed session counters that were not resetting correctly
- Prevented score accumulation while the exercise was stopped or paused
- Improved cleanup of breathing, rest, metronome, and overlay timers
- Prevented delayed callbacks from restarting exercises after the user pressed Stop
- Added a safe Pause/Resume system
- Preserved the current module, note, index, and total score during pause
- Reorganized the main controls
- Implemented a bilingual Spanish/English interface
- Added direct English launch support with
?lang=en - Preserved all musical frequencies, note sequences, pitch detection, and scoring logic
Codex accelerated development by inspecting a large single-file application, tracing asynchronous behavior, identifying hidden state risks, and proposing minimal fixes instead of rewriting the project.
Challenges we ran into
The main challenge was that TrujizBand contains many interacting systems inside one application:
- Audio
- Pitch analysis
- Timers
- Animations
- Scoring
- Breathing phases
- Multiple training modes
- Dynamic text
- User controls
A small change in one timer could affect another part of the exercise.
The most difficult issue was making sure that Stop and Pause truly stopped every pending action, including delayed breathing callbacks and visual overlays.
Another challenge was adding bilingual support without changing musical note keys, frequencies, or internal game logic.
The second Neon Tunnel exercise initially appeared to have a hexatonic problem. Codex analyzed the actual sequence and confirmed that it already contained the complete chromatic scale. The real risks were timer behavior and state management, not the musical sequence itself.
Accomplishments that we're proud of
During Build Week, TrujizBand achieved:
- A complete technical audit of the Neon Tunnel exercise
- Safer timer and state management
- Reliable session reset behavior
- A functional Pause/Resume feature
- Improved control layout
- Spanish/English interface switching
- English musical note display
- Preserved chromatic sequences and pitch logic
- A more stable and internationally accessible version
A key accomplishment was improving the application without damaging its musical structure.
What we learned
AI-assisted development is especially powerful when domain expertise and technical expertise work together.
As a musician, I can define how the exercise should feel, how the notes should progress, how breathing should be trained, and what a trumpet student actually needs.
Codex can inspect the implementation, trace asynchronous code, detect hidden state problems, and help turn musical decisions into safer software.
The strongest result came not from asking AI to invent the project, but from combining musical experience with technical analysis.
What's next for TrujizBand
Future development will include:
- More scale-training exercises
- Additional long-tone modes
- Teacher-created challenges
- Weekly rankings
- Student progress tracking
- Personalized routines
- More languages
- Improved accessibility
- A Progressive Web App version
- AI-assisted practice recommendations
- Expanded support for brass and wind instruments
The long-term vision is to make TrujizBand a complete interactive practice companion for trumpet players around the world.
Built With
- api
- audio
- browser
- canvas
- chatgpt
- codex
- css
- education
- gpt-5.6
- html
- internationalization
- javascript
- microphone
- music
- openai
- technology
- web
Log in or sign up for Devpost to join the conversation.