Guest
home
beatmaps
rankings
community
store
help
forum
  1. Forums
  2. osu!
  3. Development

HTML5 Based osb Emulator

posted
Total Posts
13
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old
This project have used the following framework: jQuery, KineticJs.
This project is Browser & HTML5 Based project, i.e. it require latest version of browser for better experience.
This project is NOT completed, and I'm too lazy.. So this project may remain incomplete later on.
This project DOES NOT working offline and I don't have a good enough server to host it. You need to install a local server to test it.
You may NOT forward/copy this thread to the following site: Tieba.

This project has MOVED to GitHub.
I.e. Grab the latest version from GitHub.

Compatibility list
What's working?
Sprite, Animation (Some requires speed fix)
M (MX, MY), F, S, V, R, C(Slow), L (One level), P, Easing

What's the issue?
T

Showcase:
> Silver Forest - Soukuu ni Mae, Sumizome no Sakura (link)
Video Inside
osu! on the left and osb Emu. on the right

* Beatmap shown above have modified for testing purpose.
As the video shown, the sync. isn't 100% - The emulator is browser based, lags are expected and there're rendering errors.
> Don't stop me now: link
> One's future: link
! LARGE IMAGE INSIDE !
> IOSYS - Neko Miko Reimu: link
Video inside

Problems / Known Issues
  1. Resolution options is NOT working in Firefox.
  2. Don't stop me now: Requires 4x speed-up for animation to be correctly rendered...
  3. Not perfect but playable with some lags.
  4. If there's a large amount of storyboard object (Sprite / Animation), it will likely to result a huge lag or page not responding (crashed?).

Change log
V1.0.1 (23 Oct.)
- Add support for C (Slow), and loops (May not accurate enough.)
- Add support for Animation

V1.0 (???)
- All functional emulation takeaway everything above.

Old info
Q: Some commands under events section at .osu file I'm not sure it's purpose. Should I just simply ignore it?
Invalid or unsupported command: 2,13159,14960
Invalid or unsupported command: 2,29159,34960
Invalid or unsupported command: 2,61960,71760
Invalid or unsupported command: 2,100360,105360
Invalid or unsupported command: 3,100,163,162,255

Source/Download
Those release DOES NOT contain any beat-map(s) or nuts.

V1.0 | 1.0.1
The source code may not clear enough for understanding.
This project has moved to GitHub.

Working example
It contains:
~ A Short osb (Randomly)
~ 30s Empty audio
~ (Currently) Latest playOsu!.min.js (* Update it if possible)
Download

Credit & License & Other stuff people tend to ignore
This project is all done by myself so far.
You can do whatever you like, just leave a line of credit it'll be fine.or I'll cry
Refer to the GitHub page.
Last edited by Yellow Yoshi_old , edited 2 times in total.
Dainichi
19 posts
Joined August 2013
Dainichi
How Do I use this? Im soo lost with your instructions It says make Mapset then add songs and change and use html as template???
What do I rename to .html exactly? i'm sorry just asking
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old

Eru L wrote:

How Do I use this? Im soo lost with your instructions It says make Mapset then add songs and change and use html as template???
What do I rename to .html exactly? i'm sorry just asking
I've included a working (setup) example in the post that contains a dummy osb.
Also there's comments used to separate each section in sample.html.

// Config begin.
animationSpeed: 1,  // Change this if you think the animation's too slow/fast
basePath: 'mapset/sample/', // Path to your map folder.
osuPath: 'Empty.osu', // Osu file that contains background & extra sb.
osbPath: 'My Story board!.osb', // Main sb file.
musicPath: 'Empty.mp3' // Music file name.
// Config finish.

Let me know if you have more questions :)
Dainichi
19 posts
Joined August 2013
Dainichi
Thanks!!! 8-) 8-) 8-) 8-)
mekadon_old
mekadon_old
Nice, works fine on my machine. Starred and whatnot
Dainichi
19 posts
Joined August 2013
Dainichi
Okay so I tried editing the Config....


I have the HTML,and the other Files in the Zip and the Mapset > Beatmap folder in the same folder


But it still shows me this...
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old

Eru L wrote:

Okay so I tried editing the Config....


I have the HTML,and the other Files in the Zip and the Mapset > Beatmap folder in the same folder


But it still shows me this...
You need to use something like "[lucky:1337]xampp[/lucky:1337]"(Or if you want it completely portable: [lucky:1337]UsbWebserver[/lucky:1337]) that act like a web server host, and then visit the url "http://127.0.0.1/Path/To/Emu".
Because it's browser based... JavaScript isn't allowed to read files in hard drive directly.

Ask me if you still have problems ^^
Dainichi
19 posts
Joined August 2013
Dainichi
Can I use Uniserver? Cause I only use Uniserver :P
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old

Eru L wrote:

Can I use Uniserver? Cause I only use Uniserver :P
Sure, it's similar anyway :)
Rei Hakurei
1,983 posts
Joined February 2011
Rei Hakurei
Invalid or unsupported command: 2,13159,14960
Invalid or unsupported command: 2,29159,34960
Invalid or unsupported command: 2,61960,71760
Invalid or unsupported command: 2,100360,105360
Invalid or unsupported command: 3,100,163,162,255
ignore.

2,BreakStart,BreakEnd // works if you want to take care any breaks
and
3,UnknownVal,Red,Green,Blue // for playfield if you didn't put any BG
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old

Rei Hakurei wrote:

Invalid or unsupported command: 2,13159,14960
Invalid or unsupported command: 2,29159,34960
Invalid or unsupported command: 2,61960,71760
Invalid or unsupported command: 2,100360,105360
Invalid or unsupported command: 3,100,163,162,255
ignore.

2,BreakStart,BreakEnd // works if you want to take care any breaks
and
3,UnknownVal,Red,Green,Blue // for playfield if you didn't put any BG
Thanks for the info :)
For now, I think I should just ignore those commands.
Hexide
70 posts
Joined January 2012
Hexide
Nicely done. Works quite damn well.

Small demo for those that have no clue how to use it: http://miz.hexide.com/osb/ ( or http://miz.hexide.com/T2DZ.html )

Edit:
My only recommendation would be to maybe add automatic mp3 and osb detection from main osu file.
Yellow Yoshi_old
8 posts
Joined February 2012
Topic Starter
Yellow Yoshi_old

Hexide wrote:

Nicely done. Works quite damn well.

Small demo for those that have no clue how to use it: http://miz.hexide.com/osb/ ( or http://miz.hexide.com/T2DZ.html )

Edit:
My only recommendation would be to maybe add automatic mp3 and osb detection from main osu file.
It would be good, thanks for the tip :)
I think I should make it optional though, as a fall-back fix.
Please sign in to reply.

New reply

0
1 / 13