This story showcases Vorple's features.
When you see aicon you can click on it to learn more about the feature being demonstrated.
These dialog boxes are created using Vorple's notification module, which is flexible enough to show the notifications as this kind of modal dialog boxes with custom buttons.
This image is created by writing
vorple.media.image( 'lamps.jpg' ),
which creates a tag
<img src="media/image/lamps.jpg" />.
This doesn't usually reduce typing, in fact quite the contrary
in most cases, but the idea is that if you write the tags
by hand and make a typo or create an invalid structure
with the end tags the browser will happily just skip the
illegal tag or the typoed part, causing hard to find
bugs. If you typo a helper's name, you'll get an immediate
In this room you see a YouTube video embedded into the story. The movie theater background is an empty element with the image as its background. Clicking on the link inserts the embedded YouTube video in the element. Padding of the element makes sure the video is in the correct position to cover the image of an empty screen.
When you hover the mouse cursor over the images here you see a tooltip popping up, showing a description of the image. Vorple uses the qTip2 library to display the tooltips.
The tooltips can be placed on any element, including links. They can be triggered when the mouse cursor hovers over them, on click, on other custom events or triggered manually as happened with the "back" link when the story started. The tooltips can contain images and styled text and their appearance can be modified.
Two kinds of audio types are supported: music and sound effects. Those two types can be played and stopped independent of each other and the reader can use mute controls (lower right corner in this theme) to turn sounds off.
Vorple uses the jPlayer library to play audio. It offers probably the most versatile range of browser support. It uses the browser's native audio player if one is available, or falls back to a Flash player in older browsers.
Vorple adds two new link types to Undum: disposable and unique.
The bird cage link in the garden is disposable. After you've clicked on it once it's disabled and it will not be enabled again anymore, even if you leave the garden and come back later. If any other situation later has the same link, it will be disabled as well.
Unique links are such that only one of them can be active at the same time. Both the "smells" and "sights" actions have a link to "flowers" in their text. The flowers links have been made unique so that only the first action you click has the link active, no matter which one you choose.