aboutsummaryrefslogtreecommitdiff
path: root/node_modules/ninja-components/flow-controller.reel/flow-controller.html
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/ninja-components/flow-controller.reel/flow-controller.html')
-rw-r--r--node_modules/ninja-components/flow-controller.reel/flow-controller.html275
1 files changed, 275 insertions, 0 deletions
diff --git a/node_modules/ninja-components/flow-controller.reel/flow-controller.html b/node_modules/ninja-components/flow-controller.reel/flow-controller.html
new file mode 100644
index 00000000..da2fae62
--- /dev/null
+++ b/node_modules/ninja-components/flow-controller.reel/flow-controller.html
@@ -0,0 +1,275 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <script type="text/montage-serialization">
11 {
12 "image1": {
13 "module": "montage/ui/image3d.reel",
14 "name": "Image3D",
15 "properties": {
16 "element": {"#": "image"}
17 },
18 "bindings": {
19 "data": {
20 "boundObject": {"@": "flow1"},
21 "boundObjectPropertyPath": "objectAtCurrentIteration",
22 "oneway": true
23 }
24 }
25 },
26 "scroll1": {
27 "module": "montage/ui/scroll",
28 "name": "Scroll",
29 "properties": {
30 "pointerSpeedMultiplier": 1,
31 "component": {"@": "offset"}
32 },
33 "bindings": {
34 "element": {
35 "boundObject": {"@": "flow1"},
36 "boundObjectPropertyPath": "_element",
37 "oneway": true
38 },
39 "maxScrollX": {
40 "boundObject": {"@": "offset"},
41 "boundObjectPropertyPath": "length",
42 "oneway": true
43 },
44 "scrollX": {
45 "boundObject": {"@": "offset"},
46 "boundObjectPropertyPath": "origin",
47 "oneway": false
48 }
49 }
50 },
51 "offset": {
52 "module": "montage/ui/flow-offset",
53 "name": "FlowOffset",
54 "properties": {
55 "scale": 350,
56 "component": {"@": "flow1"}
57 },
58 "bindings": {
59 "numberOfNodes": {
60 "boundObject": {"@": "flow1"},
61 "boundObjectPropertyPath": "numberOfNodes",
62 "oneway": true
63 },
64 "selectedComponent": {
65 "boundObject": {"@": "nearest"},
66 "boundObjectPropertyPath": "nearestNeighborComponent",
67 "oneway": true
68 }
69 }
70 },
71 "nearest": {
72 "module": "montage/ui/nearest-neighbor-component-search",
73 "name": "NearestNeighborComponentSearch",
74 "bindings": {
75 "componentList": {
76 "boundObject": {"@": "flow1"},
77 "boundObjectPropertyPath": "_repetitionComponents",
78 "oneway": true
79 },
80 "pointerPosition": {
81 "boundObject": {"@": "scroll1"},
82 "boundObjectPropertyPath": "pointerStartEventPosition",
83 "oneway": true
84 }
85 }
86 },
87 "flow1": {
88 "module": "montage/ui/flow.reel",
89 "name": "Flow",
90 "properties": {
91 "element": {"#": "flow"}
92 },
93 "bindings": {
94 "nodeOffset": {
95 "boundObject": {"@": "offset"},
96 "boundObjectPropertyPath": "offset",
97 "oneway": true
98 },
99 "objects": {
100 "boundObject": {"@": "owner"},
101 "boundObjectPropertyPath": "images",
102 "oneway": true
103 }
104 }
105 },
106 "path1": {
107 "module": "montage/ui/flow-path",
108 "name": "FlowPath",
109 "properties": {
110 "evalPath": [
111 "path.translateX = slide.time-slide.index*155+50",
112 "path.translateY = (slide.index%3)*240+50",
113 "path.translateZ = -slide.time/3",
114 "path.rotateX = slide.speed/200",
115 "path.rotateY = 1",
116 "path.rotateZ = slide.time/500",
117 "path.style.opacity = 1.2 - slide.time/4000"
118 ]
119 }
120 },
121 "path2": {
122 "module": "montage/ui/flow-path",
123 "name": "FlowPath",
124 "properties": {
125 "evalPath": [
126 "path.translateX = slide.time",
127 "path.translateZ = ((slide.time-400)*(slide.time-400))/-1500",
128 "path.rotateX = 0",
129 "path.rotateY = (slide.time-400)/1200",
130 "path.rotateZ = slide.speed/1500",
131 "path.style.opacity = 1"
132 ]
133 }
134 },
135 "pathLerp1": {
136 "module": "montage/ui/flow-path-lerp",
137 "name": "FlowPathLerp",
138 "bindings": {
139 "path1": {
140 "boundObject": {"@": "path1"},
141 "boundObjectPropertyPath": "path",
142 "oneway": true
143 },
144 "path2": {
145 "boundObject": {"@": "path2"},
146 "boundObjectPropertyPath": "path",
147 "oneway": true
148 },
149 "interpolant": {
150 "boundObject": {"@": "owner"},
151 "boundObjectPropertyPath": "interpValue"
152 }
153 }
154 },
155 "path3": {
156 "module": "montage/ui/flow-path",
157 "name": "FlowPath",
158 "properties": {
159
160 },
161 "bindings": {
162 "translateX": {
163 "boundObject": {"@": "translateX"},
164 "boundObjectPropertyPath": "path",
165 "oneway": true
166 },
167 "rotateY": {
168 "boundObject": {"@": "rotateY"},
169 "boundObjectPropertyPath": "path",
170 "oneway": true
171 },
172 "translateZ": {
173 "boundObject": {"@": "translateZ"},
174 "boundObjectPropertyPath": "path",
175 "oneway": true
176 }
177 }
178 },
179 "translateX": {
180 "module": "montage/ui/flow-path-sigmoid",
181 "name": "FlowPathSigmoid",
182 "properties": {
183 "smoothness": 300,
184 "scale": 0.05,
185 "width": 10000,
186 "origin": -8000,
187 "sigmoidCenter": 8000
188 }
189 },
190 "rotateY": {
191 "module": "montage/ui/flow-path-sigmoid",
192 "name": "FlowPathSigmoid",
193 "properties": {
194 "smoothness": 300,
195 "scale": -0.00024,
196 "width": 10000,
197 "origin": -8000,
198 "sigmoidCenter": 8000,
199 "slope": 0
200 }
201 },