topical media & game development
mobile-query-game-tests-human-tiles-test1.htm / htm
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="../../../jquery.gamequery.js"></script>
<script>
$(function(){
var multiAnimation = new .gameQuery.ANIMATION_HORIZONTAL | .gameQuery.Animation({imageURL: "m.png",
type: .gameQuery.ANIMATION_MULTI | .gameQuery.Animation({imageURL: "s1.png",
type: .gameQuery.Animation({imageURL: "s2.png",
type: .gameQuery.Animation({imageURL: "s3.png",
type: .gameQuery.Animation({imageURL: "s1.png",
type: .gameQuery.ANIMATION_PINGPONG,
numberOfFrame: 3,
delta: 10,
rate: 300});
animationsPingpong[1] = new .gameQuery.ANIMATION_HORIZONTAL | .gameQuery.Animation({imageURL: "s3.png",
type: .gameQuery.ANIMATION_PINGPONG,
numberOfFrame: 3,
delta: 10,
rate: 300});
var tileDef = [[1,2,3],[2,3,1],[3,1,2]];
var tileFun = function(i,j){return 1+(i+j)%3;};
$("#playground").playground({height: 64, width: 350});
.playground().startGame();
});
</script>
</head>
<body>
<h2>The four first tiles should be the same and the fith and sixth should be out of phase and the last one like the first:</h2>
<div id="playground" style="width: 350px; height: 50px; background: white"></div>
</body>
</html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.