* WalrusIRC

You need to have 5 posts and not be part of restricted usergroups in order to use the WalrusIRC embedded shoutbox. However, you can also access our IRC channel called #CodeWalrus via EFnet.

Author Topic: Vinyl Scratch osu! skin  (Read 3740 times)

0 Members and 1 Guest are viewing this topic.

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Vinyl Scratch osu! skin
« on: December 31, 2014, 12:05:20 pm »
Got bored of what existing osu! skins there are, so I figured I'd try my hand at making one and see how it goes. For those not aware, an osu! 'skin' allows you to customize the way the entire game looks pretty much. Almost every UI and game element is themeable. If you're not even sure what 'osu!' is, go HERE!

I decided to go with a skin based on Vinyl Scratch because I figure osu! is a rhythm game, so it makes sense to go with a music pony. I'm sure there's probably already some Vinyl skin out there, but I want to try and make my own regardless. I'm going for sort-of a neon glow look for the UI and text, but I'm trying not to go overboard with it, so I'm not making all the game elements glow or anything like that.

As I'm not exactly an artist, this thing includes many vectors shamelessly stolen borrowed from other artists. I'm also not exactly a designer, so if anything seems to go against basic rules of 'making things look good' lemme know!

Suggestions for improvements / ideas for how to skin different UI elements welcome. I'm especially trying to figure out what to do for the game modifier settings, because each one has it's own icon. (by mods I mean these).

Lots of screenshots, so spoilers ahoy so they don't eat the screen

Circles:
(click to show/hide)

Slider:
(click to show/hide)

Random combo burst:
(click to show/hide)

Spinner:
(click to show/hide)

Back button (rest of UI isn't themed yet)
(click to show/hide)

Section pass/fail
(click to show/hide)

(click to show/hide)
« Last Edit: December 31, 2014, 12:06:57 pm by unknownloner »



  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #1 on: December 31, 2014, 08:46:11 pm »
Ooh I love how this came out. Everything blends well together. :)
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Online Juju

  • aka Yuki Kagayaki aka J̵̭͕͇ù̞̭̝̯̦j̴̭̙̗͖͡ù͏͓̲̕
  • CodeWalrus Staff
  • Super User
  • Server Maintenance
  • Moderator
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Join Date: Nov 2014
  • Location: Inside a walrus
  • Posts: 2833
  • Post Rating Ratio: +18/-1
  • Couch potato
    • jul.savard
    • juju2143
    • @juju2143
    • juju2143
    • @julosoft
    • juju-kun
    • /u/juju2143
    • juju2143
    • View Profile
    • Juju's shed
  • Gender: Female
  • WalriiPoints: 99999
Re: Vinyl Scratch osu! skin
« Reply #2 on: December 31, 2014, 08:55:49 pm »
Yep, I agree. Nice Vinyl theme.
  • Calculators owned: TI-83+ (dead?), Casio Prizm (also dead???)
YUKI-CHAAAANNNN
In the beginning there was walrii. In the end there will be walrii. All hail our supreme leader :walrii: --Snektron

????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????:trollface:???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

Offline Keoni29

  • Full User
  • Join Date: Nov 2014
  • Location:
  • Posts: 284
  • Post Rating Ratio: +8/-0
    • View Profile
    • 8times8
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #3 on: December 31, 2014, 08:59:15 pm »
Havent played that game yet. Downloading now.
If you like my work, why not give me an internet?

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #4 on: January 01, 2015, 06:15:01 am »
Score/ranking screen seems to work! I figured the 'perfect combo' image would be a good place for the bass cannon to make an appearance. I'm considering going back and making the fill on the score numbers match the fill on the 'PERFECT', but I'm not sure. I might do it later to see how it looks but I'd rather work on other parts of the skin first.

  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #5 on: January 01, 2015, 07:27:38 am »
