Learning & Resources

Table of Contents

  1. Where Should I Begin!?
  2. Getting Started
  3. Modus Operandi - Storyboard Tools
  4. How Do I Improve My Programming?
  5. Resources

Where Should I Begin!?

Gauging Yourself

"Gosh darn it. I have no idea where to start." This could be the thought running through your head (maybe with more expletives) when you're interested in storyboarding, but feel overwhelmed at where to begin. Hopefully, this little section can help steer you in the right direction.

A lot of the learning curve associated with storyboarding can come from your background and prior knowledge with programming. While you can create amazing storyboards without programming, such as using the Design Editor, programming helps accelerate development by generating art at more efficiency. Instead of you manually building the blocks of a pyramid, you can tell a computer to do it for you.

With that in mind, if you have no programming background, you should take begin at Getting Started, then refer to the Goals section as a mini-objectives list to improve yourself on.

If you already have a programming background, then we highly recommend using storybrew, which uses C#. You can also develop your own libraries in your favorite language as well, but storybrew offers advantages such as having a modular framework for storyboard effects, dynamic file updates, quick configurable parameters, and text sprite rendering. While developing your own library is often a good exercise, there are times where you don't need to reinvent the wheel.

Goals

Trying to improve your storyboard game, but not sure what to do? Here are goals to strive for, in a delicious three-course meal! Go through these, and you'll be ready to storyboard the world!

Just starting out? Let's begin with a delicious sampler appetizer.

  • Have your background transition between different images, like a slideshow! Even better if you're mapping from your favorite eroge, because you have a whole (well, hopefully) gallery to go off of!
  • Try to apply the basic commands such as Move, Fade, Scale, and Rotation to things like collab names!
  • Apply different types of easing to these existing sprites and images to see what effect they make. Remember, Shift+Ctrl+L is your best friend!

Scrumptious! But who stops after an appetizer? (Actually, I do sometimes when I feel frugal...) Bon appetit, for this entree feast!

  • Now that you know the basic commands, try using the more advanced ones, such as Color, Vector Scaling, and Parameters! The additive one is pretty awesome.
  • Once you do those, why not try out the loop command? It's an extremely efficient way of repeatedly executing a certain set of commands.
  • With all of these together, you can make some really cool particle effects. How about going for weather effects, or flying orbs, like a magic show?
  • You should have all the tools you need to make really cool lyrics for your beatmap. Why not try that out?

The best part about a dessert is that you can let your whimsical side take control and indulge yourself in sweet decadence. Why not take that approach in storyboarding too?

  • Try out creative usages of the scale vector and MoveX/MoveY commands! With the right easings, you could make certain orbitals come alive.
  • Transitions are just as important as the content. See if you can incorporate more elaborate ones, or take in cool vignette effects.
  • If you're using a programming tool like storybrew, now it's time to amp it up and see if your particles can conjure shapes. Incorporate trigonometry into your particles' movement patterns and see what happens!
  • Why not watch music videos, whether Western or NicoNicoDouga, and get some inspiration from there? You can also try learning generative art!

Getting Started

So, welcome to the world of storyboarding! Enjoy your stay.

You may have come here out of interest in creating your own weather effects like rain or snow, or you may have come here out of interest in creating your own bang-up particle effects… or you may have come here wondering how these wizards even do these things.

You’d be happy to know that you too can actually create these effects, with the freedom to conjure up your own magic as well! It’s best to first learn what commands are possible in storyboarding before diving into everything else.

In storyboarding, we put graphical objects known as sprites onto the beatmap’s background, and then we tell these sprites what to do from a variety of commands. No matter what medium we use to create our storyboards, all sprites revolve around these commands.

To begin, take a read about storyboard scripting commands here!

For a nice video tutorial, watch this video here!

Modus Operandi - Storyboard Tools

How Do I Improve My Programming?

While scripting and coding are technically different things, they do share a lot of similar aspects in mindset, critical thinking, and logic. This is often why the whole nature of storyboarding is often blurred with programming – with the power of programming, you can really unleash visual magic.

So there’s a few things you want to do in improving your programming: do you want to better learn the syntax and quirks of your current language, or do you want to improve your general programming principles and fundamentals?

Or maybe you don't even have any ideas. In that case, why not check out our showcase? Feel free to take a look at our existing best of the best storyboards on osu!, and approach with a thought of, "How does that work? Maybe I can put my own spin on it!". Why not?

Language Guides

Programming Fundamentals

Resources

Storyboarding Resources

Examples

Coming soon to a storyboard near you!