Movie For Title Screen

Is it possible to use a movie file for a title screen instead of a static picture? I looked all over the forums, but couldn't find any post talking about it?

Perhaps it's part of the "Wait for a plugin to be made" game?

It should be possible. Usual movies are played in a "video" element, while the game canvas is made invisible. So, if you play the video while having a transparent background for the canvas, you should be able to see through to the underlying video.


I'll take a look at it this weekend, if nobody else gets it done, before.


/edit: I'll report this thread to be moved to the javascript forums.

Ah, okay, thanks! (There really is no rush!)

Try this one: http://pastebin.com/LUdyN1sd


The plugin should explain itself, but feel free to ask questions or point me to errors i missed. Also remember to use "None" or a (semi)transparent image as title background, because the video is placed behind it.


Technical note: I decided against using the underlying video-element directly, because i would have needed to modify more than just that one scene. I'm using PIXI.VideoTexture, which essentially plays the video twice: Once for real, while capturing frames and rendering them to the canvas. This obviously costs performance (still running at 60 fps for me), but the title screen isn't really performance-heavy, anyway.

Moving to Plugin Requests

This only works if someone has actually requested it.

Thanks, lavra! It works like a dream!