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 change a String's Case in JavaScript

-
Image
Strings can be capitalized using String.toUpperCase For instance; const str = 'John swana' str.toUpperCase() // 'JOHN SWANA' String.toLowerCase turns strings to their small letters or 'lowerCase' const strr = "Lorem ipsum" strr.toLowerCase() // lorem ipsum Numbers are not converted, they remain constant, untouched and unchanged. '65'.toLowerCase() // '65'
Read more

How to create zip archives in nodejs

-
I'm going to compile ways in which you can create archives compressed using zip algorithm in nodejs or a similar JavaScript runtime. node-zip is an open source zip archiving utility authord by daraosn and folked from jszip capable of compresding files into a zip archive and extracting zip archives in JavaScript. node-zip is available on npm you can install it in your terminal window by typing; npm install node-zip example usage const  zip = new require('node-zip')() zip.file('test.file', 'John Swana') const data = zip.generate({base64:false,compression:'DEFLATE'}) console.log(data) How to unzip a zip archive const zip = new require('node-zip')(data, {base64: false, checkCRC32: true}) console.log(zip.files['test.file'])
Read more

How to use fetch api submit an html form

-
Fetch api allows asynchronous means of reading files and a more simplified way of making http requests in JavaScript. How to submit an existing html form using fetch api; Assuming you have html source code with a form and some input fields; <form id="form" action="./submit" method="post" onsubmit="handle(event)"> <input name="query"> <button>     submit </button> </form> You can pass an instance of a dom form to formData constructor as the first parameter; const handle = function(event) {     event.preventDefault()     const data = new formData(event.target) fetch('//localhost/api/post', {     method: 'POST',     body: data }) } Fetch api returns a new pending promise to process the response you will need to await asynchronous process once ready to consume parse it as follows; .then(response => response.json()) .then(response => console.log(response))
Read more

Es6 destructuring operator in JavaScript

-
JavaScript from es6 enables destructuring operation, In JavaScript destructuring is done using the syntax; const [elements] = [array] const {properties} = {object} For instance using Math object as an example destructuring can be done as follows; Object matching syntax; const {abs, min, max} = Math; List matching syntax; const [max, min, avg] = [10, 1, 5] Fail-soft destructuring similar to object property look up returns undefined if there's no property matching; var [item] = []; item === undefined; Fail-soft destructuring can also be done with predefined default vslues as follows; var [item = 1] = []; item === 1; More information: MDN Destructuring assignment
Read more

How to install git on a raspberry PI

-
Image
Its impossible to write software without using Git, Git according to Wikipedia is a distributed version-control system for tracking changes in source code during software development. A Raspberry PI is a credit card sized single board computer usually running a linux operating system "Debian, or raspbian" preferably used mostly by schools to teach students computer basics. How to install apt on a raspberry pi; Install using apt package manager, To install using apt open your terminal type; sudo apt update sudo apt upgrade sudo apt install git You will be presented by a apt screen with package information confirm by pressing y followed by Enter; Once installation completes you can check if the installation was successful by typing; git --version Upon successful installation you will be presented with git version number such as; git version (2.11...) Next step is to configure git, before doing any cloning you will be requir...
Read more