JS13K Games 2019 Day 11

Yeah, I actually did some work after a week of not working on it!  Yay, me!  Alright, here's what I've done so far...

I actually got started on the actual code that will drive my game.  I now have a basic index.htm file that is used to play the actual game!  I also did a little experiment...
Here I have two zip files: one with the htm and css files in one directory that I've called flat, and another with the css in a sub-directory that I've called tree.  As anyone would have guessed, the one with the sub-directory is bigger.  So, in order to conserve as much data as I could, I've decided to keep all the source files in one directory.  I've checked the rules, and there is nothing in them that says I can't do that.  It's just a really bad procedure to do so, because usually you would want to keep your files organized.  It also helps when you have a ton of source files to sort through: all your html code is in the current directory, all the JavaScript is in the js folder, and all your css is in the css folder.  Since I got that 13K limit, I'm hoping I won't have as many source code files to sort through.

I was also wondering what to do with my JavaScript file that will store the actual game.  I know I would have to include in the index.htm somehow, but if I don't include it correctly, it might cause the page to load incorrectly or slowly.  Granted, I don't see the index.htm file getting any bigger than "here's the title, the JavaScript file, and a canvas to draw the game on" but I want to make sure everything is as good as I can make it.  Thankfully, someone on Stackover was asking the same question.  I've never heard of adding "async" or "defer" to a script tag before, but since it is just one file, I'll use the async attribute.

Wow!  I got a lot of stuff done for it, today.  Well, it might not look like much, but I know I can confidently move forward with the JavaScript.  Plus, I've managed to knock two things off of my TODO list!  Yay!  Anyway, feel free to check out Shield Breaker on GitHub!

Comments

Post a Comment

Popular posts from this blog

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

JS13K Games 2019 Day 30

Hmm...less than 34 hours to complete Shield Bearer for the contest.  Hopefully, tonight will be just like yesterday. Okay, let's get a Heads Up Display (HUD) going to display the player's current score and their Health Bar.  I wanted to get the score going first, so I looked up how to draw text using the HTML5 canvas context .  I then read up on the JavaScript classes , because I wanted to know if I could create a static class just to display the score.  I can: if I add the word "static" before the function in the class, it becomes a static function that can be called right from the class without creating an instance of that class.  I gave it a static draw() function, and made a few const variables to hold the color that I wanted for the text.  I then added it to my main draw() function to get the score to draw on the Canvas.  I had to change the x and y variables around to fully display the text, but I got it in an area that I like. Now, we need a...
Read more

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 curre...
Read more