For my practice intention, I implemented the system to enable live coding features in the AR environment. Coders can live code the visual effects with three.js and can assign different visual effects to different markers. The code can be parsed and executed in real-time by pressing “ctrl+enter” on the keyboard. Here is the video:

The system is designed inspired by gibber. The application is developed based on HTML and javascript. Mindar.js library is used for the tracking in AR and the 3d objects are rendered based on three.js. I also used the codemirror to implement the code editor in the browser. Code can be found here.