forum

osu! in JavaScript & HTML5

posted 2010-09-05T16:22:58+00:00

Total Posts

270

Zeugziumy

Joined June 2010

Zeugziumy 2010-09-15T21:31:43+00:00

For my opnion... HTML5 is still on searches for more improvement...
So... Like the project will take a long time, there will be LOTS of changes when making it...
Also... I don't know if someone saw my older message, but an flashed integrated chat at the left... Can add the chats and can choose the tabs

Neo Adonis

Joined November 2009

Neo Adonis 2010-09-16T05:03:23+00:00

TheCameleon wrote:
Conversion would use command line tools (and function such as exec() or system()), which aren't available on free servers.)

If the project works, you would ask for donations so you can (maybe) move it to another server. Do the most you can, and follow advices. Trust me, they are helpful.

peppy

Here since the beginning

peppy 2010-09-16T05:04:23+00:00

I already mentioned how they can obtain free space for hosting without funding. Only noone listened.

Clemaister

Joined December 2009

Topic Starter

Clemaister 2010-09-16T05:06:13+00:00

It's understood. I'll try to deal that with TheCameleon.

Click on the picture to be redirected to osu-web.
------------------------------------------------------------------

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T05:26:53+00:00

peppy wrote:
I already mentioned how they can obtain free space for hosting without funding. Only noone listened.

We no longer have disk space problem

Thanks for advice anyway, I keep that in mind in case.
About the chat, it will come later, when the game itself will be done (btw it would a ajax based chat - I seriously want to use flash as least as possible).
About ogg/mp3 I prefer to use mp3 (or ogg for beatmaps using it) as later we will use them from the osz files "as it". I'm working on the server side now and I'd like to make it be done and avoid too much future changes. @gabrielwoj is right, html5 support is improving

For example <audio> mp3 will land in firefox for sure, but need to wait a little bit.

www.osu-web.com

peppy

Here since the beginning

peppy 2010-09-16T05:29:46+00:00

TheCameleon wrote:
About ogg/mp3 I prefer to use mp3 (or ogg for beatmaps using it) as later we will use them from the osz files "as is".

You're missing the point and this thread is going nowhere.

IppE

IppE 2010-09-16T12:40:29+00:00

TheCameleon wrote:
About ogg/mp3 I prefer to use mp3

Why get stuck with something from the 90's thats technically a bad codec to begin with and not even fully supported by the most common browsers?

You'll get the quality of 320kbps mp3 with 192kbps using Vorbis :v

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T14:18:40+00:00

IppE602 wrote:
Why get stuck with something from the 90's thats technically a bad codec to begin with and not even fully supported by the most common browsers?

You'll get the quality of 320kbps mp3 with 192kbps using Vorbis :v

You are damn right !
Moreover ogg is a free/open format :) That's a good point !
I may switch to ogg, and by the way, I will no longer need flash (another non-open format) :)
(I'm a linux user, and I love open stuff :))

I'll see later how to convert mp3 to ogg using php ;)
Any idea around ? with my free hosting ?

(now this thread is going somewhere :P)

www.osu-web.com

IppE

IppE 2010-09-16T14:50:30+00:00

Now I have no idea how the hell php works, but you should probably go with the aoTuVb5.7 based oggenc2, found here http://www.rarewares.org/ogg-oggenc.php (Though I heard they merged the aoTuV trunk to libVorbis in 1.3.0, so I guess it doesn't matter which you take)

It needs a .wav input (or .flac ect. main point is that .mp3 doesn't work as is) which might be problematic, but you could use some transcoding thing like besweet that converts it to raw pcm stream before passing it to the encoder...

sp1ky

Joined July 2009

sp1ky 2010-09-16T15:21:11+00:00

As previously recommended, get a single map (whether based on an osz or otherwise) functional using whatever technologies are easiest to implement, then worry about it being compatible with existing systems.

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T15:35:51+00:00

In the meanwhile I found out out to download osz from osu!'s server :) and to save them on my server (caching system) :) quite long to load (9Mo to be downloaded by php for my test beatmap) but it works !
That way I got mp3 + osu.

For those wondering : I know that's mp3 files, but this feature will be required for sure soon or later (won't stay in manual mode forever...)

Edit : Do you know a beatmap that uses ogg music files ? That way I can do my tests with a true beatmap (instead of manual conversion) :)

www.osu-web.com

anonymous_old

Here since the beginning

anonymous_old 2010-09-16T16:09:21+00:00

