I want to make a 90's style Myst looking site where you can click on the edge of the screen when the cursor changes and show prerendered videos of the camera moving around a house and stopping at different rooms. When it stops, I want to be able to click on interactive elements that obviously change from scene to scene. What's the best tool to use to develop this easily and can it be done using html5? Or even something that looks like this:
It can be done using a mix of HTML5 and javascript, yes. This is a fairly simpe thing to do (depending on the involvement, and how advanced you want it to be). Haven't tried doing anything like this myself, so I haven't really got any idea what would work, but have a look here: http://snapsvg.io/ or here https://www.sitepoint.com/10-cool-javascript-drawing-canvas-libraries/ and see if anything there can help.
Thanks! So you would suggest using canvas for doing this, rather than any inline html5? I'm not thinking of rendering in 3d live, but just doing some simple overlays.
Not necessarily, but if you want to have the ability to animate/easily change what can be added and how things move, I would suggest you look into using something like canvas. If all you want is set backgrounds with shown/hidden pieces on them, then it can be achieved using mostly HTML and CSS.