Technical

Posts related to application and web development.

Canvatorium Lab 004 (revamped)

In the revamped version of Lab 004 I worked on a way to pass the xr object from the useCanvatoriumLab composable to the createLabContent function.

Canvatorium Lab 003 (revamped)
Using the Default XR Experience from Babylon JS
✅ Move the XR player in the scene when entering immersive mode
✅ Basic controller input example

I took a short break from the labs to tidy up the Canvatorium site.

✅ Added a new tab bar
✅ Lab (the canvas with the scene)
✅ Lab notes (unrendered markdown for now
✅ Hacked the style of the webxr button
✅ Added the lab title as a GUI overlay

Canvatorium Lab 041

📸 Taking screenshots (sceneshots?) with Babylon JS

I also added a screenshot button to the global lab overlay. Here is a quick demo

My lab template for Canvatorium is now only 22 lines.
This template will create a Babylon JS scene with my default lab options (room, lights, camera).
All the work for the lab will happen in the createLabContent function

Canvatorium Lab 040

I started working on an overlay GUI for the scene data. Title, description, and maybe lab notes.

If it pans out, I'll add it to all labs.

I could use the same GUI content inside a mesh-based AdvancedDynamicTexture to show it while in VR 🤔

Here is an early demo of a timeline feature I'm building in a PlayCanvas project. This uses an array of data to determine which actions to perform at a specified time during the sequence.

Concepts * Entities publish events that the timeline can run * Timeline reads an array of objects containing time and action(s) to execute * Actions are run by calling the events using "app . fire("event-name)"

You can try it out or checkout time timeline script here. Run the scene and press 0 (zero) on your keyboard to kick off the timeline.

https://playcanvas.com/project/969046/overview/timeline-concept

One last Tiny Memex update for today. I setup a basic Python webserver with Flask and hosted a bare bones Babylon JS scene.

This tutorial helped me get started.

End of content

End of content