diff options
Diffstat (limited to 'node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html')
-rwxr-xr-x | node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html | 52 |
1 files changed, 8 insertions, 44 deletions
diff --git a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html index fdb452d7..34f207b4 100755 --- a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html +++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html | |||
@@ -15,7 +15,8 @@ | |||
15 | "prototype": "montage/ui/picasa-carousel.reel", | 15 | "prototype": "montage/ui/picasa-carousel.reel", |
16 | "properties": { | 16 | "properties": { |
17 | "element": {"#": "montage-google-picasa-carousel"}, | 17 | "element": {"#": "montage-google-picasa-carousel"}, |
18 | "searchResultsList": {"@": "searchResultsList"} | 18 | "searchResultsList": {"@": "searchResultsList"}, |
19 | "flow": {"@": "flow1"} | ||
19 | } | 20 | } |
20 | }, | 21 | }, |
21 | "searchResultsController": { | 22 | "searchResultsController": { |
@@ -83,7 +84,7 @@ | |||
83 | "cameraRotationAxisX": 1, | 84 | "cameraRotationAxisX": 1, |
84 | "cameraRotationAxisY": 0, | 85 | "cameraRotationAxisY": 0, |
85 | "cameraRotationAxisZ": 0, | 86 | "cameraRotationAxisZ": 0, |
86 | "scale": 380 | 87 | "scale": 210 |
87 | }, | 88 | }, |
88 | "bindings": { | 89 | "bindings": { |
89 | "objects": { | 90 | "objects": { |
@@ -92,8 +93,8 @@ | |||
92 | "oneway": true | 93 | "oneway": true |
93 | }, | 94 | }, |
94 | "path": { | 95 | "path": { |
95 | "boundObject": {"@": "pathLerp1"}, | 96 | "boundObject": {"@": "path2"}, |
96 | "boundObjectPropertyPath": "resultPath", | 97 | "boundObjectPropertyPath": "path", |
97 | "oneway": true | 98 | "oneway": true |
98 | }, | 99 | }, |
99 | "cameraRotationAngle": { | 100 | "cameraRotationAngle": { |
@@ -113,20 +114,6 @@ | |||
113 | } | 114 | } |
114 | } | 115 | } |
115 | }, | 116 | }, |
116 | "path1": { | ||
117 | "module": "montage/ui/flow-path", | ||
118 | "name": "FlowPath", | ||
119 | "properties": { | ||
120 | "evalPath": [ | ||
121 | "path.translateX = slide.time-slide.index*155+50", | ||
122 | "path.translateY = (slide.index%3)*240", | ||
123 | "path.translateZ = -slide.time/3", | ||
124 | "path.rotateX = slide.speed/200", | ||
125 | "path.rotateY = 1", | ||
126 | "path.rotateZ = slide.time/500" | ||
127 | ] | ||
128 | } | ||
129 | }, | ||
130 | "path2": { | 117 | "path2": { |
131 | "module": "montage/ui/flow-path", | 118 | "module": "montage/ui/flow-path", |
132 | "name": "FlowPath", | 119 | "name": "FlowPath", |
@@ -134,35 +121,12 @@ | |||
134 | "evalPath": [ | 121 | "evalPath": [ |
135 | "path.translateX = slide.time", | 122 | "path.translateX = slide.time", |
136 | "path.translateY = 0", | 123 | "path.translateY = 0", |
137 | "path.translateZ = slide.time*slide.time/-1500", | 124 | "path.translateZ = Math.pow(1.1, -slide.time*slide.time/30000)*600-600", |
138 | "path.rotateX = 0", | 125 | "path.rotateX = 0", |
139 | "path.rotateY = slide.time/1200", | 126 | "path.rotateY = 0", |
140 | "path.rotateZ = slide.speed/1500" | 127 | "path.rotateZ = slide.speed/1500" |
141 | ] | 128 | ] |
142 | } | 129 | } |
143 | }, | ||
144 | "pathLerp1": { | ||
145 | "module": "montage/ui/flow-path-lerp", | ||
146 | "name": "FlowPathLerp", | ||
147 | "properties": { | ||
148 | "interpolant": 1 | ||
149 | }, | ||
150 | "bindings": { | ||
151 | "path1": { | ||
152 | "boundObject": {"@": "path1"}, | ||
153 | "boundObjectPropertyPath": "path", | ||
154 | "oneway": true | ||
155 | }, | ||
156 | "path2": { | ||
157 | "boundObject": {"@": "path2"}, | ||
158 | "boundObjectPropertyPath": "path", | ||
159 | "oneway": true | ||
160 | }, | ||
161 | "interpolant": { | ||
162 | "boundObject": {"@": "slider1"}, | ||
163 | "boundObjectPropertyPath": "value" | ||
164 | } | ||
165 | } | ||
166 | } | 130 | } |
167 | 131 | ||
168 | } | 132 | } |
@@ -172,7 +136,7 @@ | |||
172 | <body> | 136 | <body> |
173 | 137 | ||
174 | <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel"> | 138 | <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel"> |
175 | <div id="flow" class="flow"> | 139 | <div id="flow" class="flow" style="-webkit-perspective: 1400px; -webkit-transform-style: preserve-3d; width:800px; height:160px; border:1px;"> |
176 | <img id="image" class="image"/> | 140 | <img id="image" class="image"/> |
177 | </div> | 141 | </div> |
178 | </div> | 142 | </div> |