Animated sky on HTML5 Canvas

-

So far I've added a new bunch of clouds, some stars and a phase changing moon'

As the number of Clouds increased i cursed them into an Array and created two more Obstacles the Moon and Stars

Here's progress.

(Extended preview)
Animated sky on HTML5 Canvas
In extended preview i added trees and buildings. (everything is drawn programmatically without using static Images)


Comments

Post a Comment

Popular posts from this blog

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 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

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

comparison on var, let and const variable declaration

-
Introduction let, const and var are keywords used for variable declarations in JavaScript programming language, const and let were newly introduced to the programming language in Escmascript es6 or es2016. Declaration keywords the syntax of declaring a variable using let keyword is done as; let {variable name} = value for const it's done as; const {variable name} = value similarly with var; var {variable name} = value Scope for 'let' and 'const' variables let and const declared variables are block scoped that means values assigned remain within the block of assignment; take for instance; if(true) {    const declaration = "declared" } console.log(typeof declaration) // undefined values remain accessible only within the if block Scope for 'var' variables var declared variables are function scoped so variables declared within a function are only accessible within the function it's self for example; function assign(param){    ...
Read more

How to train a tfjs model to play breakout game

-
Description This is an artificial intelligence mechine learning practical experiment documentary on training an artificial intelligence neural network to play breakout game in the browser powered by tensorflow tfjs for JavaScript. Introduction To understand how things will work breakout is a game which is alot more like ping pong your objective is to make sure the ball never goes by the puck in other words the player's puck should hit the ball before it heads into the lower bond of the screen. Second objective   Second objective is to make the ball destroy blocks by projecting it into the disired direction. Normally this is not very important because the ball would normally iterate each and every corner on its own without trouble Persudo  code below is how this system works // start initialization // create model // end initialization // start update loop async predict(should i move left or right). On resolve {set linear velocity} if(ball crashed) {diagnose ...
Read more