Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [Javascript] Rysowanie kółka, canvas
Dominator
post
Post #1





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


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ć?
Go to the top of the page
+Quote Post
ssstrz
post
Post #2





Grupa: Zarejestrowani
Postów: 103
Pomógł: 17
Dołączył: 15.12.2012

Ostrzeżenie: (0%)
-----


co znaczy znika? gradient przyslania ci kolko czy moze w animacji nie masz odswiezania tego kolka.... bez kodu to mozna jeszcze wiele powodow podac
Go to the top of the page
+Quote Post
Dominator
post
Post #3





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


  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. }
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #4





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


to nie jest cały kod, nie wkleiłeś jeszcze jak wywołujesz te funkcje...

Go to the top of the page
+Quote Post
Dominator
post
Post #5





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


  1. setInterval(rysuj, 1000/30);
  2. randomPoint();
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #6





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


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


Ten post edytował PrinceOfPersia 1.06.2013, 13:32:24
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 11:04