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

osu! in JavaScript & HTML5

posted
Total Posts
270
show more
TheCameleon
85 posts
Joined September 2010
TheCameleon
Wow... the ratio breaks all my size variables :/ I'll have to fix that !
Now, I will focus on the server side as my new server is much more flexible ;) This might bring music to the game ! Please note that this include that music does require flash.

About beatmaps, right now it just takes the first one in the "ranked", and the first difficulty ;)
peppy
19,374 posts
Here since the beginning
peppy
Using flash is a bad direction. If you use flash for the music, you should use flash for everything, as it will handle better.
TheCameleon
85 posts
Joined September 2010
TheCameleon
Flash is the only way to get the playing time ;) If I could I wouldn't use it.



Edit : Now I'm working on the server part. It's the only way to get the music ;)
First, you will only have a limited choice of beatmaps ;) I'm still having issues, like that :
You are downloading too many maps at once. Lay off for a bit.
This is what appends when trying to get osz files :/

I'll work on JavaScript later. I'll focus on music (quite easy), then sliders (quite hard).
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
Your best bet is to write a crawler like Bagno's to slowly copy the beatmaps over to your own server. You'll want to think about re-encoding the mp3s to something super-low-quality for the web.

Or do it by hand for the time being. =P
peppy
19,374 posts
Here since the beginning
peppy
Crawling is bad m'kay?

Just select a few beatmaps and copy them locally to your server (manually). Don't even attempt to allow any map to be played until you have the game in a working state. We can discuss hosting at that point.
IppE
IppE

MetalMario201 wrote:

You'll want to think about re-encoding the mp3s to something super-low-quality for the web.
HE-AACv2, anyone? :D
TheCameleon
85 posts
Joined September 2010
TheCameleon
I'll download the latest beatmap (osz) through php once a day.
I will leave it as it on the server. And extract the mp3 on the server. I may extract osu files too.
That sounds good but it's just an idea. I still need to code it.
At the beginning I wont compress the mp3 file as one lonely mp3 isnt that big on a server. (but longer to load for the user) This might change later of course.

That part will be done quite soon as it's not very hard ;)
anonymous_old
0 posts
Here since the beginning
anonymous_old

peppy wrote:

Using flash is a bad direction. If you use flash for the music, you should use flash for everything, as it will handle better.
I've been trying to say this all along.

TheCameleon wrote:

Flash is the only way to get the playing time ;) If I could I wouldn't use it.
<audio> supports timing cues, IIRC, which may fit what you (think you) need.
TheCameleon
85 posts
Joined September 2010
TheCameleon

strager wrote:

peppy wrote:

Using flash is a bad direction. If you use flash for the music, you should use flash for everything, as it will handle better.
I've been trying to say this all along.

TheCameleon wrote:

Flash is the only way to get the playing time ;) If I could I wouldn't use it.
<audio> supports timing cues, IIRC, which may fit what you (think you) need.
The main problem is that right now firefox's <audio> doesn't read mp3 (only ogg - which isn't much used in beatmpaps). And firefox is one of the main <canvas>-able browser. That wouldn't be nice to make users use Chrome only for that. 

When firefox and the main browsers will be able to play mp3, <audio> will be usable. Btw, now most of the "games" (aka proof of concept) using <canvas> do use flash ;)
peppy
19,374 posts
Here since the beginning
peppy
So use ogg?
TheCameleon
85 posts
Joined September 2010
TheCameleon
Can't convert from mp3 to ogg with php :/
peppy
19,374 posts
Here since the beginning
peppy
Sure you can. Also, stop worrying about automatic conversion. Convert a single map and make the game work. Worry about conversion later.
TheCameleon
85 posts
Joined September 2010
TheCameleon
Conversion would use command line tools (and function such as exec() or system()), which aren't available on free servers.
I prefer to use flash and mp3 at the beginning ;)
peppy
19,374 posts
Here since the beginning
peppy
You're doing it wrong. You're supposed to listen to advice, not ignore it.

