OLD | NEW |
1 // Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file |
2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
4 | 4 |
5 library swipe; | 5 library swipe; |
6 | 6 |
7 import 'dart:html'; | 7 import 'dart:html'; |
8 import 'dart:math'; | 8 import 'dart:math'; |
9 | 9 |
10 Element target; | 10 Element target; |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
64 break; | 64 break; |
65 } | 65 } |
66 }); | 66 }); |
67 | 67 |
68 document.on.keyUp.add((event) => stopSpin()); | 68 document.on.keyUp.add((event) => stopSpin()); |
69 } | 69 } |
70 | 70 |
71 void initialize3D() { | 71 void initialize3D() { |
72 target.classes.add("transformable"); | 72 target.classes.add("transformable"); |
73 | 73 |
74 num childCount = target.elements.length; | 74 num childCount = target.children.length; |
75 | 75 |
76 window.requestLayoutFrame(() { | 76 window.requestLayoutFrame(() { |
77 num width = query("#target").clientWidth; | 77 num width = query("#target").clientWidth; |
78 figureWidth = (width / 2) ~/ tan(PI / childCount); | 78 figureWidth = (width / 2) ~/ tan(PI / childCount); |
79 | 79 |
80 target.style.transform = "translateZ(-${figureWidth}px)"; | 80 target.style.transform = "translateZ(-${figureWidth}px)"; |
81 | 81 |
82 num radius = (figureWidth * 1.2).round(); | 82 num radius = (figureWidth * 1.2).round(); |
83 query('#container2').style.width = "${radius}px"; | 83 query('#container2').style.width = "${radius}px"; |
84 | 84 |
85 for (int i = 0; i < childCount; i++) { | 85 for (int i = 0; i < childCount; i++) { |
86 var panel = target.elements[i]; | 86 var panel = target.children[i]; |
87 | 87 |
88 panel.classes.add("transformable"); | 88 panel.classes.add("transformable"); |
89 | 89 |
90 panel.style.transform = | 90 panel.style.transform = |
91 "rotateY(${i * (360 / childCount)}deg) translateZ(${radius}px)"; | 91 "rotateY(${i * (360 / childCount)}deg) translateZ(${radius}px)"; |
92 } | 92 } |
93 | 93 |
94 spinFigure(target, -1); | 94 spinFigure(target, -1); |
95 }); | 95 }); |
96 } | 96 } |
97 | 97 |
98 void spinFigure(Element figure, int direction) { | 98 void spinFigure(Element figure, int direction) { |
99 num childCount = target.elements.length; | 99 num childCount = target.children.length; |
100 | 100 |
101 anglePos += (360.0 / childCount) * direction; | 101 anglePos += (360.0 / childCount) * direction; |
102 | 102 |
103 figure.style.transform = | 103 figure.style.transform = |
104 'translateZ(-${figureWidth}px) rotateY(${anglePos}deg)'; | 104 'translateZ(-${figureWidth}px) rotateY(${anglePos}deg)'; |
105 } | 105 } |
106 | 106 |
107 /** | 107 /** |
108 * Start an indefinite spin in the given direction. | 108 * Start an indefinite spin in the given direction. |
109 */ | 109 */ |
110 void startSpin(Element figure, int direction) { | 110 void startSpin(Element figure, int direction) { |
111 // If we're not already spinning - | 111 // If we're not already spinning - |
112 if (timeoutHandle == null) { | 112 if (timeoutHandle == null) { |
113 spinFigure(figure, direction); | 113 spinFigure(figure, direction); |
114 | 114 |
115 timeoutHandle = window.setInterval( | 115 timeoutHandle = window.setInterval( |
116 () => spinFigure(figure, direction), 100); | 116 () => spinFigure(figure, direction), 100); |
117 } | 117 } |
118 } | 118 } |
119 | 119 |
120 /** | 120 /** |
121 * Stop any spin that may be in progress. | 121 * Stop any spin that may be in progress. |
122 */ | 122 */ |
123 void stopSpin() { | 123 void stopSpin() { |
124 if (timeoutHandle != null) { | 124 if (timeoutHandle != null) { |
125 window.clearInterval(timeoutHandle); | 125 window.clearInterval(timeoutHandle); |
126 timeoutHandle = null; | 126 timeoutHandle = null; |
127 } | 127 } |
128 } | 128 } |
OLD | NEW |