As we navigate an era of extremely fast technological evolution and revolution, the way we interact with the web is changing. From static webpages to immersive virtual realities, the potential of the web continues to expand. At Schorn.io, we are not only eager to be part of this evolution but are also committed to driving it forward by creating unique digital experiences.
With this vision, we've launched a demo project called 'Space Traveler', which we will be also sharing the source code, so the tech savvies can check how we created it. This game is designed to test the current boundaries of web technologies and explore new possibilities. 'Space Traveler' is a versatile game that allows users to control a spaceship across various devices—be it smartphones, PCs, tablets, or Virtual Reality (VR) glasses— with the same source code. Meaning, code once, run it everywhere.
The game detects the device on which it is being played. This allows for custom experiences: on a PC, you navigate the spaceship using keyboard to move and destroy asteroids. On touch devices like smartphones and tablets, the interface adapts for touch-based control. For those using VR glasses, such as the Apple Vision Pro or Meta Quest 3, the game offers a fully immersive VR experience. If your VR setup includes controllers, you can maneuver the spaceship from them; if not, like with the Apple Vision Pro, the game simulates a spaceship's control panel.
Each device offers a unique interaction model, showcasing what is currently possible with web technologies and showing us a glimpse into the future of immersive, device-agnostic web experiences.
Curious to explore 'Space Traveler'? Visit it at Space Traveler and experience it for yourself.
If you're interested in how Schorn.io can help create the future of the web for your company—enhancing engagement, personalizing user experiences, and boosting sales—please reach out to us at hello@schorn.io.
If you want to access the source code and see how the game was implemented, feel free. You can find the source code here.
For those interested in the technical details, we built this project using React, Vite, React Three Fiber, Coconut-XR/Natuerlich, React Three Drei, and Zustand. We're excited to discuss these technologies and more with fellow tech enthusiasts. Feel free to contact us for more information.