I see one problem with transcoding (on-the-fly or manually): offsets.

But seriously.

Just get the game engine working before worrying about useless details.

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T16:40:18+00:00

strager wrote:
Just get the game engine working before worrying about useless details.

If server side is a "useless detail", we will have fun playing.... without beatmaps !

I found "some" beatmaps with ogg music files :)

Last edited by TheCameleon 2010-09-16T20:47:34+00:00, edited 1 time in total.

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T17:52:23+00:00

Wow ! I found some intersting stuff about <audio> support
Firefox = ogg
Safari = mp3 (no ogg)
Opera = ogg (mp3?)
Chrome = ?

The point with firefox is that mp3 is a closed codec. Mozilla might pay someting like 5 millions to get mp3 licence fee. (again, why do I like open source against closed stuff)
Safari doesn't play ogg as they "own" a part of mp3. They only use mp3 cause they make money everytime a company wants to make a mp3 player.
Or at last that's what I understood... (again why I love apple)

Source : http://angelo.mandato.com/2010/05/03/ht ... ace-flash/

Edit : daily idea : Chrome only :) no more problem (Chromium is open source :P)

www.osu-web.com

IppE

IppE 2010-09-16T18:49:23+00:00

both mp3 and ogg work in chrome.

Well at least in Chromium, no idea about chrome actually lol.

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T18:55:06+00:00

Yes I found that out too
The music code problem is now "solved"
Will have to wait until every browser supports both formats for it to be perfect...

I can now focus on active development :)
It will be 100% open source (no more flash) :) perfect !

www.osu-web.com

Zeugziumy

Joined June 2010

Zeugziumy 2010-09-16T20:21:53+00:00

TheCameleon wrote:
Yes I found that out too
The music code problem is now "solved"
Will have to wait until every browser supports both formats for it to be perfect...

I can now focus on active development
It will be 100% open source (no more flash) perfect !

Hey flash is good!
And someone did saw my REPLY AGAIN? No replies about it .______.
Also, you are making at linux? Programming it's better on linux, my opnion!

TheCameleon

Joined September 2010

TheCameleon 2010-09-16T20:43:19+00:00

gabrielwoj wrote:
Hey flash is good!
And someone did saw my REPLY AGAIN? No replies about it .______.
Also, you are making at linux? Programming it's better on linux, my opnion!

