Question: This is a JavaScript project which involves (SVG and HTML5 canvas animation drawing). 1). You are given a 2D bicycle advert animation project where should

This is a JavaScript project which involves (SVG and HTML5 canvas animation drawing).

1). You are given a 2D bicycle advert animation project where should cover fundamental JavaScript techniques such as drawing bitmaps, graphics primitives, as well as applying transformations such as rotation, scaling, and translation to them in order to create a storyline. (This can be a very basic animation/advert, doesn't have to involve real images, cartoon images are enough. 2). Please build 3 scenes, the animation must not go over two minutes in length. The use of any outside libraries or functions is not permitted. CTX ( this must be used to create the animation)

Here is some example code (how it should look like):

function polygon() {

ctx.beginPath()

ctx.moveTo(100, 300);

ctx.lineTo(150, 250);

ctx.lineTo(200, 300);

ctx.lineTo(250, 400);

ctx.lineTo(100, 430);

ctx.lineTo(70, 360);

ctx.lineTo(100, 300);

ctx.fillStyle = 'orange'

ctx.fill();

}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!