OLD | NEW |
1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 var vrShellUi = (function() { | 5 var vrShellUi = (function() { |
6 'use strict'; | 6 'use strict'; |
7 | 7 |
8 /** | 8 /** |
9 * Enumeration of valid Anchroing for X axis. | 9 * Enumeration of valid Anchroing for X axis. |
10 * A mesh can either be anchored to the left, right, or center of the main | 10 * A mesh can either be anchored to the left, right, or center of the main |
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
176 ]; | 176 ]; |
177 | 177 |
178 var buttonWidth = 0.3; | 178 var buttonWidth = 0.3; |
179 var buttonHeight = 0.2; | 179 var buttonHeight = 0.2; |
180 var buttonSpacing = 0.5; | 180 var buttonSpacing = 0.5; |
181 var buttonStartPosition = -buttonSpacing * (buttons.length / 2.0 - 0.5); | 181 var buttonStartPosition = -buttonSpacing * (buttons.length / 2.0 - 0.5); |
182 | 182 |
183 for (var i = 0; i < buttons.length; i++) { | 183 for (var i = 0; i < buttons.length; i++) { |
184 var b = document.createElement('div'); | 184 var b = document.createElement('div'); |
185 b.position = 'absolute'; | 185 b.position = 'absolute'; |
186 b.style.top = '200px'; | 186 b.style.top = '384px'; |
187 b.style.left = 50 * i + 'px'; | 187 b.style.left = 50 * i + 'px'; |
188 b.style.width = '50px'; | 188 b.style.width = '50px'; |
189 b.style.height = '50px'; | 189 b.style.height = '50px'; |
190 b.className = 'ui-button'; | 190 b.className = 'ui-button'; |
191 b.textContent = buttons[i][0]; | 191 b.textContent = buttons[i][0]; |
192 | 192 |
193 // Add click behaviour. | 193 // Add click behaviour. |
194 b.addEventListener('click', function(action, e) { | 194 b.addEventListener('click', function(action, e) { |
195 chrome.send('doAction', [action]); | 195 chrome.send('doAction', [action]); |
196 }.bind(undefined, buttons[i][1])); | 196 }.bind(undefined, buttons[i][1])); |
197 | 197 |
198 document.body.appendChild(b); | 198 document.body.appendChild(b); |
199 | 199 |
200 // Add a UI rectangle for the button. | 200 // Add a UI rectangle for the button. |
201 var el = new UiElement(50 * i, 200, 50, 50, buttonWidth, buttonHeight); | 201 var el = new UiElement(50 * i, 384, 50, 50, buttonWidth, buttonHeight); |
202 el.parentId = 0; | 202 el.parentId = 0; |
203 el.setAnchoring(XAnchoring.XNONE, YAnchoring.YBOTTOM); | 203 el.setAnchoring(XAnchoring.XNONE, YAnchoring.YBOTTOM); |
204 el.setTranslation(buttonStartPosition + buttonSpacing * i, -0.3, 0.0); | 204 el.setTranslation(buttonStartPosition + buttonSpacing * i, -0.3, 0.0); |
205 var id = idIndex++; | 205 var id = idIndex++; |
206 addMesh(id, el); | 206 addMesh(id, el); |
207 | 207 |
208 // Add transitions when the mouse hovers over (and leaves) the button. | 208 // Add transitions when the mouse hovers over (and leaves) the button. |
209 b.addEventListener('mouseenter', function(buttonId, width, height, e) { | 209 b.addEventListener('mouseenter', function(buttonId, width, height, e) { |
210 var resize = new Animation(buttonId, 250); | 210 var resize = new Animation(buttonId, 250); |
211 resize.id = idIndex++; | 211 resize.id = idIndex++; |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
250 } | 250 } |
251 chrome.send('updateScene', commands); | 251 chrome.send('updateScene', commands); |
252 } | 252 } |
253 | 253 |
254 return { | 254 return { |
255 initialize: initialize, | 255 initialize: initialize, |
256 }; | 256 }; |
257 })(); | 257 })(); |
258 | 258 |
259 document.addEventListener('DOMContentLoaded', vrShellUi.initialize); | 259 document.addEventListener('DOMContentLoaded', vrShellUi.initialize); |
OLD | NEW |