• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 01:14
CET 07:14
KST 15:14
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
RSL Season 3 - Playoffs Preview0RSL Season 3 - RO16 Groups C & D Preview0RSL Season 3 - RO16 Groups A & B Preview2TL.net Map Contest #21: Winners12Intel X Team Liquid Seoul event: Showmatches and Meet the Pros10
Community News
[BSL21] Ro.16 Group Stage (C->B->A->D)1Weekly Cups (Nov 17-23): Solar, MaxPax, Clem win2RSL Season 3: RO16 results & RO8 bracket13Weekly Cups (Nov 10-16): Reynor, Solar lead Zerg surge2[TLMC] Fall/Winter 2025 Ladder Map Rotation14
StarCraft 2
General
When will we find out if there are more tournament Weekly Cups (Nov 17-23): Solar, MaxPax, Clem win SC: Evo Complete - Ranked Ladder OPEN ALPHA Weekly Cups (Nov 10-16): Reynor, Solar lead Zerg surge RSL Season 3: RO16 results & RO8 bracket
Tourneys
Tenacious Turtle Tussle RSL Revival: Season 3 $5,000+ WardiTV 2025 Championship StarCraft Evolution League (SC Evo Biweekly) Constellation Cup - Main Event - Stellar Fest
Strategy
Ride the Waves in Surf City: Why Surfing Lessons H
Custom Maps
Map Editor closed ?
External Content
Mutation # 501 Price of Progress Mutation # 500 Fright night Mutation # 499 Chilling Adaptation Mutation # 498 Wheel of Misfortune|Cradle of Death
Brood War
General
Which season is the best in ASL? FlaSh on: Biggest Problem With SnOw's Playstyle soO on: FanTaSy's Potential Return to StarCraft Data analysis on 70 million replays 2v2 maps which are SC2 style with teams together?
Tourneys
[BSL21] RO16 Tie Breaker - Group B - Sun 21:00 CET [BSL21] GosuLeague T1 Ro16 - Tue & Thu 22:00 CET [Megathread] Daily Proleagues [BSL21] RO16 Tie Breaker - Group A - Sat 21:00 CET
Strategy
Game Theory for Starcraft How to stay on top of macro? Current Meta PvZ map balance
Other Games
General Games
Stormgate/Frost Giant Megathread Should offensive tower rushing be viable in RTS games? Nintendo Switch Thread Path of Exile Clair Obscur - Expedition 33
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Deck construction bug Heroes of StarCraft mini-set
TL Mafia
Mafia Game Mode Feedback/Ideas
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread Things Aren’t Peaceful in Palestine YouTube Thread Artificial Intelligence Thread
Fan Clubs
White-Ra Fan Club The herO Fan Club!
Media & Entertainment
[Manga] One Piece Movie Discussion! Anime Discussion Thread
Sports
2024 - 2026 Football Thread Formula 1 Discussion NBA General Discussion MLB/Baseball 2023 TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
The Health Impact of Joining…
TrAiDoS
Dyadica Evangelium — Chapt…
Hildegard
Saturation point
Uldridge
DnB/metal remix FFO Mick Go…
ImbaTosS
Customize Sidebar...

Website Feedback

Closed Threads



Active: 2333 users

Student Game Dev Part 18 - Layers and music

Blogs > Soan
Post a Reply
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
March 28 2014 01:01 GMT
#1
+ Show Spoiler [Previous parts] +
Part One - It begins
Part Two - Technical Foundation
Part Three - Game Design
Part Four - Input and Physics
Part Five - More Physics Things
Part Six - Even More Physics
Part Seven - User Interface
Part Eight - UI and the Editor
Part Nine - Editor Progress
Part Ten - Progress, and videos
Part Eleven - Fixing the Physics
Part Twelve - Unproductive
Part Thirteen - Context menu + enemies
Part Fourteen - Enemies and Problems
Part Fifteen - Play testing
Part Sixteen - Editor and Art
Part Seventeen - Video!


This Week
Hello again TeamLiquid! Welcome back to my blog about the development of The Adventures of Sam the Pirate, the 2D platformer I'm creating as the final game project for my Bachelor of Software Engineering degree. Last week</a> I talked about getting moving platforms to work properly, and had a new video. This week I'll be talking about getting some parallax scrolling working, and talking a bit about music for the game.

Background layers
Got a base for background layers, behind the level, working this week. Should help to make levels a bit more visually interesting, I just need some actual art pieces to populate the backgrounds, instead of my terrible programmer art. These background objects can be a static image, or an animated sprite, completely stationary independently moving left or right. So for example there could be a layer consisting of distant clouds, a layer in front of that with some hills, and then another layer in front of that consisting of more closer clouds.

The background items are positioned in an area the same size as the level, so at the moment they scroll past at the same speed as objects in the level. This means that anything which is meant to be in the distance and so scroll past slower, don't do that, so it's not correct parallax scrolling just yet. This would definitely throw off the illusion for anything meant to be in the distance, as they won't be moving at the same speed, but I'm not too sure I have time to try and fix this just yet.

