Animated daylight on HTML5 Canvas

-

It's Fourth day and i made improvements by adding new background Obstacle for daylight notice the wind turbines replacing trees, the sun replacing the moon and the disappearance of stars from the Sky.

However it's more like day three extended++ (plus plus) trust me i've added nothing new i spent most of the time sketching introduction screens and gameover screens

Here's progress so far.


Comments

Post a Comment

Popular posts from this blog

How to wait for a promise within a loop block

-
JavaScript promises enable developers to write asynchronous applications in JavaScript Loops are ways of iterating elements For instance doing an asynchronous task within a for loop can be done as follows; Note that lag is used to emulate some delay. const items = [1, 2, 3, 4] const lag = async (delay) => {     return new Promise((resolve) =>         setTimeout(() => res(`${delay / 1000} sec`), delay)) } items.forEach(async (item) => {     const seconds = await lag(1000 * item)     console.log(seconds) }) expected output 1 sec 2 sec 3 sec 4 sec After running the code above every second some text was printed
Read more

Ways of iterating Object properties in JavaScript

-
For Objects the ways of iterating their properties are not that plentiful as with Arrays. take for instance we have an object of dogs and cat characteristics const pets = { {name: " Jenny ", eyes: "brown"}, {name: "max", eyes: "blue"} } To iterate through the characteristics using for loop for (pet in pets) {     console.log(`${pets[pet].name} has eye color ${pets[pet].eyes}`} } Alternatively you can use objects.keys and object. entries for (element in Object.entries(elements)) }
Read more

Install steam locomotive sl using apt

-
sl or steam locomotive is a commandline application that displays steam locomotive "train" animations aimed to correct users who accidentally enter sl instead of ls.  initials sl stands for Steam Locomotive How to install ls or steam locomotive Assuming you've root privileges and installed apt package manager on your system Type sudo apt-get update sudo apt-get upgrade sudo apt-get install sl To test installation type sl If installation was successful You'll see an ASCII image of a train right in your terminal after few seconds it will stop
Read more

With statement in JavaScript

-
JavaScript 'with statement' is a simplified way to access object properties as variables. Take for instance; const dog = "puppy" const mascots = {     'tux': "tuxedo",     'cow': 'cow' } with(mascots) {     console.log(tux)     // tuxedo     console.log(cow)     // cow     console.log(dog)     // puppy } properties of mascots are converted to variables accessible within the with block 'dog' is not part of mascots and as a fallback, dog global is returned. At the time of writing this post with statement is discouraged. It's not allowed in 'safe mode' With the above sample you can do the same thing using destructureing operator const {cow, dog, tux} = mascots console.log(tux) // tuxedo console.log(cow) // cow console.log(dog) // puppy
Read more

JavaScript var const and let

-
Signification and let are new JavaScript methods of declaring a variables on modern browser's you don't need to enable strict mode to make use of const, and let What's the difference between var , let and const Immutability when you declare a variable using const its value is immutable ie you can't simply reassign the variable with another value neither can you declare const variables as const variable, another; because it's pointless afterall scope of this let variable decelerations are block scoped therefore if used in an if statement or in a function its value is scoped within that block
Read more