Sounds interesting, I'll be willing to help if you need anything.
forum
osu! in JavaScript & HTML5
posted
Total Posts
270
ITT people who don't understand one problem.
It is currently impossible to stream audio (without Flash) (1) with reliable offsets (using <audio>/<embed>/etc.) or (2) with a small buffer size (using Mozilla's API).
Currently, Flash is just a much better tool for this job.
But good luck.
It is currently impossible to stream audio (without Flash) (1) with reliable offsets (using <audio>/<embed>/etc.) or (2) with a small buffer size (using Mozilla's API).
Currently, Flash is just a much better tool for this job.
A C# XNA game structure will probably not fit with a JavaScript game structure. JavaScript and C# are fundamentally different languages and deserve very different program models. But I won't bother getting into that. If you can't provide a prototype, there's no point in you even seeing the source code to osu!. And honestly, I doubt you can get a prototype running.Clemaister wrote:
Of course, it'll be easier and faster if we had the source of osu! to have an idea more clear of structuring the program, but we know that a source is not a thing easy to give so...
But good luck.
I could only see the small fragments dealing with timings, scoring, etc. being relevant.
4
WebGL seems like a better tool for the job than raster drawing to a canvas.
If you think this is going to be a good choice for low-spec machines, think again.
4
WebGL seems like a better tool for the job than raster drawing to a canvas.
If you think this is going to be a good choice for low-spec machines, think again.
Topic Starter
It is currently impossible to stream audio (without Flash) (1) with reliable offsets (using <audio>/<embed>/etc.) or (2) with a small buffer size (using Mozilla's API).But Javascript could call a flash containing the audio.
I can't say I've tried myself, but audio sync seems relatively possible based on http://www.thewildernessdowntown.com/
Yes; audio cues could work. That still doesn't let you sync hit sounds, though; they'll sound 100ms off, which would be horrible for streams.peppy wrote:
I can't say I've tried myself, but audio sync seems relatively possible based on http://www.thewildernessdowntown.com/
Topic Starter
Please check Balldroppings, you'll see that's possible.strager wrote:
Yes; audio cues could work. That still doesn't let you sync hit sounds, though; they'll sound 100ms off, which would be horrible for streams.peppy wrote:
I can't say I've tried myself, but audio sync seems relatively possible based on http://www.thewildernessdowntown.com/
mekadon_old
This, andMetalMario201 wrote:
If you think this is going to be a good choice for low-spec machines, think again.
It might be possible to change the offsets of the music and the hitsounds amirite?strager wrote:
Yes; audio cues could work. That still doesn't let you sync hit sounds, though; they'll sound 100ms off, which would be horrible for streams.
Topic Starter
Yeah I think it's possible, anyway it'll be ok for that.
That uses Flash.Clemaister wrote:
Please check Balldroppings, you'll see that's possible.
Yes it doesstrager wrote:
That uses Flash.Clemaister wrote:
Please check Balldroppings, you'll see that's possible.
Now, I can post on this forum, as Clemaister played a few beatmpa for me so as to "unlock" the forum
I think you can now have a look ther > http://osu.pictuga.tk/
Now it's kindda powerful !
What works right now?
HitCircles
CircleApproach
Combos (color + number)
Clic on HitCircles
What doesn't work ?
Music (that sucks I know)
Sliders
Spinners
Everything else lol
The link for more informations > http://www.pictuga.tk/fiche-311.html
What made you choose JS/canvas over AS3/Flash?
The wish to make something clean, cross-platform, lightweight, use new (open) standards...
And to show that flash isn't always required (except for music)
Btw the code will be open source (GPL3), server side included
And to show that flash isn't always required (except for music)
Btw the code will be open source (GPL3), server side included
I've seen your work, and for a week, I think it's good.
You've done it well at reading .osz files! I've compared with the song, and your work at translating data is excellent! Tip: if you're downloading constantly the latest file, don't do it. You'll be wasting bandwidth. Else, download and upload to your server the file, let's say, every day or week. Just in case...
About the hit circles, why don't you try to use the sprites instead of circle drawing? The same with numbers. I'll search how to make color blend in canvas. If it's not possible, I'll say you. Or, if you can make it server-side, try coloring sprites using plugins (GD or ImageMagick if you're using PHP) and return the colored sprites.
Now only I can add the following: keep it up!
You've done it well at reading .osz files! I've compared with the song, and your work at translating data is excellent! Tip: if you're downloading constantly the latest file, don't do it. You'll be wasting bandwidth. Else, download and upload to your server the file, let's say, every day or week. Just in case...
About the hit circles, why don't you try to use the sprites instead of circle drawing? The same with numbers. I'll search how to make color blend in canvas. If it's not possible, I'll say you. Or, if you can make it server-side, try coloring sprites using plugins (GD or ImageMagick if you're using PHP) and return the colored sprites.
Now only I can add the following: keep it up!
Neo Adonis wrote:
I've seen your work, and for a week, I think it's good.
Right now the latest osu file is downloaded each time (from the "Grab the latest osu" link on osu website). I already coded the part which reads osz files, but it's not in use right now. The problem is that our server is free and is very limited. Thus we can't leave files over 2-4Mb on the server. And osz files are often bigger (mp3 storyboard).Neo Adonis wrote:
You've done it well at reading .osz files! I've compared with the song, and your work at translating data is excellent! Tip: if you're downloading constantly the latest file, don't do it. You'll be wasting bandwidth. Else, download and upload to your server the file, let's say, every day or week. Just in case...
We already thought to put in place a cache system.
Therefor we will have to change to anothdr free server (I know a better one but it is often down).
Drawing circles is much faster than using imagesNeo Adonis wrote:
About the hit circles, why don't you try to use the sprites instead of circle drawing? The same with numbers. I'll search how to make color blend in canvas. If it's not possible, I'll say you. Or, if you can make it server-side, try coloring sprites using plugins (GD or ImageMagick if you're using PHP) and return the colored sprites.
And it's lightweight. For this kind of "secondary" problems, we will see later. Right now we have bigger problems (no sliders, no music, no use of dificulty parameters...)
Neo Adonis wrote:
Now only I can add the following: keep it up!
Your scaling is off; you aren't enforcing aspect ratio at all. Seems like a good start, I guess.
Fo now, we just use the full screen size
We changed to another (free) server. We now are using legtux.org's services. We no longer have that stupid file size limit This will help a lot.
In the meanwhile, we took a real domain name, quicker to remember.
http://www.osu-web.tk/
We changed to another (free) server. We now are using legtux.org's services. We no longer have that stupid file size limit
This will help a lot.In the meanwhile, we took a real domain name, quicker to remember.
http://www.osu-web.tk/
Wow cool project...
I hope you get a nice work there...
And I hope there is taiko T-T
It could have flash for chat, at the Right >>>, like Kongregate
I hope you get a nice work there...
And I hope there is taiko T-T
It could have flash for chat, at the Right >>>, like Kongregate
And i'm saying it's therefore horribly wrong.TheCameleon wrote:
Fo now, we just use the full screen size
There's much things missing.
the song.
sliders.
spinners.
and much more.
and more beatmaps.
but good job!
sry for my bad english.
the song.
sliders.
spinners.
and much more.
and more beatmaps.
but good job!
sry for my bad english.
You need to enforce the aspect ratio or it breaks spacing and patterns. All the squares in the map turn into fat rectangles lol
I also reccomend you make the circle sizes proportionate.
I also reccomend you make the circle sizes proportionate.
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
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
Using flash is a bad direction. If you use flash for the music, you should use flash for everything, as it will handle better.
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 :
I'll work on JavaScript later. I'll focus on music (quite easy), then sliders (quite hard).
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).
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
Or do it by hand for the time being. =P
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.
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
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
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
I've been trying to say this all along.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.
<audio> supports timing cues, IIRC, which may fit what you (think you) need.TheCameleon wrote:
Flash is the only way to get the playing time ;) If I could I wouldn't use it.
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.strager wrote:
I've been trying to say this all along.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.<audio> supports timing cues, IIRC, which may fit what you (think you) need.TheCameleon wrote:
Flash is the only way to get the playing time
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
So use ogg?
Can't convert from mp3 to ogg with php :/
Sure you can. Also, stop worrying about automatic conversion. Convert a single map and make the game work. Worry about conversion later.
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
I prefer to use flash and mp3 at the beginning
You're doing it wrong. You're supposed to listen to advice, not ignore it.
*stops following thread*
*stops following thread*
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?
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.
I won't say anything about any future updates here.
Thanks, those who were interested in this project
I may DM you.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
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
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.TheCameleon wrote:
Conversion would use command line tools (and function such as exec() or system()), which aren't available on free servers.)
I already mentioned how they can obtain free space for hosting without funding. Only noone listened.
Topic Starter
It's understood. I'll try to deal that with TheCameleon.
We no longer have disk space problempeppy wrote:
I already mentioned how they can obtain free space for hosting without funding. Only noone listened.
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.You're missing the point and this thread is going nowhere.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".
IppE
You are damn right !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
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
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...
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...
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.
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) :)
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) :)
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.
But seriously.
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 !strager wrote:
Just get the game engine working before worrying about useless details.
I found "some" beatmaps with ogg music files :)
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)
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
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 !
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!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)
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?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!
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) !
It's a licensing issue, not a closed source / open source issue.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)
...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:strager wrote:
It's a licensing issue, not a closed source / open source issue.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)...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
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 >_>
looks better , but it need music to others browsers
and more design on skin , to make the skin look like the default osu skin.
and more design on skin , to make the skin look like the default osu skin.
get one beatmap to work before you worry about getting a whole automated server backend running, is the pointTheCameleon wrote:
If server side is a "useless detail", we will have fun playing.... without beatmaps !strager wrote:
Just get the game engine working before worrying about useless details.
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
worry about all of that when you've actually got audio playing, sliders working, spinners.. etc etc
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...strager wrote:
It's a licensing issue, not a closed source / open source issue.
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.)
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.
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.
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?
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?
Nice going, now I'm somehow tempted to rewrite SpriteManagers in Javascript/CSS3
Can someone please tell me some of the game constants I asked for?
I need them to make my javascript osu more accurate :/
I need them to make my javascript osu more accurate :/
Who is Beldur?
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!.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 :/
He doesn't work with us on the project ;)
:) 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...sp1ky wrote:
https://gaming.mozillalabs.com/
But I would be glad to be part of the contest (even if I think I won't win lol)
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/
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/
Progress?
I'm waiting for sound and for the program to not lag in Opera.
I'm waiting for sound and for the program to not lag in Opera.
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)
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)
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
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
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 ;)
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
I'll add a feature to change the refresh rate of the gamefield ;)
Now it's at 1refresh each 50ms (or less I forgot)
Now it's at 1refresh each 50ms (or less I forgot)
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.
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.
On the other hand this one is feeling pretty good. Doesn't work on safari, but does on opera mind you.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
Oh there's supposed to be graphics there?peppy wrote:
On the other hand this one is feeling pretty good. Doesn't work on safari, but does on opera mind you.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!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
Works like a treat in Chrome aside from some video desyncing and some pauses here and there.
Music is on @ http://osu-web.tk/
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?
but it does not work on iphone / ipod? that was the goal, right?
anyway, an irc client there could be a good idea, 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:
but it does not work on iphone / ipod? that was the goal, right?
Yes, it's a good ideaHyguys wrote:
anyway, an irc client there could be a good idea, right?
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).
Some improvements :
Thanks @Beldur, I took some ideas from your code ;) (mainly for points calculation on HitCircles)
- 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
- 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
Thanks @Beldur, I took some ideas from your code ;) (mainly for points calculation on HitCircles)
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
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
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?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.
Holidays = more time to develop :PLayola wrote:
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?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.
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.
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 :/
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 :/
Looks pretty nice, are you working on sliders?
It's on my checklist ;)Randy96 wrote:
Looks pretty nice, are you working on sliders?
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 !
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 !
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)
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.
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.
Wow, this looks like its actually getting somehwere now, I'm starting to be impressed ^^
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.
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.
peppy tried something like this in 2007. It wasn't pretty.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)
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
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.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.
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.