babylon.gui.module.d.ts 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677
  1. export = BABYLON.GUI;
  2. export as namespace BABYLON.GUI;
  3. /// <reference path="../../dist/preview release/babylon.d.ts" />
  4. declare module BABYLON.GUI {
  5. interface IFocusableControl {
  6. onFocus(): void;
  7. onBlur(): void;
  8. processKeyboard(evt: KeyboardEvent): void;
  9. }
  10. class AdvancedDynamicTexture extends DynamicTexture {
  11. private _isDirty;
  12. private _renderObserver;
  13. private _resizeObserver;
  14. private _preKeyboardObserver;
  15. private _pointerMoveObserver;
  16. private _pointerObserver;
  17. private _canvasPointerOutObserver;
  18. private _background;
  19. _rootContainer: Container;
  20. _lastPickedControl: Control;
  21. _lastControlOver: Control;
  22. _lastControlDown: Control;
  23. _capturingControl: Control;
  24. _shouldBlockPointer: boolean;
  25. _layerToDispose: Layer;
  26. _linkedControls: Control[];
  27. private _isFullscreen;
  28. private _fullscreenViewport;
  29. private _idealWidth;
  30. private _idealHeight;
  31. private _renderAtIdealSize;
  32. private _focusedControl;
  33. background: string;
  34. idealWidth: number;
  35. idealHeight: number;
  36. renderAtIdealSize: boolean;
  37. readonly layer: Layer;
  38. readonly rootContainer: Container;
  39. focusedControl: IFocusableControl;
  40. constructor(name: string, width: number, height: number, scene: Scene, generateMipMaps?: boolean, samplingMode?: number);
  41. executeOnAllControls(func: (control: Control) => void, container?: Container): void;
  42. markAsDirty(): void;
  43. addControl(control: Control): AdvancedDynamicTexture;
  44. removeControl(control: Control): AdvancedDynamicTexture;
  45. dispose(): void;
  46. private _onResize();
  47. _getGlobalViewport(scene: Scene): Viewport;
  48. private _checkUpdate(camera);
  49. private _render();
  50. private _doPicking(x, y, type);
  51. attach(): void;
  52. attachToMesh(mesh: AbstractMesh, supportPointerMove?: boolean): void;
  53. private _manageFocus();
  54. private _attachToOnPointerOut(scene);
  55. static CreateForMesh(mesh: AbstractMesh, width?: number, height?: number, supportPointerMove?: boolean): AdvancedDynamicTexture;
  56. static CreateFullscreenUI(name: string, foreground?: boolean, scene?: Scene): AdvancedDynamicTexture;
  57. }
  58. }
  59. /// <reference path="../../dist/preview release/babylon.d.ts" />
  60. declare module BABYLON.GUI {
  61. class Measure {
  62. left: number;
  63. top: number;
  64. width: number;
  65. height: number;
  66. constructor(left: number, top: number, width: number, height: number);
  67. copyFrom(other: Measure): void;
  68. isEqualsTo(other: Measure): boolean;
  69. static Empty(): Measure;
  70. }
  71. }
  72. /// <reference path="../../dist/preview release/babylon.d.ts" />
  73. declare module BABYLON.GUI {
  74. class Matrix2D {
  75. m: Float32Array;
  76. constructor(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number);
  77. fromValues(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number): Matrix2D;
  78. determinant(): number;
  79. invertToRef(result: Matrix2D): Matrix2D;
  80. multiplyToRef(other: Matrix2D, result: Matrix2D): Matrix2D;
  81. transformCoordinates(x: number, y: number, result: Vector2): Matrix2D;
  82. static Identity(): Matrix2D;
  83. static TranslationToRef(x: number, y: number, result: Matrix2D): void;
  84. static ScalingToRef(x: number, y: number, result: Matrix2D): void;
  85. static RotationToRef(angle: number, result: Matrix2D): void;
  86. private static _TempPreTranslationMatrix;
  87. private static _TempPostTranslationMatrix;
  88. private static _TempRotationMatrix;
  89. private static _TempScalingMatrix;
  90. private static _TempCompose0;
  91. private static _TempCompose1;
  92. private static _TempCompose2;
  93. static ComposeToRef(tx: number, ty: number, angle: number, scaleX: number, scaleY: number, parentMatrix: Matrix2D, result: Matrix2D): void;
  94. }
  95. }
  96. /// <reference path="../../dist/preview release/babylon.d.ts" />
  97. declare module BABYLON.GUI {
  98. class ValueAndUnit {
  99. unit: number;
  100. negativeValueAllowed: boolean;
  101. private _value;
  102. ignoreAdaptiveScaling: boolean;
  103. constructor(value: any, unit?: number, negativeValueAllowed?: boolean);
  104. readonly isPercentage: boolean;
  105. readonly isPixel: boolean;
  106. readonly internalValue: number;
  107. getValueInPixel(host: AdvancedDynamicTexture, refValue: number): number;
  108. getValue(host: AdvancedDynamicTexture): number;
  109. toString(host: AdvancedDynamicTexture): string;
  110. fromString(source: string | number): boolean;
  111. private static _Regex;
  112. private static _UNITMODE_PERCENTAGE;
  113. private static _UNITMODE_PIXEL;
  114. static readonly UNITMODE_PERCENTAGE: number;
  115. static readonly UNITMODE_PIXEL: number;
  116. }
  117. }
  118. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  119. declare module BABYLON.GUI {
  120. class Control {
  121. name: string;
  122. private _alpha;
  123. private _alphaSet;
  124. private _zIndex;
  125. _root: Container;
  126. _host: AdvancedDynamicTexture;
  127. _currentMeasure: Measure;
  128. private _fontFamily;
  129. private _fontStyle;
  130. private _fontSize;
  131. private _font;
  132. _width: ValueAndUnit;
  133. _height: ValueAndUnit;
  134. private _lastMeasuredFont;
  135. protected _fontOffset: {
  136. ascent: number;
  137. height: number;
  138. descent: number;
  139. };
  140. private _color;
  141. protected _horizontalAlignment: number;
  142. protected _verticalAlignment: number;
  143. private _isDirty;
  144. private _cachedParentMeasure;
  145. private _paddingLeft;
  146. private _paddingRight;
  147. private _paddingTop;
  148. private _paddingBottom;
  149. _left: ValueAndUnit;
  150. _top: ValueAndUnit;
  151. private _scaleX;
  152. private _scaleY;
  153. private _rotation;
  154. private _transformCenterX;
  155. private _transformCenterY;
  156. private _transformMatrix;
  157. private _invertTransformMatrix;
  158. private _transformedPosition;
  159. private _isMatrixDirty;
  160. private _cachedOffsetX;
  161. private _cachedOffsetY;
  162. private _isVisible;
  163. _linkedMesh: AbstractMesh;
  164. private _fontSet;
  165. private _dummyVector2;
  166. private _downCount;
  167. private _enterCount;
  168. private _doNotRender;
  169. isHitTestVisible: boolean;
  170. isPointerBlocker: boolean;
  171. isFocusInvisible: boolean;
  172. protected _linkOffsetX: ValueAndUnit;
  173. protected _linkOffsetY: ValueAndUnit;
  174. readonly typeName: string;
  175. /**
  176. * An event triggered when the pointer move over the control.
  177. * @type {BABYLON.Observable}
  178. */
  179. onPointerMoveObservable: Observable<Vector2>;
  180. /**
  181. * An event triggered when the pointer move out of the control.
  182. * @type {BABYLON.Observable}
  183. */
  184. onPointerOutObservable: Observable<Control>;
  185. /**
  186. * An event triggered when the pointer taps the control
  187. * @type {BABYLON.Observable}
  188. */
  189. onPointerDownObservable: Observable<Vector2>;
  190. /**
  191. * An event triggered when pointer up
  192. * @type {BABYLON.Observable}
  193. */
  194. onPointerUpObservable: Observable<Vector2>;
  195. /**
  196. * An event triggered when pointer enters the control
  197. * @type {BABYLON.Observable}
  198. */
  199. onPointerEnterObservable: Observable<Control>;
  200. /**
  201. * An event triggered when the control is marked as dirty
  202. * @type {BABYLON.Observable}
  203. */
  204. onDirtyObservable: Observable<Control>;
  205. alpha: number;
  206. scaleX: number;
  207. scaleY: number;
  208. rotation: number;
  209. transformCenterY: number;
  210. transformCenterX: number;
  211. horizontalAlignment: number;
  212. verticalAlignment: number;
  213. width: string | number;
  214. height: string | number;
  215. fontFamily: string;
  216. fontStyle: string;
  217. fontSize: string | number;
  218. color: string;
  219. zIndex: number;
  220. notRenderable: boolean;
  221. isVisible: boolean;
  222. readonly isDirty: boolean;
  223. paddingLeft: string | number;
  224. paddingRight: string | number;
  225. paddingTop: string | number;
  226. paddingBottom: string | number;
  227. left: string | number;
  228. top: string | number;
  229. linkOffsetX: string | number;
  230. linkOffsetY: string | number;
  231. readonly centerX: number;
  232. readonly centerY: number;
  233. constructor(name?: string);
  234. protected _getTypeName(): string;
  235. getLocalCoordinates(globalCoordinates: Vector2): Vector2;
  236. getLocalCoordinatesToRef(globalCoordinates: Vector2, result: Vector2): Control;
  237. moveToVector3(position: Vector3, scene: Scene): void;
  238. linkWithMesh(mesh: AbstractMesh): void;
  239. _moveToProjectedPosition(projectedPosition: Vector3): void;
  240. _markMatrixAsDirty(): void;
  241. _markAsDirty(): void;
  242. _markAllAsDirty(): void;
  243. _link(root: Container, host: AdvancedDynamicTexture): void;
  244. protected _transform(context: CanvasRenderingContext2D): void;
  245. protected _applyStates(context: CanvasRenderingContext2D): void;
  246. protected _processMeasures(parentMeasure: Measure, context: CanvasRenderingContext2D): boolean;
  247. protected _clip(context: CanvasRenderingContext2D): void;
  248. _measure(): void;
  249. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  250. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  251. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  252. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  253. contains(x: number, y: number): boolean;
  254. _processPicking(x: number, y: number, type: number): boolean;
  255. protected _onPointerMove(coordinates: Vector2): void;
  256. protected _onPointerEnter(): boolean;
  257. _onPointerOut(): void;
  258. protected _onPointerDown(coordinates: Vector2): boolean;
  259. protected _onPointerUp(coordinates: Vector2): void;
  260. forcePointerUp(): void;
  261. _processObservables(type: number, x: number, y: number): boolean;
  262. private _prepareFont();
  263. dispose(): void;
  264. private static _HORIZONTAL_ALIGNMENT_LEFT;
  265. private static _HORIZONTAL_ALIGNMENT_RIGHT;
  266. private static _HORIZONTAL_ALIGNMENT_CENTER;
  267. private static _VERTICAL_ALIGNMENT_TOP;
  268. private static _VERTICAL_ALIGNMENT_BOTTOM;
  269. private static _VERTICAL_ALIGNMENT_CENTER;
  270. static readonly HORIZONTAL_ALIGNMENT_LEFT: number;
  271. static readonly HORIZONTAL_ALIGNMENT_RIGHT: number;
  272. static readonly HORIZONTAL_ALIGNMENT_CENTER: number;
  273. static readonly VERTICAL_ALIGNMENT_TOP: number;
  274. static readonly VERTICAL_ALIGNMENT_BOTTOM: number;
  275. static readonly VERTICAL_ALIGNMENT_CENTER: number;
  276. private static _FontHeightSizes;
  277. static _GetFontOffset(font: string): {
  278. ascent: number;
  279. height: number;
  280. descent: number;
  281. };
  282. static AddHeader(control: Control, text: string, size: string | number, options: {
  283. isHorizontal: boolean;
  284. controlFirst: boolean;
  285. }): StackPanel;
  286. protected static drawEllipse(x: number, y: number, width: number, height: number, context: CanvasRenderingContext2D): void;
  287. }
  288. }
  289. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  290. declare module BABYLON.GUI {
  291. class Container extends Control {
  292. name: string;
  293. protected _children: Control[];
  294. protected _measureForChildren: Measure;
  295. protected _background: string;
  296. background: string;
  297. readonly children: Control[];
  298. constructor(name?: string);
  299. protected _getTypeName(): string;
  300. getChildByName(name: string): Control;
  301. getChildByType(name: string, type: string): Control;
  302. containsControl(control: Control): boolean;
  303. addControl(control: Control): Container;
  304. removeControl(control: Control): Container;
  305. _reOrderControl(control: Control): void;
  306. _markMatrixAsDirty(): void;
  307. _markAllAsDirty(): void;
  308. protected _localDraw(context: CanvasRenderingContext2D): void;
  309. _link(root: Container, host: AdvancedDynamicTexture): void;
  310. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  311. _processPicking(x: number, y: number, type: number): boolean;
  312. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  313. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  314. dispose(): void;
  315. }
  316. }
  317. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  318. declare module BABYLON.GUI {
  319. class StackPanel extends Container {
  320. name: string;
  321. private _isVertical;
  322. private _manualWidth;
  323. private _manualHeight;
  324. private _doNotTrackManualChanges;
  325. private _tempMeasureStore;
  326. isVertical: boolean;
  327. width: string | number;
  328. height: string | number;
  329. constructor(name?: string);
  330. protected _getTypeName(): string;
  331. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  332. }
  333. }
  334. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  335. declare module BABYLON.GUI {
  336. class Rectangle extends Container {
  337. name: string;
  338. private _thickness;
  339. private _cornerRadius;
  340. thickness: number;
  341. cornerRadius: number;
  342. constructor(name?: string);
  343. protected _getTypeName(): string;
  344. protected _localDraw(context: CanvasRenderingContext2D): void;
  345. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  346. private _drawRoundedRect(context, offset?);
  347. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  348. }
  349. }
  350. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  351. declare module BABYLON.GUI {
  352. class Ellipse extends Container {
  353. name: string;
  354. private _thickness;
  355. thickness: number;
  356. constructor(name?: string);
  357. protected _getTypeName(): string;
  358. protected _localDraw(context: CanvasRenderingContext2D): void;
  359. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  360. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  361. }
  362. }
  363. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  364. declare module BABYLON.GUI {
  365. class Line extends Control {
  366. name: string;
  367. private _lineWidth;
  368. private _background;
  369. private _x1;
  370. private _y1;
  371. private _x2;
  372. private _y2;
  373. private _dash;
  374. private _connectedControl;
  375. private _connectedControlDirtyObserver;
  376. dash: Array<number>;
  377. connectedControl: Control;
  378. x1: string | number;
  379. y1: string | number;
  380. x2: string | number;
  381. y2: string | number;
  382. lineWidth: number;
  383. horizontalAlignment: number;
  384. verticalAlignment: number;
  385. private readonly _effectiveX2;
  386. private readonly _effectiveY2;
  387. constructor(name?: string);
  388. protected _getTypeName(): string;
  389. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  390. _measure(): void;
  391. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  392. _moveToProjectedPosition(projectedPosition: Vector3): void;
  393. }
  394. }
  395. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  396. declare module BABYLON.GUI {
  397. class Slider extends Control {
  398. name: string;
  399. private _thumbWidth;
  400. private _minimum;
  401. private _maximum;
  402. private _value;
  403. private _background;
  404. private _borderColor;
  405. private _barOffset;
  406. onValueChangedObservable: Observable<number>;
  407. borderColor: string;
  408. background: string;
  409. barOffset: string | number;
  410. thumbWidth: string | number;
  411. minimum: number;
  412. maximum: number;
  413. value: number;
  414. constructor(name?: string);
  415. protected _getTypeName(): string;
  416. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  417. private _pointerIsDown;
  418. private _updateValueFromPointer(x);
  419. protected _onPointerDown(coordinates: Vector2): boolean;
  420. protected _onPointerMove(coordinates: Vector2): void;
  421. protected _onPointerUp(coordinates: Vector2): void;
  422. }
  423. }
  424. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  425. declare module BABYLON.GUI {
  426. class Checkbox extends Control {
  427. name: string;
  428. private _isChecked;
  429. private _background;
  430. private _checkSizeRatio;
  431. private _thickness;
  432. thickness: number;
  433. onIsCheckedChangedObservable: Observable<boolean>;
  434. checkSizeRatio: number;
  435. background: string;
  436. isChecked: boolean;
  437. constructor(name?: string);
  438. protected _getTypeName(): string;
  439. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  440. protected _onPointerDown(coordinates: Vector2): boolean;
  441. }
  442. }
  443. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  444. declare module BABYLON.GUI {
  445. class RadioButton extends Control {
  446. name: string;
  447. private _isChecked;
  448. private _background;
  449. private _checkSizeRatio;
  450. private _thickness;
  451. thickness: number;
  452. group: string;
  453. onIsCheckedChangedObservable: Observable<boolean>;
  454. checkSizeRatio: number;
  455. background: string;
  456. isChecked: boolean;
  457. constructor(name?: string);
  458. protected _getTypeName(): string;
  459. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  460. protected _onPointerDown(coordinates: Vector2): boolean;
  461. }
  462. }
  463. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  464. declare module BABYLON.GUI {
  465. class TextBlock extends Control {
  466. name: string;
  467. private _text;
  468. private _textY;
  469. private _textWrapping;
  470. private _textHorizontalAlignment;
  471. private _textVerticalAlignment;
  472. private _lines;
  473. private _totalHeight;
  474. textWrapping: boolean;
  475. text: string;
  476. textHorizontalAlignment: number;
  477. textVerticalAlignment: number;
  478. constructor(name?: string, text?: string);
  479. protected _getTypeName(): string;
  480. private _drawText(text, textWidth, y, context);
  481. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  482. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  483. protected _parseLine(line: string, context: CanvasRenderingContext2D): object;
  484. protected _parseLineWithTextWrapping(line: string, context: CanvasRenderingContext2D): object;
  485. protected _renderLines(context: CanvasRenderingContext2D): void;
  486. }
  487. }
  488. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  489. declare var DOMImage: new (width?: number, height?: number) => HTMLImageElement;
  490. declare module BABYLON.GUI {
  491. class Image extends Control {
  492. name: string;
  493. private _domImage;
  494. private _imageWidth;
  495. private _imageHeight;
  496. private _loaded;
  497. private _stretch;
  498. private _source;
  499. private _autoScale;
  500. private _sourceLeft;
  501. private _sourceTop;
  502. private _sourceWidth;
  503. private _sourceHeight;
  504. sourceLeft: number;
  505. sourceTop: number;
  506. sourceWidth: number;
  507. sourceHeight: number;
  508. autoScale: boolean;
  509. stretch: number;
  510. domImage: HTMLImageElement;
  511. private _onImageLoaded();
  512. source: string;
  513. constructor(name?: string, url?: string);
  514. protected _getTypeName(): string;
  515. synchronizeSizeWithContent(): void;
  516. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  517. private static _STRETCH_NONE;
  518. private static _STRETCH_FILL;
  519. private static _STRETCH_UNIFORM;
  520. private static _STRETCH_EXTEND;
  521. static readonly STRETCH_NONE: number;
  522. static readonly STRETCH_FILL: number;
  523. static readonly STRETCH_UNIFORM: number;
  524. static readonly STRETCH_EXTEND: number;
  525. }
  526. }
  527. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  528. declare module BABYLON.GUI {
  529. class Button extends Rectangle {
  530. name: string;
  531. pointerEnterAnimation: () => void;
  532. pointerOutAnimation: () => void;
  533. pointerDownAnimation: () => void;
  534. pointerUpAnimation: () => void;
  535. constructor(name?: string);
  536. protected _getTypeName(): string;
  537. _processPicking(x: number, y: number, type: number): boolean;
  538. protected _onPointerEnter(): boolean;
  539. _onPointerOut(): void;
  540. protected _onPointerDown(coordinates: Vector2): boolean;
  541. protected _onPointerUp(coordinates: Vector2): void;
  542. static CreateImageButton(name: string, text: string, imageUrl: string): Button;
  543. static CreateImageOnlyButton(name: string, imageUrl: string): Button;
  544. static CreateSimpleButton(name: string, text: string): Button;
  545. }
  546. }
  547. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  548. declare module BABYLON.GUI {
  549. class ColorPicker extends Control {
  550. name: string;
  551. private _colorWheelCanvas;
  552. private _value;
  553. private _tmpColor;
  554. private _pointerStartedOnSquare;
  555. private _pointerStartedOnWheel;
  556. private _squareLeft;
  557. private _squareTop;
  558. private _squareSize;
  559. private _h;
  560. private _s;
  561. private _v;
  562. onValueChangedObservable: Observable<Color3>;
  563. value: Color3;
  564. width: string | number;
  565. height: string | number;
  566. size: string | number;
  567. constructor(name?: string);
  568. protected _getTypeName(): string;
  569. private _updateSquareProps();
  570. private _drawGradientSquare(hueValue, left, top, width, height, context);
  571. private _drawCircle(centerX, centerY, radius, context);
  572. private _createColorWheelCanvas(radius, thickness);
  573. private _RGBtoHSV(color, result);
  574. private _HSVtoRGB(hue, saturation, value, result);
  575. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  576. private _pointerIsDown;
  577. private _updateValueFromPointer(x, y);
  578. private _isPointOnSquare(coordinates);
  579. private _isPointOnWheel(coordinates);
  580. protected _onPointerDown(coordinates: Vector2): boolean;
  581. protected _onPointerMove(coordinates: Vector2): void;
  582. protected _onPointerUp(coordinates: Vector2): void;
  583. }
  584. }
  585. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  586. declare module BABYLON.GUI {
  587. class InputText extends Control implements IFocusableControl {
  588. name: string;
  589. private _text;
  590. private _background;
  591. private _focusedBackground;
  592. private _thickness;
  593. private _margin;
  594. private _autoStretchWidth;
  595. private _maxWidth;
  596. private _isFocused;
  597. private _blinkTimeout;
  598. private _blinkIsEven;
  599. private _cursorOffset;
  600. private _scrollLeft;
  601. promptMessage: string;
  602. onTextChangedObservable: Observable<InputText>;
  603. onFocusObservable: Observable<InputText>;
  604. onBlurObservable: Observable<InputText>;
  605. maxWidth: string | number;
  606. margin: string;
  607. autoStretchWidth: boolean;
  608. thickness: number;
  609. focusedBackground: string;
  610. background: string;
  611. text: string;
  612. constructor(name?: string, text?: string);
  613. onBlur(): void;
  614. onFocus(): void;
  615. protected _getTypeName(): string;
  616. processKey(keyCode: number, key?: string): void;
  617. processKeyboard(evt: KeyboardEvent): void;
  618. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  619. protected _onPointerDown(coordinates: Vector2): boolean;
  620. protected _onPointerUp(coordinates: Vector2): void;
  621. dispose(): void;
  622. }
  623. }
  624. /// <reference path="../../../dist/preview release/babylon.d.ts" />
  625. declare module BABYLON.GUI {
  626. class KeyPropertySet {
  627. width?: string;
  628. height?: string;
  629. paddingLeft?: string;
  630. paddingRight?: string;
  631. paddingTop?: string;
  632. paddingBottom?: string;
  633. color?: string;
  634. background?: string;
  635. }
  636. class VirtualKeyboard extends StackPanel {
  637. onKeyPressObservable: Observable<string>;
  638. defaultButtonWidth: string;
  639. defaultButtonHeight: string;
  640. defaultButtonPaddingLeft: string;
  641. defaultButtonPaddingRight: string;
  642. defaultButtonPaddingTop: string;
  643. defaultButtonPaddingBottom: string;
  644. defaultButtonColor: string;
  645. defaultButtonBackground: string;
  646. protected _getTypeName(): string;
  647. private _createKey(key, propertySet?);
  648. addKeysRow(keys: Array<string>, propertySets?: Array<KeyPropertySet>): void;
  649. private _connectedInputText;
  650. private _onFocusObserver;
  651. private _onBlurObserver;
  652. private _onKeyPressObserver;
  653. readonly connectedInputText: InputText;
  654. connect(input: InputText): void;
  655. disconnect(): void;
  656. static CreateDefaultLayout(): VirtualKeyboard;
  657. }
  658. }