Inspiration

I wanted to explore innovative uses for the Logitech MX-Ink Stylus beyond its traditional digital pen functionality, transforming it into an intuitive game controller.

What it does

Our project reimagines the MX-Ink Stylus as a versatile game controller, leveraging its natural pen-holding ergonomics for various sports motions. Players can use the stylus to swing a golf club, baseball bat, or in the example we created, shoot targets in an immersive space.

How we built it

I used A-Frame for WebXR development, JavaScript for game mechanics, and Three.js/A-Frame for 3D rendering. We implemented physics-based interactions using the stylus's position and motion tracking capabilities. The project runs in any WebXR-capable browser for easy accessibility to Meta Quest and Apple Vision Pro Headsets. Also works on phones!

Challenges we ran into

The biggest challenge was mapping the stylus's natural writing movements to sports-like motions while maintaining accuracy and responsiveness. We also had to work on optimizing the physics calculations to ensure smooth gameplay.

Accomplishments that we're proud of

Successfully transforming a digital pen into an engaging sports controller. The natural feel of the gameplay was quite addictive. This was also my first WebXR site creation and am excited for the future of the internet with this new layer of opportunity.

What we learned

How to work with WebXR technologies, implement physics-based interactions, and create control schemes using non-traditional input devices.

What's next for MX Ink Target Blaster

I plan to expand the game library to include more games, more environments and add multiplayer functionality. Also interested in exploring adding haptic feedback for more immersive gameplay and implementing advanced physics for different types of gameplay.

Built With

Share this project:

Updates