[Vitin]

#javascript #webdev #canvas #naukaprogramowania
W jaki sposób jednocześnie obracać i przesuwać obrazek w canvasie? .rotate() obraca wszystko (także układ współrzędnych xy, przez co obiekt zamiast poziomo w bok porusza się po krzywej ;/
kod
Jak zrobić by poruszało się poziomo? ( ͡° ʖ̯ ͡°)

[fuuYeah]

@Vitin: zmien kolejnosc. Najpierw przesun potem obroc.

[Vitin]

@fuuYeah: Gdyby to było takie proste... ;/

[dieow]

@Vitin: http://creativejs.com/2012/01/day-10-drawing-rotated-images-into-canvas/

http://jsfiddle.net/nea87rku/1/

Dlaczego nazywasz współrzędne x1 i x2, zamiast x i y? :D

Aaa, czy nie chodziło ci o coś innego? XD

[Vitin]

@dieow: Teraz przesuń go w lewo/prawo/górę/dół :D
Współrzędne wymyślone na szybko, we właściwym kodzie którego jest 10x więcej są nazwane w miarę normalnie xd
edit: no rzeczywiście nazwałem Y-kową jako X2 w tym co wkleiłem, nie pytaj xDDD

[dieow]

@Vitin: http://jsfiddle.net/nea87rku/3/ na przykład tak?

[Vitin]

@dieow: na telefonie mi się porusza po sinusoidzie, da rade (po prostu ) po prostej? :d poziomo na tej samej stałej wysokości obracając się jednocześnie wokół własnej osi :d

[dieow]

@Vitin: jak usuniesz zmiane 'y', zrobiłem po sinusoidzie bo chciałeś lewo, prawo, górę i dół XD

[Vitin]

@Vitin: bo największy problem mam z tym, że x i y nie są bezwzględnie rosnące prawo / dół, ale używając rotate() obracam cały układ współrzędnych czego efektem jest ruch po wykresie koła/sinusa/parasoli - jedynym słowem krzywej ;/

[dieow]

@Vitin: http://jsfiddle.net/nea87rku/4/

Aaa, to sorry, że dałem sinusa :D

[Vitin]

@dieow: jutro przeanalizuje ten Twój kod, dziś na tel juz jestem :) Tak czy siak pięknie dziękuję za pomoc (który już raz... :D), jak nie osiągnę zamierzonego efektu to jeszcze jutro Cię trochę pomecze :D

[dieow]

@Vitin: To tu masz najnowszą wersję, bo w tamtej zostawiłem trochę śmieci :P http://jsfiddle.net/nea87rku/6/

[Vitin]

@dieow: Działa perfekcyjnie <3 Dziękuję :)