javascript - Have a dot follow a path selected path -


What I'm trying to do, is to click the canvas position to choose.

This is my code so far. 

  var canvas = document.getElementById ("canvas"); Var ctx = canvas.getContext ("2D"); var rect = canvas.getBoundingClientRect () // var clicked chords = {x: 0, y: 0}; Var player = {x: 100, y: 100}; Canvas.addEventListener ("Mousewood", received fetal, false); Function getChords (e) {clickedChords.x = e.pageX - rect.left; Clicked Chords.y = e.pageY - rect.top; } Function draw () {ctx.clearRect (0,0, canvas.Wide, canvas.height); Ctx.fillStyle = 'black'; Ctx.beginPath (); Ctx.arc (clickedChords.x, clickedChords.y, 3,0,360); ctx.arc (player.x, player.y, 3,0,360); Ctx.fill (); If (player.x> Clicked Chords.x & player.x! == Clicked Chords.x) {player.x - = 1; } If (player.x   
 The work I did right now was to get the dot to follow the angle of 45 degrees, then follow the X or Y value of the location I clicked. I tried to use the formula but I do not know how to implement it in my code.  
 Thank you for your help, because I'm really stuck.   
 
 
 You can use interpolation for:  
  var t = 0, // will be in the range [0.0, 1.0] Old PlayerX, // for these launches; OldPlayerY; Function getChords (e) {clickedChords.x = e.pageX - rect.left; Clicked Chords.y = e.pageY - rect.top; OldPlayerX = player.x, // Make a copy as per its requirement PlayYY = player.y; Attract (); } Function draw () {ctx.clearRect (0,0, canvas.Wide, canvas.height); Ctx.fillStyle = 'black'; Ctx.beginPath (); Ctx.arc (clickedChords.x, clickedChords.y, 3,0,360); ctx.arc (player.x, player.y, 3,0,360); Ctx.fill (); If (T & LT; = 1) {player.x = Old Player X + (Clicks Chords.x - Old Player X) * T; Player.y = Old Player Y + (Clicked Y. - Old Player Y) * T; T + = 0.05; // Speed ​​determines the request animationframe (draw); Use this instead of // setInterval}}   
 launches on these lines:  
  player.x = oldPhilax + (clicked carded. X - Older Player X) * T; Player.y = Old Player Y + (Clicked Y. - Old Player Y) * T;   
 This basically makes a difference between the new and the old location.  t  will determine how much difference is added to the original condition, that means if T = 0 is nothing then, if T = 1 then the full difference in the old condition is added, which is clearly new Position is equal to Anything in the middle (for  t ) will add a percentage of the point that will allow you to enliven the point.  
  requestAnimationFrame  lets you sync the animation to refresh.  
 Hope it helps!

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more