Enter VR

WebXR

Your challenge: build a WebXR game for the js13kGames competition using A-Frame, Babylon.js, Three.js, or PlayCanvas with all the assets within 13 kilobytes in a zip package.

Virtual Reality is the next frontier for games! A-Frame, Babylon.js, Three.js, and PlayCanvas are powerful open source web frameworks for building virtual reality experiences. WebXR makes it possible for web developers to get involved. Seven years ago we’ve introduced a whole new category with the A-Frame framework, six years ago added Babylon.js as the second option, five years ago we've added Three.js to the mix, and three years ago tossed in PlayCanvas, so you have plenty of options to chose from.

Inspire us with a virtual reality game experience built in WebXR with any of the four frameworks. For this category, you’ll have the same file size limit set to 13 kilobytes plus A-Frame, Babylon.js, Three.js, or PlayCanvas for free. We can’t wait to see what you create!

Judges

Fernando Serrano Garcia

Fernando Serrano Garcia

Software Engineer at Apple, previously worked at the Mozilla Mixed Reality team. Web, computer graphics and game development enthusiast.

@fernandojsg | fernandojsg.com

Josh Marinacci

Josh Marinacci

For over 30 years Josh Marinacci has worked as developer advocate, designer, engineer and author. He has worked at such storied companies as Palm, Nokia, Sun, and Mozilla, and is currently the Community Engineer at DevEx tools company Trunk.io. Josh believes in the power of technology thoughtfully applied, and the need for better human computer interfaces. He lives in sunny Eugene Oregon with his son building crazy robots.

@joshmarinacci | joshondesign.com

Akbar Sultanov

Akbar Sultanov

Akbar Sultanov serves as the developer at 3D Molecular Designs spearheading the development of the first-of-its-kind biomolecular education applications, integrating immersive technologies in the realm of biomolecular science education. In his spare time, he is an active contributor to open-source projects on GitHub, with popular repositories in webxr, web-based AI and ML, and an engaged member of the A-Frame community.

@akbartus | github.com/akbartus

Kieran Farr

Kieran Farr

Kieran is a long-time WebXR developer and creator of 3DStreet to empower anyone to visualize safer streets in their community.

@kfarr | kieranfarr.com

Prizes


js13kGames VR cardboard

20 × js13kGames VR cardboard

js13k 2024 swag: twenty original VR cardboards from 2017.

Playcanvas

10 × PlayCanvas account

Ten 12-month PlayCanvas Personal accounts offering a cloud-hosted, collaborative platform for building games.

Rules

Rules of the competition for WebXR category are exactly the same as Desktop, with one extra - you can include A-Frame / Babylon.js / Three.js / PlayCanvas library from a remote server. Place either of this HTML in your <head> tag:

<script src="https://js13kgames.com/webxr-src/2024/aframe.js"></script>
<script src="https://js13kgames.com/webxr-src/2024/babylon.js"></script>
<script src="https://js13kgames.com/webxr-src/2024/three.js"></script>
<script src="https://js13kgames.com/webxr-src/2024/playcanvas.js"></script>

You can download it and test locally, but remember to reference it correctly in your submission and don't include in the zip package. This JavaScript file alone is the only external resource you can use (default fonts, controls, etc that are automatically downloaded
by A-Frame/Babylon.js/Three.js/PlayCanvas itself are ok though).

Details

Size limit and the libraries

All the official rules for the Desktop category apply except #3. The A-Frame, Babylon.js, Three.js, or PlayCanvas library is an extra JavaScript file in this category alone to be referenced as an external resource, and it's the only external resource that can be used in your entry (A-Frame's, Babylon.js', Three.js', and PlayCanvas' default fonts, controls, or any other resources that are downloaded in the background by the library itself are allowed though).

Versions

The libraries available for you to use are up-to-date given the start of the competition, August 13th. Those are: A-Frame version 1.6.0 (May 23rd 2024), Babylon.js version 7.20.1 (August 8th 2024), Three.js version r167 (July 25th 2024, you can also use it as a Module), and PlayCanvas version 1.72.1 (July 8th 2024).

A-Frame components

You can freely use A-Frame components if you fit them inside the package. Remember that some of them may try to download extra resources, which is not allowed, so you have to modify them for your use in the competition.

WebXR versus other categories

Given the specificity of this category, and that entries using the library for "free" have technological advantage over other entries, the WebXR category is treated as an entirely separate one. You can submit your game to any (or all) of the three classic categories (Desktop and/or Mobile and/or Server) OR to the WebXR category alone.

Submitting your entry

The standard submit form is used to send an entry to the competition. Remember to select the WebXR category as the one from the available options. The A-Frame, Babylon.js, Three.js, or PlayCanvas libraries cannot be included in the zipped package, only linked to - the zip without it should be 13 kilobytes or less.

Dedicated judges

The judges in this category are here to focus on your entries. Every judge will try to vote for every entry submitted to the WebXR category, and provide constructive feedback - what was great and what could be improved.

Hardware prize and video

The Meta Quest 3 hardware prize is sponsored by the Meta Quest Japan team, and will be shipped directly from their office. You will have to pay all the necessary taxes if those will be imposed on the package when delivered to your country. We would also like to get a video of the winning entry being played on the device when it arrives.

Questions?

If You have any questions about this category feel free to contact us via e-mail: contact@js13kgames.com.
Other options include visiting our profiles on Twitter or Facebook, or joining our Slack channel.