-
Notifications
You must be signed in to change notification settings - Fork 0
/
render.js
48 lines (47 loc) · 1.11 KB
/
render.js
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
/*
* 渲染器 1.1
* @author eric_zyh
* @web http://www.zhaoyuhao.com
* @email [email protected]
* @微博 千叶_V
*
* 必须实现的接口
* 1.render 渲染
* 2.turnleft
* 3.turnright
* 4.turnup
* 5.turndown
*
*/
$(function() {
// 简单渲染器。帮助理解算法
easyrender = {
container : "#container",
render : function(m) {
var c = $("#container").html('');;
for (var z = 0; z < m.d; z++) {
var c2 = $("<div class='col'></div>").appendTo(c).css("height",
m.d * 40 + 20).css("position", "relative");
for (var y = 0; y < m.d; y++) {
for (var x = 0; x < m.d; x++) {
var block = $("<div class='block'>" + m.block[z][y][x] + "</div>").appendTo(c2);
block.css({
'top' : x * 40,
'left' : y * 40
});
}
}
}
},
turnleft : function(m){this.render(m);},
turnright : function(m){this.render(m);},
turnup : function(m){this.render(m);},
turndown : function(m){this.render(m);}
}
// html5渲染器。很绚的效果
html5render = {
render : function(model) {
alert("coding...");
}
}
});