UI.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // Atomic Component
  2. var game = Atomic.game;
  3. var view = game.uiView;
  4. var UI = Atomic.UI;
  5. var WIDTH = 512;
  6. var HEIGHT = 512;
  7. // Create the render scene
  8. var scene = new Atomic.Scene();
  9. scene.createComponent("Octree");
  10. // Create the camera node
  11. var cameraNode = scene.createChild("Camera");
  12. cameraNode.position = [0.0, 0.0, -10.0];
  13. // 2D orthographic camera
  14. var camera = cameraNode.createComponent("Camera");
  15. camera.orthographic = true;
  16. camera.orthoSize = HEIGHT * Atomic.PIXEL_SIZE;
  17. // background color
  18. var zone = cameraNode.createComponent("Zone");
  19. zone.fogColor = [0, 0.2, 0.3];
  20. // 2D animated Imp
  21. var node = scene.createChild("Imp");
  22. var animationSet = game.cache.getResource("AnimationSet2D", "Sprites/imp.scml");
  23. var sprite2D = node.createComponent("AnimatedSprite2D");
  24. sprite2D.setAnimation(animationSet, "idle", Atomic.LM_FORCE_LOOPED);
  25. function start() {
  26. // Create a UIWindow
  27. var window = new Atomic.UIWindow();
  28. // It will only have a title bar and won't be resizeable or have a close button
  29. window.settings = Atomic.UI.WINDOW_SETTINGS_TITLEBAR;
  30. window.text = "UISceneView2D";
  31. window.setSize(WIDTH, HEIGHT);
  32. // The Scene View
  33. var sceneView = new Atomic.UISceneView();
  34. sceneView.setView(scene, camera);
  35. sceneView.autoUpdate = true;
  36. window.addChild(sceneView);
  37. // Add to main UI view and center
  38. view.addChild(window);
  39. window.center();
  40. }
  41. function update(timeStep) {
  42. }