Speaking about a flash-based chat, right?
A chat (or osu's IRC) may be implemented ;) But that won't be for soon, other features are more important (basically make the game work).
As I'm focussing on html5/js only, the chat would be in javascript ;)

Edit : yes, proud linux user (Ubuntu indeed) !

www.osu-web.com

anonymous_old

Here since the beginning

anonymous_old 2010-09-16T22:12:31+00:00

TheCameleon wrote:
The point with firefox is that mp3 is a closed codec. Mozilla might pay someting like 5 millions to get mp3 licence fee. (again, why do I like open source against closed stuff)

It's a licensing issue, not a closed source / open source issue.

TheCameleon wrote:
Safari doesn't play ogg as they "own" a part of mp3. They only use mp3 cause they make money everytime a company wants to make a mp3 player.
Or at last that's what I understood... (again why I love apple)

...

My head hurts reading posts in this thread.

But it's fun to laugh at, I guess.

HEY GABRIELWOJ! viewtopic.php?p=537883#p537883

Zeugziumy

Joined June 2010

Zeugziumy 2010-09-16T23:28:16+00:00

strager wrote:
TheCameleon wrote:
The point with firefox is that mp3 is a closed codec. Mozilla might pay someting like 5 millions to get mp3 licence fee. (again, why do I like open source against closed stuff)
It's a licensing issue, not a closed source / open source issue.

TheCameleon wrote:
Safari doesn't play ogg as they "own" a part of mp3. They only use mp3 cause they make money everytime a company wants to make a mp3 player.
Or at last that's what I understood... (again why I love apple)
...

My head hurts reading posts in this thread.

But it's fun to laugh at, I guess.

HEY GABRIELWOJ! viewtopic.php?p=537883#p537883

O:
Now I saw, because no-one did quoted mine

Ubuntu is good (TheCameleon's Post)... I have here too...
Linux are good, but people preffer Windows >_>

Hyguys

Joined May 2010

Hyguys 2010-09-17T00:22:08+00:00

looks better , but it need music to others browsers
and more design on skin , to make the skin look like the default osu skin.

LuigiHann

Resident Skinner

Here since the beginning

LuigiHann 2010-09-17T02:41:26+00:00

TheCameleon wrote:
strager wrote:
Just get the game engine working before worrying about useless details.
If server side is a "useless detail", we will have fun playing.... without beatmaps !

get one beatmap to work before you worry about getting a whole automated server backend running, is the point

Cool Stuff: Elite Beat Osu HD | Taiko/ChiBA Storyboard (w/awp) | SMB1 Medley Storyboard | Braid Storyboard | PW/EBA Storyboard (w/m980)

Ephemeral

Inland Empire

Joined April 2009

Ephemeral 2010-09-17T02:44:41+00:00

the serverside is useless until the clientside actually functions properly, is what we're trying to say

worry about all of that when you've actually got audio playing, sliders working, spinners.. etc etc

Neo Adonis

Joined November 2009

Neo Adonis 2010-09-19T20:05:06+00:00

strager wrote:
It's a licensing issue, not a closed source / open source issue.

MPEG layer 3 codec is royalty free, as long it's not used in a commercial ambit. Of course, due to the lack of this codec in Firefox, it's still an issue unless they include it...

About the hit-circles... remember to maintain the proportion with the screen (as peppy said), that is, the circles should be inside a 4:3 area (proportional to a 640x480 pixel canvas). And think about the way to sync circles with music. One way (and I think it's the method osu! gets in sync with the music) is to get the current position of the song and determine with circles should be shown and how, instead to trying to force the song to move to a different position.

One thing more: according to the difficulty, the circles must stay in screen a little bit after the moment they should be clicked. They shouldn't vanish immediately.

It's a fast developing project!! I'm really surprised with the results given in a week!!

(And before I forget it: http://osu.ppy.sh/?p=faq&n=2&c=7 [Scoring section]. No need to get worried about it ATM, though. Just a reminder.)

TheCameleon

Joined September 2010

TheCameleon 2010-09-25T14:58:55+00:00

Quick update :

You think the project is down ?
You're wrong !

Right now, I'm quite busy (for school mainly), that's why I have less time to develop this project. From time to time I do enhance the code, but no major updates. I removed the music, as it's easier to try it without it (more browser are supported).
Furthermore, I'm improving the code, so that sliders/spinners will be easier to implement.

Now, the website uses a cached beatmap, so that it's much faster to load (instead of downloading it every time from osu's server). Now, the server side can download osz, parse them, download osu (without osz),... It's kindda powerful :P Currently, it can't download search results ;) That will come later.

www.osu-web.com

Beldur

Joined September 2010

Beldur 2010-09-28T18:02:39+00:00

Hi,

I have a question regarding the correct timing points for clicks.

What are the timings for 300, 100, 50 and 100, 50 late points in beat fractions?

For example:

If I click a HitObject (point) 0.1 Beats early do I get 50, 100 or 300 Points?

Also there is a rage where I can click a object very early and nothing happens. Then at a later time (still early) I get a miss. What is the Beat timing for that?

mm201

osu! Alumni

Joined August 2008

mm201 2010-09-29T14:50:43+00:00

Nice going, now I'm somehow tempted to rewrite SpriteManagers in Javascript/CSS3

Beldur

Joined September 2010

Beldur 2010-09-29T20:53:08+00:00

Can someone please tell me some of the game constants I asked for?

I need them to make my javascript osu more accurate :/

peppy

Here since the beginning

peppy 2010-09-30T05:12:51+00:00

Who is Beldur?

anonymous_old

Here since the beginning

anonymous_old 2010-09-30T09:38:40+00:00

Beldur wrote:
Can someone please tell me some of the game constants I asked for?

I need them to make my javascript osu more accurate :/

They're based off Overall Difficulty, not the speed of the song. Sliders are much more lenient with timing, too (kinda...). Make your own fancy formula (e.g. (10 - OD) * 35 ms overall hit window, with * 15 ms for 100 and * 25 ms for 50); once you have the game up and running you can worry about making it more like osu!.

TheCameleon

Joined September 2010

TheCameleon 2010-09-30T14:53:26+00:00

He doesn't work with us on the project ;)

www.osu-web.com

sp1ky

Joined July 2009

sp1ky 2010-09-30T18:25:05+00:00

https://gaming.mozillalabs.com/

TheCameleon

Joined September 2010

TheCameleon 2010-09-30T18:47:42+00:00

sp1ky wrote:
https://gaming.mozillalabs.com/

:) I know about that, but I'm not sure the project will be ready by 11 January 2011, I got a lot of things to do now :/ Less time to develop...
But I would be glad to be part of the contest (even if I think I won't win lol)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-10-02T16:51:58+00:00

Hey !

I'm working on sliders right now ;)
They all are displayed as linear, and we can't "slide" on it, still working on it !

If you want to give it a try :
http://osu-web.tk/

www.osu-web.com

anonymous_old

Here since the beginning

anonymous_old 2010-10-12T18:47:51+00:00

Progress?

I'm waiting for sound and for the program to not lag in Opera.

TheCameleon

Joined September 2010

TheCameleon 2010-10-12T20:54:03+00:00

Opera ? I should try it on a few browsers so as to ensure compatibility. So far, I only checked Chrome and Firefox.
About the music, it's quite "easy", but I removed it for compatiblity reasons, but I can put it back in place (with an option in the menu at the top, for example)

www.osu-web.com

Beldur

Joined September 2010

Beldur 2010-10-12T20:59:57+00:00

Hi,

this is my attempt from 2 weeks ago. I stopped working on it. Maybe it will be helpful for someone...

http://alexander-luecking.de/canvas/audio.html

TheCameleon

Joined September 2010

TheCameleon 2010-10-12T21:28:54+00:00

Looks good ! (at last the javascript - <audio> doesn't work on iTouch - so I didn't see it working)
You use processing library, right ? I'll give a closer look to your work later ;) Instead of working on 2 similar projects, it may be a good idea for both of us to work together :) If you want too of course ;)

www.osu-web.com

IppE

IppE 2010-10-13T07:23:38+00:00

strager wrote:
I'm waiting for ...r the program to not lag in Opera.

This.

Tried in Chromium too and its not really smooth on that either.

also walso why does it have the XHTML 1.0 dtd header, isn't it supposed to be HTML5?

TheCameleon

Joined September 2010

TheCameleon 2010-10-13T09:56:08+00:00

I'll add a feature to change the refresh rate of the gamefield ;)
Now it's at 1refresh each 50ms (or less I forgot)

www.osu-web.com

mm201

osu! Alumni

Joined August 2008

mm201 2010-10-13T13:58:15+00:00

Hit windows need to be 2-sided.
Sound is friggin' important and should be top priority.
I can't say for sure until I know what map this is, but it seems to be playing faster than realtime.
Hitbursts would help a lot in telling what's going on.

peppy

Here since the beginning

peppy 2010-10-13T14:01:05+00:00

Beldur wrote:
Hi,

this is my attempt from 2 weeks ago. I stopped working on it. Maybe it will be helpful for someone...

http://alexander-luecking.de/canvas/audio.html

On the other hand this one is feeling pretty good. Doesn't work on safari, but does on opera mind you.

mm201

osu! Alumni

Joined August 2008

mm201 2010-10-13T14:06:41+00:00

peppy wrote:
Beldur wrote:
Hi,

this is my attempt from 2 weeks ago. I stopped working on it. Maybe it will be helpful for someone...

http://alexander-luecking.de/canvas/audio.html
On the other hand this one is feeling pretty good. Doesn't work on safari, but does on opera mind you.

Oh there's supposed to be graphics there?

Ephemeral

Inland Empire

Joined April 2009

Ephemeral 2010-10-13T14:09:48+00:00

Beldur wrote:
Hi,

this is my attempt from 2 weeks ago. I stopped working on it. Maybe it will be helpful for someone...

http://alexander-luecking.de/canvas/audio.html

Excellent stuff!

Works like a treat in Chrome aside from some video desyncing and some pauses here and there.

TheCameleon

Joined September 2010

TheCameleon 2010-10-13T17:08:05+00:00

Music is on @ http://osu-web.tk/

www.osu-web.com

Hyguys

Joined May 2010

Hyguys 2010-10-13T17:33:01+00:00

Excelent work!
but it does not work on iphone / ipod? that was the goal, right?
anyway, an irc client there could be a good idea, right?

TheCameleon

Joined September 2010

TheCameleon 2010-10-13T17:49:44+00:00

Hyguys wrote:
but it does not work on iphone / ipod? that was the goal, right?

I thought I would be possible, but basically, we can't play audio in background on iPhone Safari :/ So it's impossible to have the music playing :/

Hyguys wrote:
anyway, an irc client there could be a good idea, right?

Yes, it's a good idea
But that won't home made (requires to run python scripts on server side, which is impossible with my free host). If I want to use IRC, I'll have to use mibbit or sthing like that, but the latter is closed source (ethical issue).

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-10-14T18:37:12+00:00

Some improvements :

Music (converted to .ogg by hand :/ )
Score
Progress (time until the end)
Bigger HitObjects (based on Difficulty > CircleSize)
Stops refreshing when the song is finished and displays a message

Coming soon / Not yet implemented / Missing

Stats at the end of the game
Pause / Resume
Settings (refresh rate, mute, ...)
Display meta-data (artist, version, ...)
HPDrain
Combo multiplier
Spinner
Slide on slider

(underlined => the hardest to develop)

Thanks @Beldur, I took some ideas from your code ;) (mainly for points calculation on HitCircles)

www.osu-web.com

eMkay

Joined November 2008

eMkay 2010-10-14T22:40:38+00:00

Looks quite nice already.
BUT... In Opera i lags horribly. In Firefox it works smoothly, but i can't maximize my window in Firefox if i didn't have it maximized upon loading the site.

Keep it up

Layola_old

Joined February 2009

Layola_old 2010-10-15T02:13:20+00:00

eMkay wrote:
In Firefox it works smoothly, but i can't maximize my window in Firefox if i didn't have it maximized upon loading the site.

I have a similar problem. My window always un-maximizes when I visit the website. It doesn't let me maximize either. Also, are the hitobjects suppose to be clickable?

◔ ◡ ◔

TheCameleon

Joined September 2010

TheCameleon 2010-10-24T16:14:36+00:00

Layola wrote:
eMkay wrote:
In Firefox it works smoothly, but i can't maximize my window in Firefox if i didn't have it maximized upon loading the site.
I have a similar problem. My window always un-maximizes when I visit the website. It doesn't let me maximize either. Also, are the hitobjects suppose to be clickable?

Holidays = more time to develop :P
The un-maximize problem seems to be solved.

I added some in-game images (50-100-300 images on clic). They are loaded at the beginning so as to avoid latency ;)
Other images will come soon :) It makes the game much more nicer.
If you want to see all of them, press "i" while playing ;)

