Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Javascript] Rysowanie kółka, canvas
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Dominator
Witam
W osobnej funkcji rysuję sobie gradient, a w jeszcze innej kółko. Gradient rysuje się bezproblemowo, lecz problem tkwi w tym, że kółko pojawia się i po chwili znika. Co zrobić?
ssstrz
co znaczy znika? gradient przyslania ci kolko czy moze w animacji nie masz odswiezania tego kolka.... bez kodu to mozna jeszcze wiele powodow podac
Dominator
  1. function randomPoint() //kolko
  2. {
  3. var ctx = context;
  4. var a = Math.floor(Math.random() * plotno.height);
  5. var b = Math.floor(Math.random() * plotno.width);
  6. ctx.beginPath();
  7. ctx.arc(a,b,15,0,2*Math.PI);
  8. ctx.stroke();
  9. ctx.fillRect(10,10,1,1);
  10. ctx.fill();
  11. }
  12.  
  13. function rysuj()
  14. {
  15. context.clearRect(0, 0, plotno.width, plotno.height);
  16. context.rect(0, 0, plotno.width, plotno.height);
  17. var grd = context.createLinearGradient(0, 0, plotno.width, plotno.height);
  18. grd.addColorStop(0, '#8ED6FF');
  19. grd.addColorStop(1, '#004CB3');
  20. context.fillStyle = grd;
  21. context.fill();
  22.  
  23. var postac = document.getElementById('postac');
  24. context.drawImage(postac,x,y,32,32);
  25. }
PrinceOfPersia
to nie jest cały kod, nie wkleiłeś jeszcze jak wywołujesz te funkcje...

Dominator
  1. setInterval(rysuj, 1000/30);
  2. randomPoint();
PrinceOfPersia
no tak, czyli zapewne:
1. odpala się funkcja randomPoint, rysuje kółko

2. po czasie 1000/30 odpala się funkcja rysuj, która zamazuje to kółko.

3. po czasie 1000/30 znowu odpala się funkcja rysuj, która zamazuje to kółko...

czyli powinieneś albo funkcję randomPoint uruchamiać razem z tą drugą:
[JAVASCRIPT] pobierz, plaintext
  1. setInterval(function() {
  2. rysuj();
  3. randomPoint();
  4. }, 1000/30);
[JAVASCRIPT] pobierz, plaintext
,

albo jej nie zamazywać

a teraz ją zamazujesz, bo czyścisz cały ekran na początku:
[JAVASCRIPT] pobierz, plaintext
  1. context.clearRect(0, 0, plotno.width, plotno.height);
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.