ポスト #1 · 2015-08-28 11:53:21pmにポスト 8.8年前
Not too sure how useful this will be here (I believe most of you know something about this topic at least.) but, you never know... Anyway, directly from my original post on another forum...
So, a while ago, I made a post on facebook about general Spritesheets/Guidelines for noteskins. (SM5) I thought I'd make a post about it as well. Let's start by showing you the following images...
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%204x8%20%28doubleres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%208x8%20%28doubleres%29.png
The yellow box area is where you should draw your image/sprite/arrow. You can only go 1 pixel outside this box though. Keep that in mind. However, I don't recommend that you do for symmetrical/spacing sake. Keep the sprite/arrow centered in the area. You can use the green/light blue lines as a guide. They are centered on the frame.
You may be wondering why is there multiple frames/boxes. This is for timing and animation. Each file is named differently for a reason. The first one is 1x8. The second is 4x8. The last one is 8x8. Vertically, is the note timing. (top to bottom.) The order is: 4th, 8th, 12th, 16th, 24th, 32nd, 48th, and 64th. (There is also 192nd but, I think that's automatically drawn or uses the last one.) Left to Right is the animation. The 1x8 does not require animation. The 4x8 has 4 frames of animation. the 8x8 has 8 frames of animation. Basically, the idea is this: (Note Timing x Animation Length) If you need more/less frames, you can alter the file as needed and change the *x* filename.
Note: These are for double resolution and SM5. If you want SM 3.95, you need the frames to be 64x64 pixels. Double Resolution uses 128x128 pixels.
Edit: For the low resolution/SM 3.95 users; I made these. Your welcome.
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28lowres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%204x8%20%28lowres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%208x8%20%28lowres%29.png
Edit: Here is an example with the doubleres noteskin. You will notice I went out the yellow box. This is fine as long as it's only 1 pixel outside it.
https://dl.dropboxusercontent.com/u/105712481/example%201x8%20%28doubleres%29.png
Edit: Kyzentun wrote:
Edit: Jousway wrote:
~ SpoOkyMagician
So, a while ago, I made a post on facebook about general Spritesheets/Guidelines for noteskins. (SM5) I thought I'd make a post about it as well. Let's start by showing you the following images...
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%204x8%20%28doubleres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%208x8%20%28doubleres%29.png
The yellow box area is where you should draw your image/sprite/arrow. You can only go 1 pixel outside this box though. Keep that in mind. However, I don't recommend that you do for symmetrical/spacing sake. Keep the sprite/arrow centered in the area. You can use the green/light blue lines as a guide. They are centered on the frame.
You may be wondering why is there multiple frames/boxes. This is for timing and animation. Each file is named differently for a reason. The first one is 1x8. The second is 4x8. The last one is 8x8. Vertically, is the note timing. (top to bottom.) The order is: 4th, 8th, 12th, 16th, 24th, 32nd, 48th, and 64th. (There is also 192nd but, I think that's automatically drawn or uses the last one.) Left to Right is the animation. The 1x8 does not require animation. The 4x8 has 4 frames of animation. the 8x8 has 8 frames of animation. Basically, the idea is this: (Note Timing x Animation Length) If you need more/less frames, you can alter the file as needed and change the *x* filename.
Note: These are for double resolution and SM5. If you want SM 3.95, you need the frames to be 64x64 pixels. Double Resolution uses 128x128 pixels.
Edit: For the low resolution/SM 3.95 users; I made these. Your welcome.
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28lowres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%204x8%20%28lowres%29.png
https://dl.dropboxusercontent.com/u/105712481/noteskin%208x8%20%28lowres%29.png
Edit: Here is an example with the doubleres noteskin. You will notice I went out the yellow box. This is fine as long as it's only 1 pixel outside it.
https://dl.dropboxusercontent.com/u/105712481/example%201x8%20%28doubleres%29.png
Edit: Kyzentun wrote:
Quote
If your sprite isn't doubleres and you're playing at a large resolution like 1920x1200, then going outside the yellow box will make crap appear on the adjacent frame. You need to leave a 1 pixel border of blank pixels around each frame of a sprite.
If you can't see the crap, just change it to something obvious, like neon pink, or hold shift when taking a screenshot and look closely.
This is true for notes and for normal sprites made with Def.Sprite. Just load the sprite sheet in a test sprite and you'll see it.
If you can't see the crap, just change it to something obvious, like neon pink, or hold shift when taking a screenshot and look closely.
This is true for notes and for normal sprites made with Def.Sprite. Just load the sprite sheet in a test sprite and you'll see it.
Edit: Jousway wrote:
Quote
I never understood why doubleres got added cuz you can already do doubleres and even quadres or w/e res on images using (res 64x64) for example, like I take your first image the
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
and I want to use it as doubleres in 3.9 or w/e other version that doesnt have the "doubleres for dummies tag"
I just call it
noteskin 1x8 (res 64x512).png
TADA double ress in 3.9. 3.95, itg, w/e your game is
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
and I want to use it as doubleres in 3.9 or w/e other version that doesnt have the "doubleres for dummies tag"
I just call it
noteskin 1x8 (res 64x512).png
TADA double ress in 3.9. 3.95, itg, w/e your game is
~ SpoOkyMagician
ポスト #2 · 2015-08-29 03:59:45amにポスト 8.8年前
Kyzentun | |
---|---|
Member | |
3,209 ポスト | |
Reg. 2008-02-20 | |
"I'm honestly pissed off." |
If your sprite isn't doubleres and you're playing at a large resolution like 1920x1200, then going outside the yellow box will make crap appear on the adjacent frame. You need to leave a 1 pixel border of blank pixels around each frame of a sprite.
If you can't see the crap, just change it to something obvious, like neon pink, or hold shift when taking a screenshot and look closely.
This is true for notes and for normal sprites made with Def.Sprite. Just load the sprite sheet in a test sprite and you'll see it.
If you can't see the crap, just change it to something obvious, like neon pink, or hold shift when taking a screenshot and look closely.
This is true for notes and for normal sprites made with Def.Sprite. Just load the sprite sheet in a test sprite and you'll see it.
ポスト #3 · 2015-08-30 03:50:35amにポスト 8.7年前
spookymagician | |
---|---|
Member | |
33 ポスト | |
Reg. 2012-02-26 | |
"Doing Stuff..." |
Oh really? Well, I only have 1600x900 and use doubleres but, thanks for letting me know about that.
~ SpoOkyMagician
~ SpoOkyMagician
ポスト #4 · 2015-09-02 02:09:24pmにポスト 8.7年前
Jousway | |
---|---|
Member | |
137 ポスト | |
Reg. 2011-07-12 | |
"Noteskins !== Quality " |
I never understood why doubleres got added cuz you can already do doubleres and even quadres or w/e res on images using (res 64x64) for example, like I take your first image the
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
and I want to use it as doubleres in 3.9 or w/e other version that doesnt have the "doubleres for dummies tag"
I just call it
noteskin 1x8 (res 64x512).png
TADA double ress in 3.9. 3.95, itg, w/e your game is
https://dl.dropboxusercontent.com/u/105712481/noteskin%201x8%20%28doubleres%29.png
and I want to use it as doubleres in 3.9 or w/e other version that doesnt have the "doubleres for dummies tag"
I just call it
noteskin 1x8 (res 64x512).png
TADA double ress in 3.9. 3.95, itg, w/e your game is
ポスト #5 · 2015-09-02 09:03:01pmにポスト 8.7年前
Oh right; I should of mentioned the (res *x*) thing. Thanks for reminding me.
Edit: Screw it. I'm lazy. Quoted.
~ SpoOkyMagician
Edit: Screw it. I'm lazy. Quoted.
~ SpoOkyMagician