babylon.gui.module.d.ts 25 KB

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