KittyAdventure wrote:

Storyboard adalah Gambar animasi yang ada di beberapa beatmap

Del05 wrote:

Storyboard adalah Background custom yang dibuat dari beberapa gambar yang dianimasikan

osu!wikia wrote:

Storyboard adalah latar belakang bergerak dalam beatmap berukuran 640x480 pixel, biasanya digunakan untuk dekorasi dan terkadang digunakan untuk tujuan dari permainan itu sendiri.

1. Pahamilah kode kode Movement, Scale, Fade, Rotation, dan Colour karena kelima isi storyboard tersebut akan digunakan dalam proses membuat storyboard
2. Siapkan gambar-gambar, bar (Spectrum), particle-particle, word (Lyrics), dan efek-efek lain yang akan dijadikan storyboard.
   Ingat, gambar-gambar yang akan dijadikan storyboard harus nyambung, sesuai dengan lagu, tidak mengandung unsur NSFW (setidaknya, harus SFW atau aman buat pemain)
3. Saat membuat SB, file-file harus ada di folder dan menggunakan nama dan format file yang benar-benar dipakai, Contohnya:
   

   Sprite,Background,Centre,"aw.jpg",320,240
   
   Keterangan: "aw.jpg" = nama file aw dan menggunakan format "jpg" (Tempatnya terdapat di folder awal karena tidak ada di folder lain)
   
   Sprite,Background,Centre,"SB\sb1.png",320,240
   
   Keterangan: Jika gambarnya ada di folder lain, tinggal tambahkan nama foldernya seperti di atas (SB + \ + sb1.png = SB\sb1.png)

4. Jika SBnya menggunakan BG ukuran 854x480 (untuk resolusi 1366x768), wajib mencentang "Widescreen Support"
5. Jika SBnya ada menggunakan efek flash (terkadang efek flash membuat mata sakit), wajib mencentang "Display epilepsy warning"

SPOILER

SPOILER

Arcubin wrote:

Haruto wrote:

there should be a basic SGL guide too here ww oiya, kalau ada yg ngerti coding kenapa ga link aja SGL dithread ini? jadi semua orang bisa tau

how to sgl :
1. siapkan ide anda
2. buka sgl
3. ketik code
4. code gak berhasil sesuai dugaan
5. nangis seharian

lol jokes

yang pengen sgl

<element>.move(ease,starttime,endtime,startingx,startingy,endingx,endingy) => M,ease,starttime,endtime,startingx,startingy,endingx,endingy
<element>.scale(ease,starttime,endtime,startingscale,endingscale) => S,ease,starttime,endtime,startingscale,endingscale
<element>.fade(ease,starttime,endtime,startingoppacity,endingoppacity) => F,ease,starttime,endtime,startingoppacity,endingoppacity
<element>.rotate(ease,starttime,endtime,startingangle,endingangle) => R,ease,starttime,endtime,startingangle,endingangle
<element>.color(ease,starttime,endtime,startingred,startinggreen,startingblue,endingred,endinggreen,endingblue) => S,ease,starttime,endtime,startingred,startinggreen,startingblue,endingred,endinggreen,endingblue

contoh SGL

function makeSnow(StartTime, y) {
    var snow = new Sprite("SB/dot.png");
    var scaleRandom = rand(15,100)/100.00;
    var fadeRandom = rand(40,100)/100.00;
    var ease = rand(0,2);
    var yrand = rand (-30,510);
    
    var EndTime = StartTime + 5000 + (2000*scaleRandom);
    var End = 97918;
    var beat = 666;
    snow.scale(StartTime,scaleRandom);
    snow.moveY(StartTime,EndTime,y,yrand);
    snow.moveX(ease,StartTime, EndTime, 760, -120);
    snow.additive(StartTime,StartTime);
    snow.fade(StartTime,fadeRandom);
    if (EndTime < End)
    {
        snow.fade(EndTime - beat, EndTime, fadeRandom, 0);
    } else {
        snow.fade(End, End+beat*4, fadeRandom,0);
    }
}

function randomYSnow(StartTime){
    var randomY = rand(-30,510);
    makeSnow(StartTime, randomY);
}

function createSnow(StartTime,n){
    for(var i=1; i<=n;i++ ){
        randomYSnow(StartTime + rand(-500,0));
    }
}

function snowStorm(time,n,count){
    for(var l=1; l<=count;l++ ){
        createSnow(time + (410*l),n);
    }
}

snowStorm(55252,5,90);

also tambahan aja (kalo mau nambahin)

Vector Scaling :
membesarkan/mengecilkan berdasarkan nilai x/y saja
code :

V,ease,starttime,endtime,startingscalex,startingscaley,endingscalex,endingscaley

contoh :

V,0,0,500,1,1.5,2,2

Vector Moving :
menggerakkan pada nilai x/y saja
code :

M(X/Y),ease,starttime,endtime,startingpoint,endingpoint

contoh :

MX,0,0,500,320,0

Additive blend :
memberi efek "blending" sebuah element
code :

P,ease,startime,endtime,A

contoh :

 P,0,0,500,A

Flip :
membalikkan element secara horizontal/vertikal
code :

P,ease,starttime,endtime,flip(H/V)

contoh :

P,0,0,500,H

Loop Method :
mengulang beberapa method sekaligus
code :

L,startime,timesloop
  <method>

contoh :

L,0,5
  M,0,0,100,320,240,0,0

tips: method dibawah loop menggunakan 2 kali space ( ), dan juga starttime dan endtime menggunakan Loop's startime sebagai offset 0

dan juga, untuk animation

1. buat element dengan gerakan frame yang diinginkan
2. masukkan ke folder
3. masukkan code dibawah kedalam .osb

Animation,layer,origin,"<elementpath>.<extension>",x,y,framecount,framevalue,looptype

4. dibawah definer itu, bisa dikasih method seperti sprite biasa

definer code

1. Animation : untuk mendefinisikan kalau ini kode animasi animasi
2. layer : Foreground, Background, Fail, Pass
3. origin : centre, top-left, top-right, dll
4. <elementpath> : tempat menyimpan seluruh frame animasi
5. <extension> : type file extensi
6. x : nilai x (default : 320)
7. y : nilai y (default : 240)
8. framecount : jumlah frame yang digunakan
9. framevalue : offset value per frame
10. looptype : LoopForever = animasi akan terus berulang dari frame awal hingga frame akhir, LoopOnce : animasi hanya berjalan satu kali

that being said, kalau ada pertanyaan tentang method yang gak jelas, cara mengurangi size OSB yang terlalu besar, bisa PM saya