JS13K Games 2019 Day 24

Between work and everything I have to do after work, I've had no time to really sit down and work on Shield Bearer.  It might be a game that I might never finish for this competition.  However, even if I don't finish it in time for the competition, I'll try to finish it some day.

I did have time to check in on my friend and coworker's entry for the JS13K Games Competition.  He's got a red square that will be a porcupine later, and the goal is to collect food (the white dots) while avoiding enemies (the blue square).  It's a pretty good start.  I did find an issue where the porcupine could walk off the screen moving left or right, and it would clip through the floor on landing from a jump.  I saw where I could add some code to fix that, so I did.  Hey, this is a friendly competition!  After looking up how to collaborate on GitHub, I managed to set it up so that I can push commits to my copy of his repo (called a Fork) and make pull requests so that he can copy those to his repo.

Now, I didn't waste the whole day away without touching my code for Shield Bearer!  While I was looking at his code to fix that clipping issue, I found out how he got the HTML5 Canvas to be so big without any scrollbars: through CSS.  What he did was use the * selector to make all the elements of a website have the margin of 0px and overflows set to hidden, then he made height of the html and body elements be 100%.  This caused the canvas to only be the size that can fit on the screen. The solution also works in both Chrome and Firefox; which, was just what I needed!  Just check out the "Fixed Canvas Size" commit in my Shield Bearer repo!

Comments

Post a Comment

Popular posts from this blog

Game Off 2019 Day 4

After a few days of trying to find a good idea for Game Off 2019 , I think I managed to come up with either the dumbest idea...or the best idea:  Un-bee leap-able! You play as a ninja that starts the level by leaping straight up into the air, and then you pull out a giant kite that you use to glide through the air.  Your objective is to land in a designated zone on the map.  While gliding through the air, you have to avoid giant bees.  If you touch a bee or land in an area that isn't the designated zone, you restart back at the starting point but with cash to spend on upgrades to help you glide around better. It's a really crazy idea!  I know!  I just came up with it while listening to  Jack Stauber's Micropop , and I think the idea has enough quirky charm to go really far in the competition. Now, the question is: what engine or whatever should I use to create the game?  I would love to make the game 3D and have it feel like gliding around a...
Read more

Hacktoberfest 2019 Day 8

Image
It's been a few days since I tried to contribute anything to the Hackoberfest this year, but I think I found a decent project for my last Pull Request: Super Tiny Icons .  It's a collection of logos made using Scalable Vector Graphics , with the goal of each logo being under 1 KB. I originally was going to create the logo for Kotlin Programming Language , but then I saw this "issue" where they requested the Microsoft logo .  I'm surprised no one took it!  The latest Microsoft logo is just four squares with a solid color for each square !  With such a simple request, I forked the project and got to work! I wanted to hand code it, because Inkscape made my shrub for Jedulz's game super huge.  It ended up being smaller to just export as a PNG.  Since I've never hand coded an SVG, I searched the internet and found this guide to hard coding an SVG . After reading that guide, it seemed appropriate to download the the PNG of the Microsoft logo and take so...
Read more

Metroidvania Month 7 Day 6

Hey, I know it might say "Published 2/21/2020" so it should be Day 7 instead, but I was thinking about an idea I had for the save files just now and I wanted to type them up before going to bed. The question rattling around in my head was this:  how do I save the exact power-up that I've collected?  Simple: we store an ID in an Array.  The save file will be a JSON object and within that we could have arrays for each max ammo and max health power-up type.  Say in the game we have Tanks that store extra health.  In our SaveFile JSON object, we would have an Array called "tanks" that just stores IDs of collected Tanks.  When we enter a room that has a Tank, we search SaveFile.tanks array for the ID of that Tank.  If the ID is found, don't spawn that Tank, otherwise, we spawn it if it hasn't been collected.  What is the maximum collected Tanks that we should fill?  SaveFile.tanks.length should give us the maximum Tanks to fill. After answerin...
Read more