Mirasy, już tracę wiarę w połączenie tego jsa, żeby śmigało na Chromie. Canvas za każdym razem ładnie działa na FF, ale na Chromie w 1/3 przypadków nie rysuje. Any ideas?

function preloadimagetocanvas(){
..var canvas = document.getElementById("canvas");
..var context = canvas.getContext("2d");
..var
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@marcinzwwa: masz tylko 2 funkcje, więc skrypt spokojnie może sobie siedzieć w head
funkcja jest odpalana na onlodzie obrazka, więc nie powinno być tu żadnego problemu
  • Odpowiedz
Mam problem, którego nie potrafię rozwiązać(pewnie z nieznajomości dostępnych narzędzi). Uczę się js pod zrobienie jakieś fajnej gierki. W moich wyobrażeniach była to jak na razie plansza widziana od góry podzielona na x*y pól. Na każde pole dało się wejść swoją postacią, tak jak bywa to w internetowych rpgach. Chciałem poddać animacji najeżdżane myszką pola, a dokładnie lekko powiększyć. Pola są ułożone obok siebie bez żadnych przerw.

Stworzyłem sobie więc canvas, stworzyłem
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@JustMMan: Jasne jakbyś miał jeszcze jakieś pytania to daj znać. Zwróc tylko uwage na odmienność filozofii:

logika twojej gry powinna siedzieć zawsze w kodzie. to co jest na canvasie to jest tylko taki jakby hologram tego co masz zapisane w Twoich tablicach z danymi, rolą canvasa jest tylko formatowanie danych z tych tablic na efekt czytelny dla użytkownika :)

a wszelkie manipulacje stanem gry dokonujesz poprzez zmienianie właściwości tych obiektów,
  • Odpowiedz
Mirki! Poszukuję jakiejś dobrej strony (znajomych bądź sprawdzonej), dzięki której kupię canvas z wybranym przeze mnie zdjęciem (prezent pod choinkę). Jeśli macie jakieś sprawdzone sklepy, które coś takiego robią, orientujecie się w kosztach lub macie jakieś rady to będę wdzięczna za pomoc :) #kiciochpyta #fotografia #prezenty #canvas ()

  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#html5 #canvas #pixijs #gryprzegladarkowe
Chcąc zacząć zabawę z pisaniem gier w html5 i canvas co muszę mieć? Obecnie znalazłem render pixi, jest on chwalony za wydajność, ale nie ma on fizyki i animacji. Co zatem do pixi dodać?
Zależy mi na wydajności, bo chciałbym pobawić się również w node.js.
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #javascript #canvas
Cześć! Mam problem, otóż kończę sobie animację korzystając z prostego easeouta
http://wklej.org/id/1653034/
W skrócie to zwraca wartość od 0-1, a argumentem jest procent ukończenia animacji (gdzie 1=100%)
I wszystko działa znakomicie, ale muszę sprawić żeby animacja zakończyła się w odpowiednim miejscu.
Mam do dyspozycji funkcję getDistance(), która zwraca ilość pixeli jaka dzieli element do miejsca w którym powinien się zatrzymać. Jak to zrobić
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@sokytsinolop: inaczej: na starcie animowania zapamiętujesz pozycję aktualną obiektu i jego dystans do celu, następnie w stepie animacji wykonujesz kalkulacje: var percent = distanceFromTo(xStart, yStart, xStop, yStop) / storedDistanceFromStartToStop; (gdzie storedDistanceFromStartToStop to zapisana na starcie animacji odległość) i używasz wać tego percent do czego dusza zapragnie :3
  • Odpowiedz
dopiero dzis odkrylem, ze flash cc daje mozliwosc zabawy w canvasie
w sumie dziala to calkiem fajnie - http://projects.atdev.is/mjkl/flash-canvas-test/ - i jako, ze sporo rzeczy robilem we flashu zastanawiam sie czy warto zglebiac temat dalej
pytanie do doswiadczonych - da sie jakos zakombinowac zeby zmusic plotno do % rozmiaru, zeby bylo responsywne & skalowalo sie bez pikselozy? flash niestety nie daje mozliwosci ustawienia rozmiarow sceny w %, jedynie sztywne wartosci. czy da
m.....l - dopiero dzis odkrylem, ze flash cc daje mozliwosc zabawy w canvasie
w sumi...

źródło: comment_kciRSPkBnI4eEnQpR7blZFqSlcV7g1Cy.jpg

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mjkl: ja tam się nie znam, ale widziałem mnóstwo opcji wspierających canvas i svg w nowym inkscape :) Tak tylko, jakby się komuś przydała taka informacja :)
  • Odpowiedz
@Daredzik: Tak na szybko to twój kod w onload nie wykonuje się. JSFiddle sam pakuje kod w onload (masz po lewej na górze ustawienia).

Update1: Jak to naprawisz, to pytanie.. Dlaczego poruszasz boxem mnożąc współrzędne przez deltę?
Update2: Canvas jest przeskalowany.
  • Odpowiedz
już naprawione, z deltą to tylko dla testu chciałem, czy aby wartości nie za niskie.
wiem, że canvas przeskalowany ;)
naprawione, dzięki @rezoner usunięcie renderFrame() z renderFrame() :D
  • Odpowiedz
Hej, mógłby ktoś zobaczeć co tu jest nie tak? ;/ Ogólnie działa to tak:
Jeżeli ludzik jest na dole status=1, na górze status=2, w "trakcie lotu" status=0
Event przechwytujący naciśnięte klawisze (bo porusza się nim strzałkami góra/dół) działa tylko wtedy gdy status != 0
Jednak mimo wszystko, gdy podczas lotu naciśniesz obie strzałki na raz albo lecąc w górę pod koniec przytrzymasz strzałkę w dół to CZASAMI (dlatego ciężko mi zlokalizować co jest nie tak
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#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? ( ͡° ʖ̯ ͡°)
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Miraski używam tej biblioteki do pisania gry - https://github.com/rezoner/CanvasQuery i wszystko działa dobrze do czasu kiedy wrzucam do Cocoon launchera. Wywala mi wtedy błąd

ReferenceError: CocoonJS is not defined
Dołączam bibliotekę - https://github.com/ludei/CocoonJS-Plugins - ale używa ona zmiennej Cocoon a nie CocoonJS, jakiś protip? Bo już nie wiem :C wołam #gamedev #canvas i autora - @rezoner
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach