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
Get step-by-step solutions from verified subject matter experts
