| 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 api = (function() { | 5 var api = (function() { |
| 6 'use strict'; | 6 'use strict'; |
| 7 | 7 |
| 8 /** | 8 /** |
| 9 * Enumeration of scene update commands. | 9 * Enumeration of scene update commands. |
| 10 * @enum {number} | 10 * @enum {number} |
| (...skipping 25 matching lines...) Expand all Loading... |
| 36 } | 36 } |
| 37 | 37 |
| 38 /** | 38 /** |
| 39 * Enumeration of valid Anchroing for X axis. | 39 * Enumeration of valid Anchroing for X axis. |
| 40 * An element can either be anchored to the left, right, or center of the main | 40 * An element can either be anchored to the left, right, or center of the main |
| 41 * content rect (or it can be absolutely positioned using NONE). Any | 41 * content rect (or it can be absolutely positioned using NONE). Any |
| 42 * translations applied will be relative to this anchoring. | 42 * translations applied will be relative to this anchoring. |
| 43 * @enum {number} | 43 * @enum {number} |
| 44 * @const | 44 * @const |
| 45 */ | 45 */ |
| 46 var XAnchoring = Object.freeze({ | 46 var XAnchoring = Object.freeze({'XNONE': 0, 'XLEFT': 1, 'XRIGHT': 2}); |
| 47 'XNONE': 0, | |
| 48 'XLEFT': 1, | |
| 49 'XRIGHT': 2 | |
| 50 }); | |
| 51 | 47 |
| 52 /** | 48 /** |
| 53 * Enumeration of valid Anchroing for Y axis. | 49 * Enumeration of valid Anchroing for Y axis. |
| 54 * @enum {number} | 50 * @enum {number} |
| 55 * @const | 51 * @const |
| 56 */ | 52 */ |
| 57 var YAnchoring = Object.freeze({ | 53 var YAnchoring = Object.freeze({'YNONE': 0, 'YTOP': 1, 'YBOTTOM': 2}); |
| 58 'YNONE': 0, | |
| 59 'YTOP': 1, | |
| 60 'YBOTTOM': 2 | |
| 61 }); | |
| 62 | 54 |
| 63 /** | 55 /** |
| 64 * Enumeration of actions that can be triggered by the HTML UI. | 56 * Enumeration of actions that can be triggered by the HTML UI. |
| 65 * @enum {number} | 57 * @enum {number} |
| 66 * @const | 58 * @const |
| 67 */ | 59 */ |
| 68 var Action = Object.freeze({ | 60 var Action = Object.freeze({ |
| 69 'HISTORY_BACK': 0, | 61 'HISTORY_BACK': 0, |
| 70 'HISTORY_FORWARD': 1, | 62 'HISTORY_FORWARD': 1, |
| 71 'RELOAD': 2, | 63 'RELOAD': 2, |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 106 function setUiCssSize(width, height, dpr) { | 98 function setUiCssSize(width, height, dpr) { |
| 107 chrome.send('setUiCssSize', [width, height, dpr]); | 99 chrome.send('setUiCssSize', [width, height, dpr]); |
| 108 } | 100 } |
| 109 | 101 |
| 110 /** | 102 /** |
| 111 * Represents updates to UI element properties. Any properties set on this | 103 * Represents updates to UI element properties. Any properties set on this |
| 112 * object are relayed to an underlying native element via scene command. | 104 * object are relayed to an underlying native element via scene command. |
| 113 * Properties that are not set on this object are left unchanged. | 105 * Properties that are not set on this object are left unchanged. |
| 114 */ | 106 */ |
| 115 class UiElementUpdate { | 107 class UiElementUpdate { |
| 116 | |
| 117 setIsContentQuad() { | 108 setIsContentQuad() { |
| 118 this.contentQuad = true; | 109 this.contentQuad = true; |
| 119 } | 110 } |
| 120 | 111 |
| 121 /** | 112 /** |
| 122 * Specify a parent for this element. If set, this element is positioned | 113 * Specify a parent for this element. If set, this element is positioned |
| 123 * relative to its parent element, rather than absolutely. This allows | 114 * relative to its parent element, rather than absolutely. This allows |
| 124 * elements to automatically move with a parent. | 115 * elements to automatically move with a parent. |
| 125 */ | 116 */ |
| 126 setParentId(id) { | 117 setParentId(id) { |
| 127 this.parentId = id; | 118 this.parentId = id; |
| 128 } | 119 } |
| 129 | 120 |
| 130 /** | 121 /** |
| 131 * Specify the width and height (in meters) of an element. | 122 * Specify the width and height (in meters) of an element. |
| 132 */ | 123 */ |
| 133 setSize(x, y) { | 124 setSize(x, y) { |
| 134 this.size = { x: x, y: y }; | 125 this.size = {x: x, y: y}; |
| 135 } | 126 } |
| 136 | 127 |
| 137 /** | 128 /** |
| 138 * Specify optional scaling of the element, and any children. | 129 * Specify optional scaling of the element, and any children. |
| 139 */ | 130 */ |
| 140 setScale(x, y, z) { | 131 setScale(x, y, z) { |
| 141 this.scale = { x: x, y: y, z: z }; | 132 this.scale = {x: x, y: y, z: z}; |
| 142 } | 133 } |
| 143 | 134 |
| 144 /** | 135 /** |
| 145 * Specify rotation for the element. The rotation is specified in axis-angle | 136 * Specify rotation for the element. The rotation is specified in axis-angle |
| 146 * representation (rotate around unit vector [x, y, z] by 'a' radians). | 137 * representation (rotate around unit vector [x, y, z] by 'a' radians). |
| 147 */ | 138 */ |
| 148 setRotation(x, y, z, a) { | 139 setRotation(x, y, z, a) { |
| 149 this.rotation = { x: x, y: y, z: z, a: a }; | 140 this.rotation = {x: x, y: y, z: z, a: a}; |
| 150 } | 141 } |
| 151 | 142 |
| 152 /** | 143 /** |
| 153 * Specify the translation of the element. If anchoring is specified, the | 144 * Specify the translation of the element. If anchoring is specified, the |
| 154 * offset is applied to the anchoring position rather than the origin. | 145 * offset is applied to the anchoring position rather than the origin. |
| 155 * Translation is applied after scaling and rotation. | 146 * Translation is applied after scaling and rotation. |
| 156 */ | 147 */ |
| 157 setTranslation(x, y, z) { | 148 setTranslation(x, y, z) { |
| 158 this.translation = { x: x, y: y, z: z }; | 149 this.translation = {x: x, y: y, z: z}; |
| 159 } | 150 } |
| 160 | 151 |
| 161 /** | 152 /** |
| 162 * Anchoring allows a rectangle to be positioned relative to the edge of | 153 * Anchoring allows a rectangle to be positioned relative to the edge of |
| 163 * its parent, without being concerned about the size of the parent. | 154 * its parent, without being concerned about the size of the parent. |
| 164 * Values should be XAnchoring and YAnchoring elements. | 155 * Values should be XAnchoring and YAnchoring elements. |
| 165 * Example: element.setAnchoring(XAnchoring.XNONE, YAnchoring.YBOTTOM); | 156 * Example: element.setAnchoring(XAnchoring.XNONE, YAnchoring.YBOTTOM); |
| 166 */ | 157 */ |
| 167 setAnchoring(x, y) { | 158 setAnchoring(x, y) { |
| 168 this.xAnchoring = x; | 159 this.xAnchoring = x; |
| (...skipping 30 matching lines...) Expand all Loading... |
| 199 class UiElement extends UiElementUpdate { | 190 class UiElement extends UiElementUpdate { |
| 200 /** | 191 /** |
| 201 * Constructor of UiElement. | 192 * Constructor of UiElement. |
| 202 * pixelX and pixelY values indicate the left upper corner; pixelWidth and | 193 * pixelX and pixelY values indicate the left upper corner; pixelWidth and |
| 203 * pixelHeight is width and height of the texture to be copied from the web | 194 * pixelHeight is width and height of the texture to be copied from the web |
| 204 * contents. | 195 * contents. |
| 205 */ | 196 */ |
| 206 constructor(pixelX, pixelY, pixelWidth, pixelHeight) { | 197 constructor(pixelX, pixelY, pixelWidth, pixelHeight) { |
| 207 super(); | 198 super(); |
| 208 | 199 |
| 209 this.copyRect = { | 200 this.copyRect = |
| 210 x: pixelX, | 201 {x: pixelX, y: pixelY, width: pixelWidth, height: pixelHeight}; |
| 211 y: pixelY, | |
| 212 width: pixelWidth, | |
| 213 height: pixelHeight | |
| 214 }; | |
| 215 } | 202 } |
| 216 }; | 203 }; |
| 217 | 204 |
| 218 /** | 205 /** |
| 219 * Enumeration of animatable properties. | 206 * Enumeration of animatable properties. |
| 220 * @enum {number} | 207 * @enum {number} |
| 221 * @const | 208 * @const |
| 222 */ | 209 */ |
| 223 var Property = Object.freeze({ | 210 var Property = Object.freeze({ |
| 224 'COPYRECT': 0, | 211 'COPYRECT': 0, |
| 225 'SIZE': 1, | 212 'SIZE': 1, |
| 226 'TRANSLATION': 2, | 213 'TRANSLATION': 2, |
| 227 'ORIENTATION': 3, | 214 'ORIENTATION': 3, |
| 228 'ROTATION': 4 | 215 'ROTATION': 4 |
| 229 }); | 216 }); |
| 230 | 217 |
| 231 /** | 218 /** |
| 232 * Enumeration of easing type. | 219 * Enumeration of easing type. |
| 233 * @enum {number} | 220 * @enum {number} |
| 234 * @const | 221 * @const |
| 235 */ | 222 */ |
| 236 var Easing = Object.freeze({ | 223 var Easing = |
| 237 'LINEAR': 0, | 224 Object.freeze({'LINEAR': 0, 'CUBICBEZIER': 1, 'EASEIN': 2, 'EASEOUT': 3}); |
| 238 'CUBICBEZIER': 1, | |
| 239 'EASEIN': 2, | |
| 240 'EASEOUT': 3 | |
| 241 }); | |
| 242 | 225 |
| 243 /** | 226 /** |
| 244 * Base animation class. An animation can vary only one object property. | 227 * Base animation class. An animation can vary only one object property. |
| 245 */ | 228 */ |
| 246 class Animation { | 229 class Animation { |
| 247 constructor(elementId, durationMs) { | 230 constructor(elementId, durationMs) { |
| 248 this.meshId = elementId; | 231 this.meshId = elementId; |
| 249 this.to = {}; | 232 this.to = {}; |
| 250 this.easing = {}; | 233 this.easing = {}; |
| 251 this.easing.type = api.Easing.LINEAR; | 234 this.easing.type = api.Easing.LINEAR; |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 309 Mode: Mode, | 292 Mode: Mode, |
| 310 getContentElementId: getContentElementId, | 293 getContentElementId: getContentElementId, |
| 311 UiElement: UiElement, | 294 UiElement: UiElement, |
| 312 UiElementUpdate: UiElementUpdate, | 295 UiElementUpdate: UiElementUpdate, |
| 313 Animation: Animation, | 296 Animation: Animation, |
| 314 doAction: doAction, | 297 doAction: doAction, |
| 315 domLoaded: domLoaded, | 298 domLoaded: domLoaded, |
| 316 setUiCssSize: setUiCssSize, | 299 setUiCssSize: setUiCssSize, |
| 317 }; | 300 }; |
| 318 })(); | 301 })(); |
| OLD | NEW |