forum

Osu Storyboard Viewer for the Web

posted
Total Posts
4
Topic Starter
funnytrees
Osu Storyboard Viewer for the Web

Something I've been working on for the past few days.

Here's a web page to view osu! storyboards right in your web browser!

http://funnytrees.hostoi.com/OsuStoryboardViewer/
(I only have 50kb/s upload, so I uploaded it to a free hosting site)

This utilizes the CSS3 "transform" property to manipulate images.
Should be compatible with most browsers.

Some Screenshots
On Chrome:


On the 2nd generation iPod touch!

Safari crashed right after I took the screenshot though.

Currently it seems to work with most storyboards.
The mapsets included were ones I thought were good examples (though one of them is clearly broken).

This project is still very basic, so it's still missing lots of interface things (like returning after the song finishes).
Also my experience with coding is limited to homework and personal use, so my coding style is not exactly great.


Any comments or suggestions?

Also, would CSS be a suitable alternative to HTML5 canvas in terms of doing something similar to the Osu Web project?
K2J
This is a cool idea! Though of course some of the interactivity (pass/fail layers, events) would be better suited to an actual play of the map, I think this could be a good tool for demonstrating storyboards easily without people having to download a lot of files.
peppy
Potential!
Kyujuroku 96
This will go straight to my osu! Projects Compilation thread :D
Please sign in to reply.

New reply