Historically, Drivey has always been written in a scripting language. That includes its levels.

But now that the whole thing runs in a browser, I decided this past weekend to make these levels from HTML.

While JavaScript is primarily procedural or functional, HTML is declarative: it represents a program as a static declaration of its contents. It's the perfect fit for level design.

Like themes, Drivey HTML levels can now be dragged and dropped into Drivey and it'll load them!

I wish I had a better way of demonstrating how fun this is. I'll be setting this latest version to live before long, so folks without Github can still use the drag-and-drop capability to experiment.

Taking a page from JSX and MXML, attributes in Drivey HTML can be mathematical expressions, whose terms are references to other values represented in the document. That means fewer values are hard-coded into the HTML, and can maintain their readability and edibility as you experiment with your level

Show thread
Follow

The terseness of the Drivey HTML, compared to the old level JavaScript, speaks volumes. This is how these levels always should have been represented.

Click below if you'd like to see the other level files in the project:

github.com/Rezmason/drivey/tre

It's my hope to eventually get Drivey to a point where you can embed its script into any web page, add Drivey HTML anywhere in that page (similar to an A-Frame scene), and have it automatically resolve to a little WebGL visual driving experience.

· · Web · 0 · 0 · 1
Sign in to participate in the conversation
Merveilles

Merveilles is a community project aimed at the establishment of new ways of speaking, seeing and organizing information — A culture that seeks augmentation through the arts of engineering and design. A warm welcome to any like-minded people who feel these ideals resonate with them.