Another feature : the progress (in time). It's doesn't work in Firefox (issue with track duration (it doesn't return a number :/ ), but it works with Chrome. THIS DOESN'T AFFECT THE GAME ITSELF on firefox, you just don't know when it's done.
Another issue with firefox is time offset. Chrome is much more accurate ;)
So, Chrome is better, but Firefox also works, but isn't fully supported.

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-10-24T18:02:03+00:00

I added the cursor !
But, again, there are some issues :/
Firefox handle it the way it should, but Chrome doesn't place it the way it should (the center of the circle = the hotspot of the mouse)
And this placement issue is a real problem, as the coordinates of the mouse do not match with what that user sees, and so, you can click just besides hitobjects :/

www.osu-web.com

Randy96

Joined August 2009

Randy96 2010-10-24T18:26:32+00:00

Looks pretty nice, are you working on sliders?

TheCameleon

Joined September 2010

TheCameleon 2010-10-24T18:29:02+00:00

Randy96 wrote:
Looks pretty nice, are you working on sliders?

It's on my checklist ;)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-10-28T17:21:34+00:00

I'm working on an addon system !
This would make my life easier to add "Special Modes" (flashlight, double time ...)
Moreover, it would help me to enhance the main menu.

On the other hand, anyone would be able to submit his own addon !
They are quite easy to make, you can ask me if you want me to extend the API :)
(addon system is coded, but not uploaded right now)

