Jeu points à relier

Version imprimable

04/12/2013, 10h01
Jurafsky

Jeu points à relier

Bonjour à tous,
je suis nouvelle au JS. Il faut que j'arrive à faire cet exercise. J'ai déjà 2 tableaux avec les points sur l'espace. Maintenant il faut créer le script.
Je n'ai aucune idée.
Savez-vous m'aider ou me proposer quelques tutoriel / site qui parle de ce genre de chose?
Merci
04/12/2013, 10h14
SpaceFrog

pour ce qui relève du graphisme, je te conseillerais de t'orienter vers une librairie pour te faciliter le gestion... un truc genre raphael
http://raphaeljs.com/

et un exemple d'application http://www.webappers.com/2013/08/30/...query-raphael/

tu peux aussi utiliser l'élément "canvas" (html5) qui est supporté par la plupart des browsers récents

Code:

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
<!DOCTYPE html>
<html>
	<body>		
		<canvas id="myCanvas" width="500" height="500">
			This feature is not supported by your browser.
		</canvas>		
	</body>	
</html>
 
<script type="text/javascript">
 
	var points = [ {x:0,y:300}, {x:150,y:0}, {x:300,y:300}, {x:0,y:300} ];
	var canvas = document.getElementById('myCanvas');
	var context = canvas.getContext('2d');
 
	context.beginPath(); 
	var firstPoint = points[0];
	context.moveTo(firstPoint.x, firstPoint.y);
	for (var i=1; i<points.length; i++) {
		var currPoint = points[i]; 
		context.lineTo(currPoint.x, currPoint.y);
	}
	context.stroke();
	context.closePath();
 
</script>