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

JS13K 2020 Game Jam Day 23

Image
 *Sigh*  It happened again!  Oh, well.  Let's just see how much I can get done before the deadline.  If I don't finish this one, I'll add it to the pile of games to finish:  right next to Shield Bearer. I've been brainstorming a bit on how I could do a menu.  I feel like I should treat a menu like Levels themselves:  the graphics will be drawn on the world, Ratio-Vision will capture that one section and render it, and all the inputs will be driven by a menu controller object.  In fact, I've been brainstorming of a way to handle controls as well:  I feel like there needs to be some sort of abstraction layer so I'm not checking the Unicode for each key, I just have to make sure that a player or controllable object implements certain actions from this controller object.  I'll call this Master Controller!  Yeah, it's not as original as Ratio-Vision, but I wanted a simple name that perfectly describes its functions. I want Master Co...
Read more

Are you coding, son?

 Sadly, I've just been coding stuff for my job: very boring websites and no games.  I'm sorry that I lied about coding on the 7th of March 2020.  Things got pretty hectic during the pandemic!  Now, I want to get ready for JS13K games 2020 !  So, let's work some more on Daemon to re-familiarize us with how to make games in HTML5! I haven't been actually coding, but I've been brainstorming on what to do about how many pixels I should try to make each cell on my grid.  I eventually had the thought that it was the wrong question to ask.  What I eventually came up with was a way to force a certain aspect ratio for a canvas that would be used to draw the sections of the map/world as my "camera".  I call it Ratio-Vision! Ratio-Vision is an object with functions to normalize the display between different screen sizes.  One of the problems I found out with my games was that they would play differently depending on the size of my screen.  Shield B...
Read more

Metroidvania Month 7 Day 3

Image
Don't worry, there's no Metroidvania Month 7 Day 1 or 2.  It would have just been me telling you that I'm still working on a title.  I wish I could just start creating something, but GitHub wants me to name my repositories first before starting on my project.  I guess I could have created the files on my computer, but I hate the idea that my work could be lost without backups or commits that I can roll back in case I mess something up.  I could have also given this game a "Project Name", but I feel like I might accidentally create one that is better than the end product (see Project Scorpio and Project Revolution for example). Anyway, I came up with thirteen names for the game and ended up settling on Daemon . The game is about a robot that has gained sentience in a lab and now has to collect power-ups to help it escape.  Daemon, in computing , means a computer program that runs as a background process.  I felt the name could be fitting as the robot ...
Read more