Question
javascript canvas using timer events, mouse event handler, 1) When the user clicks on the canvas, display the square and automatically rotate triangle and move
javascript canvas using timer events, mouse event handler,
1) When the user clicks on the canvas, display the square and automatically rotate triangle and move it towards the square. a. Find the angle from triangle to the square with relation to the positive x, which is triangleAngle = Math.atan2((squareY - triangleY), (squareX - triangleX)); ` b. Translate triangle along this angle for a small distance (triangleDistance) with the following values: triangleX += triangleDistance * Math.cos(-triangleAngle); triangleY -= triangleDistance * Math.sin(-triangleAngle); c. Rotate triangle by this angle d. Repeat the steps above 2) When the triangle moves to within 15 pixels of the square, remove the square.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started