Guest
home
beatmaps
rankings
community
store
help
forum
  1. Forums
  2. Beatmaps
  3. Mapping Discussion
  4. Storyboarding

Storyboard question

posted
Total Posts
6
_orange
440 posts
Joined September 2015
Topic Starter
_orange
Hi, I've been playing around with storyboarding for the past few days and I was seeing on other storyboards circles that show up and fade where ever a slider/circle hits

Examples: https://puu.sh/st4Ku/22d6531122.jpg
https://puu.sh/ssyC9/dd6efa58fc.jpg

I want to make them on a storyboard myself and don't know how to do it
I can't seem to find any code for it either :/
Can anyone help with this?
arviejhay
1,414 posts
Joined August 2009
arviejhay
I think this will work. . .

Code for rings
function ringspam (start,x,y){
	var ring = new Sprite("SB\ring.png",Foreground,Centre);
	var end =  (((start + 1) * ((60000.0/172.0)*4.0)+33)) ;
	start = ((start*((60000.0/172.0)*4.0))+33);
	ring.additive(start, end);
		ring.scale(start,start+1000,0.7,1.1);
		ring.fade(start,start+25,0,1);
		ring.fade(start+200,start+800,1,0);
		ring.move(start,end,x+64,y+56,x+64,y+56);
		}
ringspam (53, 236, 97);
ringspam (54, 362, 179);
ringspam (55, 109, 197);

Code for highlights
function hl (start,x,y){
	var hl = new Sprite("SB\hl.png",Foreground,Centre);
	start = (73637+(start*87));
	hl.move(start,x+64,y+56);
	hl.scale(start,1.2);
	hl.additive(start,start+1000);
	hl.fade(start,start+1000,0.5,0);
	hl.color(start,start+1000,0,255,255,255,255,100);
}

hl (0,127,147);
hl (1,142,116);
hl (2,169,95);
hl (3,203,88);
hl (4,236,97);

The code is not mine, i forgot who made it tho. .
_orange
440 posts
Joined September 2015
Topic Starter
_orange
Thanks for replying but, umm where do I put the code? :/
This might be a dumb question but I'm very new to storyboarding
Starrodkirby86
osu! Alumni
3,739 posts
Here since the beginning
Starrodkirby86
It's not a dumb question at all. When you're just met with code and you're not sure what the heck it stands for or what it's for, I'd be sure confused too. :P

So the first snippet of code here is for generating a series of rings for your .osb, and are intended for be used inside the program osu-SGL, an editor that uses a custom language to make generating OSB sprites and motions a lot easier.

This part of the code:
ringspam (53, 236, 97);
ringspam (54, 362, 179);
ringspam (55, 109, 197);

is when you call the ring spamming --- which the first number stands for the start time, the second number is the X coordinate, and the third number is the Y coordinate. 

    var end =  (((start + 1) * ((60000.0/172.0)*4.0)+33)) ;

This line here changes the end time relative to the start time that you specified earlier.

The highlight function works similarly.

But I honestly recommend you to first learn osu-SGL (read the wiki in the link I shared earlier) before you look into the code to try editing it. You can start to mess and tinker around, but you need to be able to understand what each line is trying to do or say, so you can have the knowledge and foresight to be able to edit it yourself to satisfy YOUR needs.
_orange
440 posts
Joined September 2015
Topic Starter
_orange
Thanks so much! Guess I'm gonna have to learn more about this :P

I wish there were more tutorials on this program though, I can't seem to find a lot of guides on this :(
Starrodkirby86
osu! Alumni
3,739 posts
Here since the beginning
Starrodkirby86
There sadly aren't many accessible guides and stuff. We as storyboarders do hope that we can make more introductory guides to not only introduce more people to storyboarding, but also to programming and just making cool art with it.

If you do have any questions, we do have a Discord server dedicated for storyboarders that you can join. Feel free to come by!
Please sign in to reply.

New reply

0
1 / 6