quand je load ma page web, j'ai une function qui va faire un dégradé d'un ciel noir et afficher 6 étoiles au hasard dans le ciel dans un canvas j'ai aussi une image ovni dans mon canvas. Après avoir affiché mon ciel et mes étoiles, je pars un web worker qui va uniquement calculer au hasard des nouvelles positions pour l'ovni et je renvoie ces position dans ma main page. mon problème est que mon ovni ne s'affiche juste pas, je ne sais pas si c'Est le web worker le problème ou le fait que j'essaye de le re dessiner plusieurs fois ...

voici mon web worker :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
var xx = 30;
var yy = 30;
var MAXLARGEUR = 250;
var MAXHAUTEUR = 350;
 
function move()
{
	while(true)
	{
		setTimeout(move,500);
		if(Math.random()* 1 > 0)
		{
			if(xx + 5 < MAXLARGEUR)
				xx = xx + 5;
		}
		else
		{
			if(xx - 5 > 0)
				xx = xx - 5;
		}
		if(Math.random()* 1 > 0)
		{
			if(yy + 5 < MAXHAUTEUR)
				yy = yy + 5;
		}
		else
		{
			if(yy - 5 > 0)
				yy = yy - 5;
		}
		postMessage(xx+yy);
	}
}
voici ce que je fais avant d'appeler mon Web Worker.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<body onload="Init()">
	<canvas id="MonCanVas" width="250" height="350"></canvas>
	<script>
 
		var xx = 30;
		var yy = 30;
		var i = 0;
		var j = 0;
		var h = 115;
		var l = 250;
		var y = 0;
		var x = 0;
		var img = new Image();
		img.src = "images/ovni.png";
 
		var c = document.getElementById("MonCanVas");
		var ctx = c.getContext("2d");
		var grd = ctx.createLinearGradient(0,0,0,350);
		var w;
 
		grd.addColorStop(0,"black");
		grd.addColorStop(1,"royalblue");
 
		ctx.fillStyle=grd;
		ctx.fillRect(0,0,250,350);
		ctx.fillStyle="#FFFFFF";
 
		function Init()
		{
			while(i < 3)
			{
				while(j < 2)
				{
					y = Math.random()* (h - ( h - 114) + 1) + (h - 114);
					x = Math.random()* (250 - 1 + 1)+1;
					ctx.beginPath();
					ctx.arc(x,y,Math.random()* (3 - 1 + 1)+1,0,2*Math.PI);
					ctx.fill();
					j = j + 1;
				}
				j = 0;
				h = h + 115;
				i = i + 1;
			}
			drawImage(img,xx,yy);
			StartWorker();
		}
 
		function StartWorker()
		{
			if(window.Worker)
			{
				var message;
				var worker=new Worker("animate.js");
				worker.onmessage=function(event)
				{
					message = event.data;
					drawImage(img,message.substr(1,2),message.substr(3,4));
				}
			}
			else
			{
				alert("Désolé votre navigateur "+ "ne supporte pas les workers ! ?");
			}
		}
 
		function stopWorker()
		{ 
			w.terminate();
		}
 
	</script>
</body>