Note that as of August 2017 there are more than 150 demos, for the complete non curated list see https://vatelier.net/MyDemo/


Personal linked notes as a sphere (can be moved around and zoomed in).

The notes can be moved around using gaze and a click action then dropped in the right place also with a click.

360 photo in 1 line of Aframe

Let me take a selfie!

Details

First steps in Aframe, loading a video and curved screens, nothing dynamic though.

Give it a go

Details

The intensity and position of the light source is based on the current time of the viewer

No need to look out the window

Details

Thanks to a 3D scan performed in early January here is a low polygon version of myself

Check me out

Details

Organizing assets (3D model of myself and my notes) to see if it could give a sense of projection.

Try

Details

FuturUI exploration, Ghost in the Shell inspiration

Try and imagine

Details

A basic game styled demo. It represents the basic for a world exploration game, you reach a goal, find items, moved around, etc. The aim is to make Reddit Git Exchange Xmas demo with a Zelda theme with a park in ... Rivierenhof in Antwerp obviously! (note that it might evolve to a map2demo demo, converting a geographic spot to a VR demo).

Play

Details

Visual design method, cf Lessons Learned on VR UI of Mike Alger

Consider quality experiences

Details

Personal linked notes that can be moved around and zoomed in.
An array of pre-rendered text notes is displayed. Notes can be re-organized visually using gaze only. Links between notes are represented by colourful links.

Re-organize pages

Details

Using BSergean offscreen coffee script to render a basic ThreeJS scene on a headless server.

View the result

Details

Presentation as slide in 3D and webVR with source code that you can clone at ICAB for JavaScript Lab Brussels.

Yet another 2D presentation?

Details

Embedding Aframe directly in this wiki (cf source AframeEmbedding). Support central wiki specific markup pagelist with templates. The light pink balls represent pages for which the horizontal positions is dependent on the number of revisions. Could also provide a split screen for edition and preview.

Try

Details

WebVR as it could be, jumping for one demo directly to the next Parameters (e.g. group of pages then single pages) are passed by URL.

Jump from page to page

Details

A basic multiplayer word (that thanks to a bug fruit of my lazyness made it a Tron-like game ;) It is, of course, using express and socket.js (NodeJS). Because of that the server is not always on so can't always try it.

Try with a friend

Details

Portal to go to demos direct in VR mode for a specific webVR chrome-based browser. Based on FuturUI.

Explore all the demos directly from a VR portal

Details

Roller coaster generated from notes frequency. The gigantic mesh is a 3D object I printed few years ago. It is an example of how 3D objects will be integrated alongside notes.
The ouroboros I designed few years ago symbolizes constant improvement. Having it with my edits over time implies that with each edit I potentially better myself.

Ride on data

Details

Root gallery of my related demos.
My 3 lasts demos circle constantly around the user. The one in the centre can be reached with a click.

Try

Details

VR explorations in videos

Listed by keys concepts


Funny bits

Still want more? Just contact me then