Snake - the game - Revision history

A WASSERMANN at 09:36, 21 February 2013

2013-02-21T09:36:21Z

← Older revision		Revision as of 09:36, 21 February 2013
Line 28:		Line 28:
	var setRandomPosition = function() {		var setRandomPosition = function() {
	point.setPositionDirectly(JXG.COORDS_BY_USER,		point.setPositionDirectly(JXG.COORDS_BY_USER,
	Math.round(Math.random()*18)+1,		[Math.round(Math.random()*18)+1,
	Math.round(Math.random()*18)+1);		Math.round(Math.random()*18)+1]);
	}		}
	var keyDown = function (Evt) {		var keyDown = function (Evt) {
Line 114:		Line 114:
	var setRandomPosition = function() {		var setRandomPosition = function() {
	point.setPositionDirectly(JXG.COORDS_BY_USER,		point.setPositionDirectly(JXG.COORDS_BY_USER,
	Math.round(Math.random()*18)+1,		[Math.round(Math.random()*18)+1,
	Math.round(Math.random()*18)+1);		Math.round(Math.random()*18)+1]);
	}		}
	var keyDown = function (Evt) {		var keyDown = function (Evt) {

Michael at 11:35, 31 January 2013

2013-01-31T11:35:44Z

← Older revision		Revision as of 11:35, 31 January 2013
Line 92:		Line 92:

	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('box',{~~originX~~:0,~~originY:600~~,~~unitX:30~~,~~unitY:30~~,grid:true});		var board = JXG.JSXGraph.initBoard('box',{boundingbox: [0, 20, 20, 0],grid:true});
	var snake = {		var snake = {
	points : [[10,11],[10,10]],		points : [[10,11],[10,10]],

A WASSERMANN at 18:26, 14 January 2012

2012-01-14T18:26:40Z

← Older revision		Revision as of 18:26, 14 January 2012
Line 24:		Line 24:
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:~~'28px'~~});		var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:28});

	var setRandomPosition = function() {		var setRandomPosition = function() {
Line 110:		Line 110:
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:~~'28px'~~});		var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:28});

	var setRandomPosition = function() {		var setRandomPosition = function() {

Michael at 13:54, 8 June 2011

2011-06-08T13:54:36Z

← Older revision		Revision as of 13:54, 8 June 2011
Line 2:		Line 2:
	After starting the game the "snake" can be controlled with the arrow up/down/left/right keys.		After starting the game the "snake" can be controlled with the arrow up/down/left/right keys.
	<html>		<html>
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~
	<form><input type="button" onClick="startGame()" value="start game"></form>		<form><input type="button" onClick="startGame()" value="start game"></form>
	<~~div id~~="box" ~~class~~="~~jxgbox~~" ~~style="width:600px;~~ height~~:600px; overflow:hidden;"></div>~~		</html>
	~~<script type~~="~~text/javascript~~">
	var board = JXG.JSXGraph.initBoard('box',{~~originX~~:0,~~originY:600~~,~~unitX:30~~,~~unitY:30,grid:true~~});		<jsxgraph box="box" width="600" height="600">
			var board = JXG.JSXGraph.initBoard('box',{boundingbox: [0, 20, 20, 0]});
	var snake = {		var snake = {
	points : [[10,11],[10,10]],		points : [[10,11],[10,10]],
Line 83:		Line 82:
	crawl();		crawl();
	}		}
	</~~script>~~		</jsxgraph>
	~~</html~~>

	<source lang="xml">		<source lang="xml">
Line 91:		Line 89:
	<form><input type="button" onClick="startGame()" value="start game"></form>		<form><input type="button" onClick="startGame()" value="start game"></form>
	<div id="box" class="jxgbox" style="width:600px; height:600px; overflow:hidden; "></div>		<div id="box" class="jxgbox" style="width:600px; height:600px; overflow:hidden; "></div>
	~~<script type="text/javascript">~~
	</source>		</source>

	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('box',{originX:0,originY:600,unitX:30,unitY:30,grid:true});		var board = JXG.JSXGraph.initBoard('box',{originX:0,originY:600,unitX:30,unitY:30,grid:true});
Line 170:		Line 168:
	crawl();		crawl();
	}		}
	~~</source>~~
	~~<source lang="xml">~~
	~~</script>~~
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 10:02, 5 June 2010