Btw, I'm back to work on sliders !

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-10-29T10:50:12+00:00

Grrrrrr.....
Sliders are f****** hard to make !
If anyone wants to help :P

Well, I found some good ideas that help a lot :P

PS : for those interested in technical stuff :
Before, thick lines were drown for sliders
Now, I'm trying to draw the whole path "around" the slider (and that's much harder)

www.osu-web.com

mm201

osu! Alumni

Joined August 2008

mm201 2010-10-29T13:29:52+00:00

http://en.wikipedia.org/wiki/B%C3%A9zier_curve
http://en.wikipedia.org/wiki/Catmull-Ro ... Rom_spline

Also note that for beziers, two consecutive points on the same spots means the end of one bezier and the beginning of another.
Slider velocity is measured in hundreds of osupixels per beat.

Guy-kun

Joined December 2009

Guy-kun 2010-11-01T16:55:21+00:00

Wow, this looks like its actually getting somehwere now, I'm starting to be impressed ^^

TheCameleon

Joined September 2010

TheCameleon 2010-11-01T21:14:19+00:00

I had an idea about the iPhone version. That should be possible. But it would be quite an "awful" work (it would require the player to clic on a button when the music starts :/ ), cause we can't play audio in background with Safari iPhone.
If you want a version for any other device (phones), please tell me, and I'll give it a look if possible ;)
Edit : the device has to support html5's <canvas>

