Witam,

Mam dość niewygodny problem. Nie jestem aż tak dobry z matematyki żeby z tym sobie poradzić. Chodzi o to, że mam stworzoną mapę do gry. Gracz może się po niej przemieszczać. Gdy zaczyna się przemieszczać do bazy zapisują się wszystkie informacje o podróży wraz z czasem. Jeśli wejdzie na stronę ponownie - podróż jest nadal kontynuowana. Działa to na takiej zasadzie że czas który pozostał do ukończenia podróży zamieniany jest na milisekundy i daje wtedy pozostały czas animacji. Wtedy za pomocą $.animate() przesuwam gracza do pozycji końcowych X i Y. Problem w tym, że nie mogę rozgryźć równania, które względem koordynacji Ax, Ay, Bx, By, oraz długości ścieżki wyliczy gdzie teraz znajduje się gracz.

Mam już takie obliczenia: Całkowity czas podróży, czas który pozostał, czas który gracz już przebył, odcinek który gracz już przebył (w px), nawet procent który przebył. Ale nie mogę nadal wyliczyć tych końcowych koordynatów X i Y. Proszę o pomoc, bo męczę się z tym już długi czas.

Oto kod:

[HTML] pobierz, plaintext 
//FUNKCJA ZNAJDUJĄCA POZYCJĘ GRACZA WZGLĘDEM PUNKTU A I B, ORAZ WZGLĘDEM CZASU KTÓRY GRACZ PRZEBYŁ
function findPosition(aX, aY, bX, bY) {
 
				var travelTime = localStorage.travel;
 
				var startPos = gridToPos(aX, aY); //to po prostu zamienia numer grid'a na pozycję w pikselach
				var endPos = gridToPos(bX, bY); //to również
 
				var timeFull = tileDistanceTo(aX, aY, bX, bY); //to wylicza czas który zajmie graczowi przejście do grida zaokrąglając do jednej dziesiętnej
				var timeFullSeconds = (timeFull[0]*60*60) + timeFull[1]*60; //zamienia czas z funkcji wyżej na sekundy
 
				var timeNow = new Date().getTime();
				timeNowSeconds = timeNow/1000;
 
				var secondsDifference = travelTime - timeNowSeconds; //różnica między czasem teraz a czasem przyszłym - w którym gracz dotrze na miejsce
 
				var timeTraveled = timeFullSeconds - secondsDifference; //czas który przebył już gracz
 
				var timeStart = timeNow - timeTraveled; //czas w którym gracz rozpoczął podróż (unix)
 
				var pathLength = pixelDistanceTo(startPos[0], startPos[1], endPos[0], endPos[1]); //znajduje długość ścieżki od punktu A do punktu B, zwraca długość ścieżki w px
 
				var pathTraveled = (timeTraveled * pathLength) / timeFullSeconds; //cała droga którą przebył od początku gracz (w px)
 
				var percent = (pathTraveled / pathLength) * 100; //procent przebytej drogi
 
				var startX = startPos[0];
				var startY = startPos[1];
				var endX = endPos[0];
				var endY = endPos[1];
 
				var A = [startX, startY];
				var B = [endX, endY];
				var r = pathTraveled;
 
				var a = A[1] - B[1];
				a = a / A[0] - B[0];
				var b = A[1] - (a * A[0]);
 
				alert(a+" "+b);
 
				var Dx = r*Math.sqrt(Math.pow(a, 2) + Math.pow(1, 2))+2*b; //to powinno wyliczyć moją pozycję X.
				Dx = Dx / 2*a; //a to pozycję Y.
				var Dy = a*Dx+b;
 
 
 
				window.player.css({
					left: Dx+"px",
					top: Dy+"px"
				});			
}
[HTML] pobierz, plaintext 

Niestety funkcja nie działa, numery wychodzą ujemne albo ekstremalnie duże. Proszę o pomoc.

Pozdrawiam,
Hazes.

Ścieżka jest linią prostą?
X,Y to mają być koordynaty w danej chwili czy końca ścieżki (piszesz o końcowych)?

Czy dobrze rozumiem, że początek to punkt (Ax,Ay), koniec (Bx,By), a chcesz na podstawie np. procentowej wartości przebycia ścieżki, znaleźć punkt (X,Y) na tej ścieżce, tak?

Tak, ścieżka jest linią prostą. X, Y to mają być koordynaty w danej chwili. Czyli mam punkt a i punkt b, wiem ile pixeli od punktu a powinien być położony punkt w którym aktualnie jestem ale nie wiem jak wyliczyć koordynaty. Tak, początek to (Ax,Ay), koniec to (Bx,By) i tak, na podstawie procentowej wartości przebycia ścieżki chcę wyliczyć jak daleko przeszedł już gracz. W sumie nie trzeba męczyć procentów (chyba że tak będzie łatwiej) bo wyliczyłem już całą odległość którą przeszedłem od punktu A - (pathTraveled).

//EDIT: Grid wygląda tak. Jeśli jest to potrzebne. Liczby zwiększają się od lewego górnego rogu.

To co mi pierwsze przychodzi do głowy (według standardowego układu współrzędnych):
1. Współczynnik nachylenia prostej=tan(dx/dy)
2. Kąt nachylenia prostej=atan(dx/dy)
3. Odległość od punktu Ax,Ay: X=Ax+d*cos(kąt) Y=Ay+d*sin(kąt)

Czyli:
X=Ax+d*cos(atan(dx/dy))
Y=Ay+d*sin(atan(dx/dy))

d=dystans
dx=delta X
dy=delta Y

Rozumiem co masz na myśli, ale nie mam pojęcia jak to zapisać. Jeśli wyliczam X lub Y muszę skorzystać z dx i dy. W takim razie czy dx to niewiadoma ?

dx=Bx-Ax
dy=By-Ay

Okej, zrobiłem. Z tym że im dłużej moja postać idzie w daną stronę tym bardziej obiekt jest odsunięty. Jeśli idę w prawo, postać pojawia się za wysoko z czasem. Jeśli idę do góry obiekt przesuwa się za bardzo w prawo. Jeśli idę w prawo to przesuwa mnie znów w lewo. Generalnie na początku jest dobrze, cały czas jest na linii.

Wygląda to u mnie tak:

[HTML] pobierz, plaintext 
				var A = [startX, startY];
				var B = [endX, endY];
				var r = pathTraveled;
 
				var Dx = B[0]-A[0];
				var Dy = B[1]-A[1];
 
				X = A[0]+r*Math.cos(Math.atan(Dx/Dy));
				Y = A[1]+r*Math.sin(Math.atan(Dx/Dy));
 
				window.player.css({
					left: X+"px",
					top: Y+"px"
				});		
[HTML] pobierz, plaintext 

Podałem wzór dla standardowego układu współrzędnych, Ty masz obrócony.
Prawdopodobnie trzeba jeszcze badać kąt nachylenia prostej (w jest której kwarcie).

Dzięki, postaram się to zrobić.