function component(width, height, col, x, y) this width width this height height this speedX 0 this speedY 0 this x x this y y this update function() ctx myGameArea context ctx fillStyle col ctx fillRect(this x, this y, this width, this height) this newPos function() this x this speedX this y this speedY function updateGameArea() myGameArea clear() myGamePiece newPos() myGamePiece update() var context var x 100 var y 200 var dx 5 var dy 5 function init() context myCanvas getContext('2d') setInterval(draw,10) function draw() context clearRect(0,0, 300,300) context beginPath() context fillStyle 0000ff Draws a circle of radius 20 at the coordinates 100,100 on the canvas context arc(x,y,20,0,Math PI 2,true) context arc(x,y,20,0,Math PI 2,true) context closePath() context fill() Boundary Logic if( x 0 x 300) dx dx if( y 0 y 300) dy dy x dx y dy This code works fine if I put it in one html document, however i need to have two files, one that is only the html and the other being javascript Can anyone separate the code into the two files, html and javascript in order for it to work properly

The Answer is in the image, click to view ...

Question: function component(width, height, col, x, y) { this.width = width; this.height = height; this.speedX = 0; this.speedY = 0; this.x = x; this.y = y;

This code works fine if I put it in one html document, however i need to have two files, one that is only the html and the other being javascript. Can anyone separate the code into the two files, html and javascript in order for it to work properly?

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!

In the following html/javascript code, please fill in the blanks ( __________ ) so that the code works. Thank you! canvas { border:1px solid #d3d3d3; background-color: #f1f1f1; } var myGamePiece; var...

Adjustments Needed But Can't Figure Out: -Adjust the player characters response to obstacles so that lava "kills" the player. This means that if the player hits lava, they should restart the level:...

This is used with Java, CSS, and Html Alright well I'm having trouble with this code. First off I can't see the level that I made Additionally the green blocks (which is acid) When the player's...

I'm just trying to add a moving platform. The code for the platform is in the code however when I try to run the program I get 2 errors -game.js:128 Uncaught ReferenceError: platform is not defined...

WIth the given code. I am trying to add into this game - Spikes which when the player touched the spike kills them and reset the player to the start points - I would also like to add a win condition...

HELP ON JAVASCRIPT CODE. I'm supposed to be making a platformer and I've gotten to a certain point on my own but I'm stuck with trying to program the lava as a hazard. I'm supposed to adjust the...

Using the code, when the player (character) touches lava (which is indicated by a exclmation point '!') I want the level to restart from the beginning (using the code below) the code is in place as...

Using the code, I just need a few fixes 1- when the player touched lava (which is indicated by a exclmation point '!') I want the level to restart from the beginning (using the code below) the code...

How do I make the player die when it falls into the lava? Also, how do I restart the level when the player dies? function Level(plan) { // Use the length of a single row to set the width of the level...

A softball of mass 0.220kg that is moving with a speed of 8.5m/s collides head-on and elastically with another ball initially at rest. Afterward the incoming soft-ball bounces backward with a speed...

Show the effect of the following transections of Errol Supplies on accounting equation using the format provided. Use + if the element increases, - if the element decreases and 0 if the element...

PART A Supervised Learning Application Problem Statement: Given is a dataset on the employees of an organization. Based on some descriptive attributes it is determined whether the employee will leave...

Compared with half a century ago, adoption has become _ _ _ _ _ _ _ _ _ common, but it is more open and acceptabl e , so we probably discuss it _ _ _ _ _ _ _ . fill in the blanks more or much less or...

Know what customers expect from the firm when they complain.

Understand why customers complain.

Know why loyalty programs and customer relationship management (CRM) systems are important enablers of delivering loyalty strategies.