I'm still working on (linear) sliders (still the drawing -- there are no built-in function to draw the outline), but it looks much better. For those wondering, tests are not on osu-web right now, I'm just trying to make it work before adding it in osu-web.

www.osu-web.com

mm201

osu! Alumni

Joined August 2008

mm201 2010-11-02T00:07:35+00:00

TheCameleon wrote:
PS : for those interested in technical stuff :
Before, thick lines were drown for sliders
Now, I'm trying to draw the whole path "around" the slider (and that's much harder)

peppy tried something like this in 2007. It wasn't pretty.

You'll run into crazy math issues when you consider sharp corners and overlapping paths. Drawing a thick line for the outline, then another for the path, is probably the simplest option for now. osu! (peppysliders) does it this way.

If Canvas supports anything like max blending, palette substitution, and backbuffers, you could take an mmslider approach, but I wouldn't expect this is possible.

inb4webgl

adamskii_uk

Joined April 2008

adamskii_uk 2010-11-02T09:09:45+00:00

TheCameleon wrote:
I'm still working on (linear) sliders (still the drawing -- there are no built-in function to draw the outline), but it looks much better.

I'm no expert in designing games, but one method I can think of to fix this outline issue would be to create a slider using two lines of different thicknesses. Then you could place the thicker line centered underneath the thinner line, thus creating the illusion of a outline around the slider.

peppy

Here since the beginning

peppy 2010-11-02T09:11:32+00:00

MetalMario201 wrote:
Drawing a thick line for the outline, then another for the path, is probably the simplest option for now.

adamskii_uk wrote:
I'm no expert in designing games, but one method I can think of to fix this outline issue would be to create a slider using two lines of different thicknesses. Then you could place the thicker line centered underneath the thinner line, thus creating the illusion of a outline around the slider.

adamskii_uk

Joined April 2008

adamskii_uk 2010-11-02T09:20:58+00:00

peppy wrote:
MetalMario201 wrote:
Drawing a thick line for the outline, then another for the path, is probably the simplest option for now.

Yeah, I didn't read MetalMario's post completely, I just glanced through it, so I didn't notice he already mentioned the same thing as I did.

TheCameleon

Joined September 2010

TheCameleon 2010-11-02T12:48:58+00:00

MetalMario201 wrote:
Drawing a thick line for the outline, then another for the path, is probably the simplest option for now. osu! (peppysliders) does it this way.

That's what I've been doing for a while ;)
The advantage of drawing the path around the slider is that I can use a built-in js function to know if the player clicked in the slider or not. But as it is really hard to do (and takes a lot of time to work), I think I'll just keep drawing thick lines, and check if the user clicks in the slider with some home-made stuff. Moreover, it will be very similar to how I will know where the user clicks/slides on the slider. So that way I don't bother doing 2 different tools, when 1 is enough.

www.osu-web.com

mm201

osu! Alumni

Joined August 2008

mm201 2010-11-02T13:47:49+00:00

In terms of gameplay, the cursor being inside/outside the slider track is irrelevant. The ball is the only thing you should be concerned with.

TheCameleon

Joined September 2010

TheCameleon 2010-11-02T13:58:12+00:00

MetalMario201 wrote:
In terms of gameplay, the cursor being inside/outside the slider track is irrelevant. The ball is the only thing you should be concerned with.

Hmmm.... that's right !
Thanks a lot for the tip :P
It will be much easier :)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-06T15:45:38+00:00

Just finished a function that tells me the coordinates of a point on a (linear) slider, from a given distance from the beginning of the slider.
Quite useful to draw the ballon (or at last a circle).

Still have to add it in osu-web :P

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-07T10:39:25+00:00

Now works on iPhones (with music) and more browsers ;)
(it tries both .mp3 and .ogg)

www.osu-web.com

Guy-kun

Joined December 2009

Guy-kun 2010-11-07T11:31:48+00:00

Etremely laggy on the iPhone 4 :c
Plus the page is scrollable which makes you drag it accidentally all the time, removing this would be a big improvement