2010-06-05T10:02:05Z

A WASSERMANN at 14:35, 29 October 2009

2009-10-29T14:35:43Z

← Older revision		Revision as of 14:35, 29 October 2009
Line 1:		Line 1:
	This simple version of the old C64 game "snake" is realized completely in JavaScript with ~~[http://jquery.com jQuery] and~~ [http://jsxgraph.org JSXGraph].		This simple version of the old C64 game "snake" is realized completely in JavaScript with [http://jsxgraph.org JSXGraph].
	After starting the game the "snake" can be controlled with the arrow up/down/left/right keys.		After starting the game the "snake" can be controlled with the arrow up/down/left/right keys.
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<form><input type="button" onClick="startGame()" value="start game"></form>		<form><input type="button" onClick="startGame()" value="start game"></form>
Line 89:		Line 88:
	<source lang="xml">		<source lang="xml">
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<form><input type="button" onClick="startGame()" value="start game"></form>		<form><input type="button" onClick="startGame()" value="start game"></form>

A WASSERMANN at 14:51, 8 February 2009

2009-02-08T14:51:12Z

← Older revision		Revision as of 14:51, 8 February 2009
Line 22:		Line 22:
	}		}
	}		}
	var curve = board.createElement('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.4});		var curve = board.createElement('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.7});
	var point = board.createElement('point', [		var point = board.createElement('point', [
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],

A WASSERMANN at 14:50, 8 February 2009

2009-02-08T14:50:45Z

← Older revision		Revision as of 14:50, 8 February 2009
Line 22:		Line 22:
	}		}
	}		}
	var curve = board.createElement('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.7});		var curve = board.createElement('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.4});
	var point = board.createElement('point', [		var point = board.createElement('point', [
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],

A WASSERMANN at 14:48, 8 February 2009

2009-02-08T14:48:15Z

← Older revision		Revision as of 14:48, 8 February 2009
Line 26:		Line 26:
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.createElement('text', [2,1,function() { return snake.size; }], {fontSize:'~~32px~~'});		var t = board.createElement('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});

	var setRandomPosition = function() {		var setRandomPosition = function() {
Line 114:		Line 114:
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.createElement('text', [2,1,function() { return snake.size; }]);		var t = board.createElement('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});

	var setRandomPosition = function() {		var setRandomPosition = function() {

A WASSERMANN at 14:44, 8 February 2009

2009-02-08T14:44:38Z

← Older revision		Revision as of 14:44, 8 February 2009
Line 26:		Line 26:
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.createElement('text', [2,1,function() { return snake.size; }], {fontSize:'32'});		var t = board.createElement('text', [2,1,function() { return snake.size; }], {fontSize:'32px'});

	var setRandomPosition = function() {		var setRandomPosition = function() {

← Older revision		Revision as of 10:02, 5 June 2010
Line 21:		Line 21:
	}		}
	}		}
	var curve = board.~~createElement~~('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.7});		var curve = board.create('curve', snake.points , {strokeColor:'#B71313',strokeWidth:20,strokeOpacity:0.7});
	var point = board.~~createElement~~('point', [		var point = board.create('point', [
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.~~createElement~~('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});		var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});

	var setRandomPosition = function() {		var setRandomPosition = function() {
Line 108:		Line 108:
	}		}
	}		}
	var curve = board.~~createElement~~('curve', snake.points , {strokeWidth:20,strokeOpacity:0.5});		var curve = board.create('curve', snake.points , {strokeWidth:20,strokeOpacity:0.5});
	var point = board.~~createElement~~('point', [		var point = board.create('point', [
	Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],		Math.round(Math.random()18)+1,Math.round(Math.random()18)+1],
	{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});		{strokeColor:'#4CADD4',fillColor:'#4CADD4',strokeWidth:10,name:' '});
	var t = board.~~createElement~~('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});		var t = board.create('text', [2,1,function() { return snake.size; }], {fontSize:'28px'});

	var setRandomPosition = function() {		var setRandomPosition = function() {