*stops following thread*
anonymous_old
0 posts
Here since the beginning
anonymous_old
How about you abstract it enough so you can replace it when needed and so people can stop discussion shit which doesn't matter because this won't be finished anyway?
TheCameleon
85 posts
Joined September 2010
TheCameleon
Well... Thanks a lot for your help !
I won't say anything about any future updates here.

Thanks, those who were interested in this project ;) I may DM you.
Zeugziumy
327 posts
Joined June 2010
Zeugziumy
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
320 posts
Joined November 2009
Neo Adonis

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
19,374 posts
Here since the beginning
peppy
I already mentioned how they can obtain free space for hosting without funding. Only noone listened.
Clemaister
59 posts
Joined December 2009
Topic Starter
Clemaister
It's understood. I'll try to deal that with TheCameleon.
TheCameleon
85 posts
Joined September 2010
TheCameleon

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.
peppy
19,374 posts
Here since the beginning
peppy

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

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
85 posts
Joined September 2010
TheCameleon

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)
IppE
IppE
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
38 posts
Joined July 2009
sp1ky
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
85 posts
Joined September 2010
TheCameleon
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) :)
anonymous_old
0 posts
Here since the beginning
anonymous_old
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
85 posts
Joined September 2010
TheCameleon

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 , edited 1 time in total.
TheCameleon
85 posts
Joined September 2010
TheCameleon
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)
IppE
IppE
both mp3 and ogg work in chrome.

Well at least in Chromium, no idea about chrome actually lol.
TheCameleon
85 posts
Joined September 2010
TheCameleon
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 !
Zeugziumy
327 posts
Joined June 2010
Zeugziumy

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
85 posts
Joined September 2010
TheCameleon

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) !
anonymous_old
0 posts
Here since the beginning
anonymous_old

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
327 posts
Joined June 2010
Zeugziumy

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 :D

Ubuntu is good (TheCameleon's Post)... I have here too...
Linux are good, but people preffer Windows >_>
Hyguys
1,272 posts
Joined May 2010
Hyguys
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
4,432 posts
Here since the beginning
LuigiHann

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
Ephemeral
Inland Empire
3,963 posts
Joined April 2009
Ephemeral
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
320 posts
Joined November 2009
Neo Adonis

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... :roll:

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
85 posts
Joined September 2010
TheCameleon
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.
Beldur
3 posts
Joined September 2010
Beldur
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
4,495 posts
Joined August 2008
mm201
Nice going, now I'm somehow tempted to rewrite SpriteManagers in Javascript/CSS3
Beldur
3 posts
Joined September 2010
Beldur
Can someone please tell me some of the game constants I asked for?

I need them to make my javascript osu more accurate :/
peppy
19,374 posts
Here since the beginning
peppy
Who is Beldur?
anonymous_old
0 posts
Here since the beginning
anonymous_old

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
85 posts
Joined September 2010
TheCameleon
He doesn't work with us on the project ;)
sp1ky
38 posts
Joined July 2009
sp1ky
https://gaming.mozillalabs.com/
TheCameleon
85 posts
Joined September 2010
TheCameleon

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)
TheCameleon
85 posts
Joined September 2010
TheCameleon
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/
anonymous_old
0 posts
Here since the beginning
anonymous_old
Progress?

I'm waiting for sound and for the program to not lag in Opera.
TheCameleon
85 posts
Joined September 2010
TheCameleon
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)
Beldur
3 posts
Joined September 2010
Beldur
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
85 posts
Joined September 2010
TheCameleon
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 ;)
IppE
IppE

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
85 posts
Joined September 2010
TheCameleon
I'll add a feature to change the refresh rate of the gamefield ;)
Now it's at 1refresh each 50ms (or less I forgot)
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
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
19,374 posts
Here since the beginning
peppy

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
4,495 posts
Joined August 2008
mm201

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? :P
Ephemeral
Inland Empire
3,963 posts
Joined April 2009
Ephemeral

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
85 posts
Joined September 2010
TheCameleon
Music is on @ http://osu-web.tk/
Hyguys
1,272 posts
Joined May 2010
Hyguys
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
85 posts
Joined September 2010
TheCameleon

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).
TheCameleon
85 posts
Joined September 2010
TheCameleon
Some improvements :
  1. Music (converted to .ogg by hand :/ )
  2. Score
  3. Progress (time until the end)
  4. Bigger HitObjects (based on Difficulty > CircleSize)
  5. Stops refreshing when the song is finished and displays a message