To fix it, and implement proper parallax scrolling, I need to make background layers scroll past at different speeds, rather than at the same speed. One method I've been thinking of, is to change the scale of the layer. At the moment, the scale is the same as the size of the level, so if the level is 10,000 x 2,000 pixels, the layer is the same. I could shrink that size for layers that are further away, and then scroll appropriately. Maybe I could achieve this effect by doing some hacky maths with the positions of objects and the camera position.

Not really sure, but I'm leaving it as is for now, as I only have 7 weeks left so I'm moving on to other elements that still need implementing. Might have a little look at it today, and otherwise come back to it later if I have time.

Music
Had someone offer to create music and sound via the games Facebook page during the week as well, which is great! He's already created a couple of sample tracks, and you can listen to a potential theme for the ship/beach levels below:

Oops, looks like your browser doesn't support the audio tag yet. You can download the file manually: http://swashbucklinstudios.com/wp-content/uploads/2014/03/Ship-Theme.mp3

It definitely has the catchiness that I'm looking for in game music to have, so we'll have to see what else he comes up with. If you're interested, he has a website over at Eternal Vibration that you can check out.

What's next?
Next week I'll be adding water to the editor, and get it functioning in game, so that the player dies if they fall into it, as Sam is a terrible pirate who can't swim. I'll potentially be looking at adding coins, along with score tracking and display. Depending on how things go over the next few weeks, I'm thinking of putting a 10 level demo version up for download too. No promises on that though!

Keep up to date!
Be sure to follow me on Twitter, and like the Facebook page to stay up to date on future content and blog posts when they happen. If you have any questions don't hesitate to ask, either through Twitter or Facebook! You can also check out the blog, previous posts, screenshots and videos over at my site.

EatThePath
Profile Blog Joined September 2009
United States3943 Posts
March 28 2014 08:04 GMT
#2
Are your backgrounds supposed to tessellate? Just have them scroll at a speed that scales with a "how far in the distance" parameter, which goes from 1 to infinity and just multiplies as 1/x. So the foreground has a parameter of 1 and something in the middle distance is 2 or 3 and something far away is 10, so it goes by at 1/10th the speed.

I haven't read your other blogs but I'll check it out to see if I can give a more appropriate explanation based on your engine.



That music is ballin.
Comprehensive strategic intention: DNE
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
March 28 2014 23:13 GMT
#3
I think I figured it out. I'm just using a scale between 0 and 1, and multiplying the cameras position (which changes which part of the level is being viewed, and causes the scrolling effect of the level), by that. So 0 is a static background, at a far distance, closing in to 1 being the level itself.
EatThePath
Profile Blog Joined September 2009
United States3943 Posts
March 29 2014 02:07 GMT
#4
That makes sense. ^^
Comprehensive strategic intention: DNE
Please log in or register to reply.
Live Events Refresh
PiGosaur Cup
01:00
#59
SteadfastSC138
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
SteadfastSC 138
SortOf 80
StarCraft: Brood War
Larva 1101
Sharp 126
Snow 107
Noble 33
Icarus 8
Soulkey 1
BeSt 0
Dota 2
monkeys_forever542
League of Legends
JimRising 675
Counter-Strike
C9.Mang0289
Other Games
summit1g8130
WinterStarcraft395
ViBE151
Trikslyr22
Organizations
Other Games
gamesdonequick746
Dota 2
PGL Dota 2 - Main Stream307
StarCraft: Brood War
UltimateBattle 118
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 18 non-featured ]
StarCraft 2
• LaughNgamezSOOP
• sooper7s
• AfreecaTV YouTube
• intothetv
• Migwel
• Kozan
• IndyKCrew
StarCraft: Brood War
• Azhi_Dahaki29
• RayReign 11
• ZZZeroYoutube
• STPLYoutube
• BSLYoutube
Dota 2
• lizZardDota238
League of Legends
• Rush1444
• Lourlo1190
• Stunt346
• HappyZerGling122
Other Games
• Scarra1802
Upcoming Events
Replay Cast
2h 46m
Wardi Open
5h 46m
OSC
6h 46m
Tenacious Turtle Tussle
17h 46m
The PondCast
1d 3h
Replay Cast
1d 16h
OSC
2 days
LAN Event
2 days
Replay Cast
2 days
Replay Cast
3 days
[ Show More ]
WardiTV Korean Royale
3 days
Sparkling Tuna Cup
4 days
WardiTV Korean Royale
4 days
Replay Cast
4 days
Wardi Open
5 days
Monday Night Weeklies
5 days
Replay Cast
5 days
Wardi Open
6 days
Liquipedia Results

Completed

SOOP Univ League 2025
RSL Revival: Season 3
Eternal Conflict S1

Ongoing

C-Race Season 1
IPSL Winter 2025-26
KCM Race Survival 2025 Season 4
YSL S2
BSL Season 21
CSCL: Masked Kings S3
Slon Tour Season 2
META Madness #9
SL Budapest Major 2025
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025
Thunderpick World Champ.
CS Asia Championships 2025
ESL Pro League S22
StarSeries Fall 2025
FISSURE Playground #2

Upcoming

BSL 21 Non-Korean Championship
Acropolis #4
IPSL Spring 2026
HSC XXVIII
RSL Offline Finals
WardiTV 2025
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter 2026: Closed Qualifier
eXTREMESLAND 2025
ESL Impact League Season 8
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2025 TLnet. All Rights Reserved.