TheCameleon

Joined September 2010

TheCameleon 2010-11-07T11:48:33+00:00

Scroll disabled ;)
The lag is awful, I know, but I can't fix that :/ (or at least I don't think so)

On sliders, a circle is now drawn, but it's really buggy, and doesn't follow the slider the way it would, nor at the good time :/ I'll try to fix that asap ;)

www.osu-web.com

Galkan

Global Moderator

Joined September 2009

Galkan 2010-11-07T12:51:57+00:00

Status:

Opera: lagging
Firefox: lagging+autoresizing to window mode
IE: not even loading

TheCameleon

Joined September 2010

TheCameleon 2010-11-07T13:05:05+00:00

Autoresizing is the most awful bug as I can't fix it, because there are no reason for such a bug (I never call the resize function).
On firefox, the only fix I have, it you to do the following : Tools > Settings > Content (3rd tab) > Javascript > Advanced > uncheck "Allow scripts to move/resize windows" (given names may not be accurate as I translated them from French)

Edit : found where the bug is located. Still dont know why it resizes the window :/

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-07T14:59:14+00:00

The AutoResize bug (on Firefox) seems to be fixed.
Is it the case for you ?

Fact : the bug was in the function that draws the current progress of the song (the circle at the top-right corner)

www.osu-web.com

Galkan

Global Moderator

Joined September 2009

Galkan 2010-11-07T15:12:46+00:00

It helped, but the game still lags. I mean, it runs smoothly first 15 seconds then it lags or completely freezes. Same in Opera.

TheCameleon

Joined September 2010

TheCameleon 2010-11-07T15:24:39+00:00

I think it's an issue with sliders (lag + freeze). I'm working on it, and it's still very buggy. Sometimes it freezes, and I know why, but it helps a lot for debugging purpose ;)

www.osu-web.com

Hyguys

Joined May 2010

Hyguys 2010-11-07T19:29:49+00:00

Galkan92 wrote:
It helped, but the game still lags. I mean, it runs smoothly first 15 seconds then it lags or completely freezes. Same in Opera.

^this
also , the skin is good , but try using numbers 1,2,3,4,5,6,7,8,9,0 from default osu! skin , if you can

Guy-kun

Joined December 2009

Guy-kun 2010-11-07T19:31:50+00:00

Runs perfect on chrome <:

mm201

osu! Alumni

Joined August 2008

mm201 2010-11-08T02:08:11+00:00

Rofl, I just got an idea: render the slider tracks serverside!

Cache each slider for each map, then serve them as pngs. Render them on the server using a better technology like OpenGL.

Lemon Water_old

Joined March 2010

Lemon Water_old 2010-11-08T02:22:55+00:00

I don't really likes this song <3

Ephemeral

Inland Empire

Joined April 2009

Ephemeral 2010-11-08T02:34:56+00:00

everything bar the sliders works perfectly fine in chrome, but freezes after 10-12s in firefox and opera

rust45

Joined May 2009

rust45 2010-11-08T06:57:50+00:00

After the first three hit circles it just stops working, the browser is running fine and if I refresh it starts again and keeps going until the same part where it froze.

Warning: I take mod requests in the #mod channels and only there. DO NOT forum PM or chat PM or you will go on my personal blacklist. This excludes people who I respect for one reason or another.
I have left the MAT as I feel as though I wasn't doing anything to justify being there.

TheCameleon

Joined September 2010

TheCameleon 2010-11-08T20:25:50+00:00

Hmmm.... I fixed the freeze.

I put another song ;) The song is better, but the beatmap is awful :/
Does anyone know a good music (ACDC, Rolling Stones,Beatles,...), that is nice to hear over 100times a day when debugging ? (the 20first seconds need to be VERY nice, as I almost only hear them)

www.osu-web.com

RandomJibberish

osu! Alumni

Joined August 2009

RandomJibberish 2010-11-08T20:52:20+00:00

The Beatles - Here Comes the Sun

have fun

adamskii_uk

Joined April 2008

adamskii_uk 2010-11-08T22:33:32+00:00

TheCameleon wrote:
Hmmm.... I fixed the freeze.

No, you haven't.

Before I was able to click on a few hit circles before the game froze, but now it freezes on the very first hit circle, when playing the game in firefox.

TheCameleon

Joined September 2010

TheCameleon 2010-11-08T22:55:33+00:00

RandomJibberish wrote:
The Beatles - Here Comes the Sun

have fun