Coming soon / Not yet implemented / Missing
  1. Stats at the end of the game
  2. Pause / Resume
  3. Settings (refresh rate, mute, ...)
  4. Display meta-data (artist, version, ...)
  5. HPDrain
  6. Combo multiplier
  7. Spinner
  8. Slide on slider
(underlined => the hardest to develop)

Thanks @Beldur, I took some ideas from your code ;) (mainly for points calculation on HitCircles)
eMkay
136 posts
Joined November 2008
eMkay
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
51 posts
Joined February 2009
Layola_old

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
85 posts
Joined September 2010
TheCameleon

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.
TheCameleon
85 posts
Joined September 2010
TheCameleon
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 :/
Randy96
1,112 posts
Joined August 2009
Randy96
Looks pretty nice, are you working on sliders?
TheCameleon
85 posts
Joined September 2010
TheCameleon

Randy96 wrote:

Looks pretty nice, are you working on sliders?
It's on my checklist ;)
TheCameleon
85 posts
Joined September 2010
TheCameleon
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 !
TheCameleon
85 posts
Joined September 2010
TheCameleon
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)
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
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
770 posts
Joined December 2009
Guy-kun
Wow, this looks like its actually getting somehwere now, I'm starting to be impressed ^^
TheCameleon
85 posts
Joined September 2010
TheCameleon
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.
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201

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. :P 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
324 posts
Joined April 2008
adamskii_uk

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
19,374 posts
Here since the beginning
peppy

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
324 posts
Joined April 2008
adamskii_uk

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
85 posts
Joined September 2010
TheCameleon

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.
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
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
85 posts
Joined September 2010
TheCameleon

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 :)
TheCameleon
85 posts
Joined September 2010
TheCameleon
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
TheCameleon
85 posts
Joined September 2010
TheCameleon
Now works on iPhones (with music) and more browsers ;)
(it tries both .mp3 and .ogg)
Guy-kun
770 posts
Joined December 2009
Guy-kun
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
85 posts
Joined September 2010
TheCameleon
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 ;)
Galkan
Global Moderator
2,024 posts
Joined September 2009
Galkan
Status:

Opera: lagging
Firefox: lagging+autoresizing to window mode
IE: not even loading
TheCameleon
85 posts
Joined September 2010
TheCameleon
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 :/
TheCameleon
85 posts
Joined September 2010
TheCameleon
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)
Galkan
Global Moderator
2,024 posts
Joined September 2009
Galkan
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
85 posts
Joined September 2010
TheCameleon
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 ;)
Hyguys
1,272 posts
Joined May 2010
Hyguys

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
770 posts
Joined December 2009
Guy-kun
Runs perfect on chrome <:
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
Rofl, I just got an idea: render the slider tracks serverside! :D
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
199 posts
Joined March 2010
Lemon Water_old
I don't really likes this song <3
Ephemeral
Inland Empire
3,963 posts
Joined April 2009
Ephemeral
everything bar the sliders works perfectly fine in chrome, but freezes after 10-12s in firefox and opera
rust45
1,085 posts
Joined May 2009
rust45
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.
TheCameleon
85 posts
Joined September 2010
TheCameleon
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)
RandomJibberish
osu! Alumni
1,833 posts
Joined August 2009
RandomJibberish
The Beatles - Here Comes the Sun

have fun
adamskii_uk
324 posts
Joined April 2008
adamskii_uk

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.
show more
Please sign in to reply.

New reply

0
31 / 270