JS13K Games 2019 Day 20

Life just kept me away from the keyboard, so I'm really going to have to kick this in high gear if I want to have a working project by the end of the competition.

I do have some good news, I got FireFox installed for testing and I found a really good snippet of code: jfriend00's docReady code will allow me to have a "$('document').ready(function(){});" without having to add jQuery.  Remember, I have to keep my game under 13K in a zipped folder.

My test to see if docReady would work, was to get the Canvas to resize to the available browser screen size.  I found a w3School webpage on window's innerheight and innerwidth, but those would be WAY TOO BIG for the screen.  I then tried document.body.clientWidth and document.body.clientHeight, but I got the same result.  As I was playing around with Chrome's Developer Console, I found document.body.offsetWidth and document.body.offsetHeight; which, gave me the window's Height and Width that were currently view able.  That was exactly what I needed!

Wait...it's broken in Firefox.  I found a way to detect Firefox, now I just need to find another element and attribute that will get me what I need in Firefox.  Thankfully, document.body.offsetWidth still works, so I just need to fix that height!  Wait...after putting document.body.offsetHeight in a variable and using it later in the code, it breaks for all the browsers!

I was going to try to get a solid Frame Rate going, but that bug appeared and it's technically the next day.  I'll see what I can do later.

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