Thanks a lot :)
debugging will be funnier :)

About the freeze, it might be a cache issue. Try to re/load the page a few times (Shift+F5). On Chrome I had to clear the cache. All this since I changed the beatmap.

www.osu-web.com

Galkan

Global Moderator

Joined September 2009

Galkan 2010-11-09T00:16:44+00:00

Status:

Opera:

adamskii_uk wrote:
it freezes on the very first hit circle, when playing the game

Firefox: Freezing after 30 sec
IE: Still not loading (is it going to be working on?)

Also, on Opera I do not see the osu! cursor (as in FF) :F Why is it?

Guy-kun

Joined December 2009

Guy-kun 2010-11-09T01:00:16+00:00

Galkan92 wrote:
Status:

Opera:
adamskii_uk wrote:
IE: Still not loading (is it going to be working on?)

I.E. Always has the shittiest support for anything, mostly HTML5, don't get in the slightest excited, I doubt he'll get much working in IE

TheCameleon

Joined September 2010

TheCameleon 2010-11-09T08:10:29+00:00

Guy-kun wrote:
I.E. Always has the shittiest support for anything, mostly HTML5, don't get in the slightest excited, I doubt he'll get much working in IE

That's right ;)
But I read that IE9 has a good support of html5, so, if you really want to use IE, you need the beta of IE9 ;)

www.osu-web.com

Guy-kun

Joined December 2009

Guy-kun 2010-11-09T08:30:14+00:00

Oh, I was talking about IE9 :l any previous versions have basically -no- HTML5 support, and ie9 is shit at best~

TheCameleon

Joined September 2010

TheCameleon 2010-11-09T08:56:40+00:00

:/
Can anyone paste here the content of IE9's error console ? (should be called sth like "(Developper) tools"). As I don't use Windows, I can't test by my own.
Those error messages are much more useful than saying "it doesn't work" ;)

www.osu-web.com

Guy-kun

Joined December 2009

Guy-kun 2010-11-09T10:45:15+00:00

<:
Thank me later

>Looks like the audio player fails to load and breaks the script from continuing any further pretty much...

Lemon Water_old

Joined March 2010

Lemon Water_old 2010-11-09T10:57:30+00:00

I saw a slider smaller than the others

TheCameleon

Joined September 2010

TheCameleon 2010-11-09T11:57:30+00:00

Guy-kun wrote:
<:
Thank me later

>Looks like the audio player fails to load and breaks the script from continuing any further pretty much...

69 C00D36C4
C00D36B4 Either the video codec or the audio codec is unsupported, or one of the streams in a video file is corrupted. This content may not be supported. For more information, visit the following Xbox website: www.xbox.com/support

From Microsoft's website. But this is said to affect *only* xbox :/

www.osu-web.com

Guy-kun

Joined December 2009

Guy-kun 2010-11-09T12:10:08+00:00

>Microsoft
>Believing their help

I wouldn't bother too much with IE, you'll be very limited and get stuck constantly :l

Galkan

Global Moderator

Joined September 2009

Galkan 2010-11-09T16:36:15+00:00

I might have been little unclear, but I was just only asking for supporting IE (as I don't think it's major, neither I use it), not that I want to play by it :3

TheCameleon

Joined September 2010

TheCameleon 2010-11-09T17:51:23+00:00

Galkan92 wrote:
I might have been little unclear, but I was just only asking for supporting IE (as I don't think it's major, neither I use it), not that I want to play by it :3

of course, but a wide support is (I think) useful ;) And as I read that IE9 supports well html5, it would be a good idea to support it as, it means it should be quite easy to do.

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-10T18:40:32+00:00

A good check, would be to go there http://osu-web.tk/music.html with IE9, and tell me if it actually works (music playing AUTOMATICALLY) :) That would help a lot :)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-10T18:50:13+00:00

If you want to try sth "fun" go there http://osu-web.tk/length.html and click (at least twice) anywhere in the top left corner ;)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-10T18:56:10+00:00

Feels so better with that new beatmap :) (and music !)

www.osu-web.com

TheCameleon

Joined September 2010

TheCameleon 2010-11-10T18:59:20+00:00

Btw it should no longer freeze ;)
The bug isn't solved however, but I just handle the bug...

Edit : the freeze is back, but because I made it so, for debugging purpose. I will re-"fix it asap ;)
(I recall you that it's still in "beta")

www.osu-web.com

Please sign in to reply.

47 / 270

›

›

›

›