Urs Hunkler

Visit a Virtual Reality Moodle course.

The course »TopicsXR« is the »proof of concept« that Virtual Reality 3D content can be integrated and used in Moodle. Based on the early versions of the theme »moodle_xr« and the course format »topicsxr« XR is integrated into Moodle with the XR framework A-Frame. The course is a Moodle course and course content can be edited in the standard course view in editing mode.

The best immersive experience you will have when you visit the course with a VR headset. It also can be accessed with a desktop or laptop computer or a mobile device.

It is work in progress and may change at any time.

You can experience the course at MoodleXR.

If anybody may be interested in the work please let me know.

Hi David,

you seam to have found the same topics that slow down the theme development process. I plan to write about my workaround which seams to circumvent the issues quit ok as I can say by now. But I am extremely busy in the moment to get some tasks done so it may last some time until I can write.

And yes, I did hack boost to stop the tree post process there too.

If not from @Marina it would be interesting to learn from someone from Moodle HQ who is involved in the theme work how they deal with the long cache refresh times during theme development.

I am testing a »hacks« based workflow now with libsass in an external process and the compiling is done nearly instantaneous. With this workflow I can iterate. The »hacks« process seams to work, I don't know if Moodle will compile the same CSS when I remove the »hacks«. That I need to test.

Btw I work with the Mac program »CodeKit«, which is a web design build tool somehow similar to Grunt but with a GUI, which I prefer.

The following variables in drawer.scss are hard coded and can't be overwritten by presets. I there a reason why those values shall not be overwritten? I would prefer to be able to change those values in the presets.

$drawer-width: 285px;
$drawer-padding-x: 20px;
$drawer-padding-y: 20px;
$drawer-offscreen-gutter: 20px;

They could be flexible with:

$drawer-width: 285px !default;
$drawer-padding-x: 20px !default;
$drawer-padding-y: 20px !default;
$drawer-offscreen-gutter: 20px !default;

(Edited by Mary Evans - MADE CHANGES TO SUBJECT HEADING - original submission Monday, 22 May 2017, 5:17 PM)