cube/index.html at master · infocris/cube · GitHub

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
<!doctype html>
<html ng-app="app">
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
	<script src="http://underscorejs.org/underscore-min.js"></script>
	<script src="three.min.js"></script>
	<script src="app/app.js"></script>
	<script src="app/app.slot.js"></script>
	<script src="app/app.mid.js"></script>
	<script src="game.js"></script>
	<script src="cube/Face.js"></script>
	<script src="cube/Slot.js"></script>
	<script src="3d.js"></script>
	<link rel="stylesheet" href="display.css" type="text/css" />
</head>
<body>
<!-- 	<span ng-repeat="slot in cube.flat">{{ slot.id }} </span><br/> -->

<!-- 	<faces ng-repeat="i in [2,3,4,5,0,1]"> -->
<!-- 		<face><slot ng-class="['color'+slot.color]" ng-repeat="slot in cube.faces[i].relative(0)"></slot></face> -->
<!-- 			<br/> -->
<!-- 		<face><slot ng-class="['color'+slot.color]" ng-repeat="slot in cube.faces[i].relative(3)"></slot></face> -->
<!-- 		<face mid><slot ng-class="['color'+slot.color]" ng-repeat="slot in cube.faces[i].slots"></slot></face> -->
<!-- 		<face><slot ng-class="['color'+slot.color]" ng-repeat="slot in cube.faces[i].relative(1)"></slot></face> -->
<!-- 			<br/> -->
<!-- 		<face><slot ng-class="['color'+slot.color]" ng-repeat="slot in cube.faces[i].relative(2)"></slot></face> -->
<!-- 	</faces> -->

	<faces ng-repeat="i in [2,0,1]">
<!-- 	<faces ng-repeat="i in [2,3,4,5,0,1]"> -->
		<face><slot ng-repeat="slot in cube.faces[i].relative(0)"></slot></face>
			<br/>
		<face><slot ng-repeat="slot in cube.faces[i].relative(3)"></slot></face>
		<face mid><slot ng-repeat="slot in cube.faces[i].slots"></slot></face>
		<face><slot ng-repeat="slot in cube.faces[i].relative(1)"></slot></face>
			<br/>
		<face><slot ng-repeat="slot in cube.faces[i].relative(2)"></slot></face>
	</faces>

	<div id="render" style="float: right;"></div>

	<br/>

	<face ng-repeat="transform in [0, 1, 2, 3]">
		<slot ng-repeat="slot in cube.faces[0].slots|rotate:transform"></slot>
	</face>
	<br/>

<!-- 	<face ng-repeat="slots in ['slots', 'slots270', 'slots180', 'slots90']"> -->
<!-- 		<slot ng-repeat="slot in cube.faces[0][slots]"></slot> -->
<!-- 	</face> -->
<!-- 	<br/> -->

	<face ng-repeat="i in [2,3,4,5]">
		<slot ng-repeat="slot in cube.faces[i].slots"></slot>
	</face>
	<br/>
	<face ng-repeat="transform in [0, 3, 2, 1]">
		<slot ng-repeat="slot in cube.faces[1].slots|rotate:transform"></slot>
	</face>
	<br/>
<!-- 	<face ng-repeat="slots in ['slots', 'slots90', 'slots180', 'slots270']"> -->
<!-- 		<slot ng-repeat="slot in cube.faces[1][slots]"></slot> -->
<!-- 	</face> -->
<!-- 	<br/> -->
	<face ng-repeat="i in [4,5]">
		<slot ng-repeat="slot in cube.faces[i].slots180"></slot>
	</face>

	<br/>
</body>
</html>