I like this too :D and seriously, everything fits so well together, with the ponies and colors. :D
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #6 on: January 01, 2015, 11:26:07 am »
Well, spent some time mapping a song I never finished mapping (still not done) so I could record myself playing the map with the skin :D.
<iframe width="640" height="385" src="//www.youtube.com/embed/mbM82lYkWRc?fs=1&start=" frameborder="0" allowfullscreen></iframe>

  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #7 on: January 02, 2015, 07:11:25 am »
Seriously, that game looks hard! O.O

But I like how the skin turned out, seriously. Is it possible to do more old school skins, by the way? (For example, having pixelated, NES style Mario graphics)

Also lol at when the white pony appeared. It did a Super Mario Bros Pause sound :P
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #8 on: January 02, 2015, 07:19:01 am »
That's the default 'section-pass' sound :P
And you can do pixelated, but I'm not sure how it'd look. The game would scale it up at certain points and you can't force it to use nearest-neighbor scaling so it might look a little fuzzy depending on your game resolution.

  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #9 on: January 02, 2015, 07:40:35 am »
Oh, too bad we can't use nearest neighbor. Forget about the idea, then. :P (I hate how Nintendo 64 emulators or web browsers blur scaled up 2D graphics sometimes).
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #10 on: January 02, 2015, 03:42:31 pm »
Also, perhaps this will make the game seem a little less intimidating :D
<iframe width="640" height="385" src="//www.youtube.com/embed/IwfF7MnPDhg?fs=1&start=" frameborder="0" allowfullscreen></iframe>

  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #11 on: January 02, 2015, 05:12:30 pm »
Hm that seems more reasonable for my reflexes, unless of course we need to use multiple keys. Definitively much easier than the other songs, though.

At Stepmania I can't even beat a song at lowest difficulty.
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Offline unknownloner

  • Full User
  • CW 4x3 challenge winner!
  • *
  • Join Date: Dec 2014
  • Location: Yesterday
  • Posts: 221
  • Post Rating Ratio: +1/-0
  • WHY CAN'T I CLICK ALL THESE CIRCLES?!
    • View Profile
    • Code Blog
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #12 on: January 02, 2015, 11:24:55 pm »
There's one action: 'click'
You can do that with Z, X, left mouse btn, or right mouse btn, but it doesn't matter because its the same action.
Most high rank players use just keyboard, but some will use mouse or keyboard by itself for most of the song, and then quickly alternate between the two for fast sections.

  
/)

Offline DJ Omnimaga

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Forum Maintenance
  • Original 5
  • CodeWalrus Supporter
  • *
  • Topic Management
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18238
  • Post Rating Ratio: +91/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • View Profile
    • DJ Omnimaga music store
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #13 on: January 03, 2015, 09:09:57 am »
Ah ok good. In Guitar Hero if you are not used to playing a real guitar it can take a while to get used to both hitting the strum bar and buttons simultaneously and in Dance Dance Revolution you got 4 arrows and when you have to react fast I can't imagine how hard it must be to play with a dance mat. O.O
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)
??? ??? ??? ???

Offline Streetwalrus

  • Professional slacker
  • CodeWalrus Staff
  • Super User
  • Server Maintenance
  • Original 5
  • Join Date: Nov 2014
  • Location: Israel
  • Posts: 2856
  • Post Rating Ratio: +20/-0
  • ƎW∀⅁ ƎH⊥
    • View Profile
  • Gender: Male
Re: Vinyl Scratch osu! skin
« Reply #14 on: January 06, 2015, 07:53:20 am »
Nice theme. I like the girl in the background too (no not the pony :P).
  • Calculators owned: TI-80, HP 40G, TI-84 Plus rev G (yay 128k RAM), TI-83 Plus Silver Edition (broken LCD), TI-82 Stats.fr (black), TI-Nspire CX rev C (yay Nlaunchy), TI-83+ SE ViewScreen



 


You can also use the following HTML or bulletin board code to share it on your page or forum signature!


Also do not forget to check our affiliates below.
Planet Casio TI-Planet Calc.news BroniesQC BosaikNet Velocity Games