Создайте стильный 3D-интерфейс с Papervision3D: эффекты и подменю

Нам нужно проверить, доступно ли свойство stage, прежде чем изменять его состояние отображения. Мы применяем это здесь, чтобы подготовить это, когда мы используем это для UserInterface3D. Там, если игра активна, UserInterface3D будет удален со сцены и временно потеряет свое свойство сцены. Метод onStateChange () не должен проверять этап, поскольку он может быть запущен только из SettingsMenu3D. Наконец, перейдите к методу onMenuExitComplete () и передайте значение true для вызова метода _staticGlow.flash (). Сделайте то же самое для вызова метода _staticGlow.fadeOut () внутри метода navigateTo ().

Теперь запустите программу. Вы должны получить результат, как ссылка здесь . Для тех, кто использует Flash IDE, полноэкранный режим не будет работать при запуске из Flash. Вам придется открыть SWF-файл напрямую с помощью Flash Player.

Шаг 82: Собираем все вместе

Увы, финальный класс для нашего проекта. Класс UserInterface3D — самый большой из них. Он будет наследоваться от BasicView, как и класс Tester. Думайте об этом классе как о главном контроллере, все будет обрабатываться этим классом. Вернитесь и проверьте ссылку здесь для полнофункционального предварительного просмотра. Поиграйте с ним на мгновение, чтобы почувствовать, как UserInterface3D управляет всем. Вот его список обязанностей:

1. настроить сцену — т.е. установить режим сортировки на индексную сортировку, установить свойства камеры и т.д …
2. создайте все меню и загрузите каждое из них соответствующим образом
3. управлять всеми событиями из 3 меню и применять изменения для их обозначения — т.е. переключить полноэкранный режим, сообщить классу основного документа, чтобы загрузить игру
4. обрабатывать позицию 1 большого DisplayObject3D, в котором будут размещены все 3 меню
5. добавьте 3 эффекта — фоновый шум, фоновое свечение и статическое свечение и управляйте ими
6. обеспечить внешнее управление для загрузки главного меню при удалении игрового спрайта
7. обеспечить внешний контроль для управления полноэкранным флажком в SettingsMenu3D, когда полноэкранный режим отключен, когда игровой спрайт активен

Я разделил класс на две большие части: инициализацию и обработку событий. Создайте новый класс с именем UserInterface3D и сделайте так, чтобы он расширял BasicView. Вставьте код ниже, заменив весь код внутри нового класса:

 
 package {import flash.display.StageDisplayState;  импорт flash.display.StageQuality;  импорт flash.events.Event;  import flash.net.navigateToURL;  import flash.net.URLRequest;  импортировать flash.system.Capabilities;  import flash.system.fscommand;  import org.papervision3d.events.InteractiveScene3DEvent;  import org.papervision3d.objects.DisplayObject3D;  import org.papervision3d.view.BasicView;  import org.papervision3d.view.layer.util.ViewportLayerSortMode;  открытый класс UserInterface3D extends BasicView {открытый статический констант START_GAME: String = 'startGame';  // используется как пользовательское событие, отправляемое при нажатии кнопки «начать игру» из главного меню // следующие 6 свойств добавят трехмерную перспективу в активное меню private var _rotationX: Number = .05;  private var _rotationY: Number = .05;  приватная переменная _easeOut: Number = .1;  приватная переменная _reachX: Number = .3;  private var _reachY: Number = .3;  private var _reachZ: Number = .9;  private var _xPosArray: Array = [0, -2000, -4000];  // используется в качестве позиции 'x' для каждого меню private var _grandObject3D: DisplayObject3D;  // большой контейнер DisplayObject3D для всех меню private var _backgroundNoise: BackgroundNoise3D;  // экземпляр эффекта BackgroundNoise3D private var _backgroundGlow: BackgroundGlow3D;  // экземпляр эффекта BackgroundGlow3D private var _staticGlow: StaticGlow3D;  // экземпляр эффекта StaticGlow3D private var _mainMenu: MainMenu3D;  // экземпляр закрытого файла Mainmenu3D var _settingsMenu: MainMenu3D;  // экземпляр приватной переменной SettingsMenu3D _aboutMenu: MainMenu3D;  // экземпляр приватной переменной AboutMenu3D _currentMenu: MainMenu3D;  // будет содержать экземпляр для текущего активного меню private var _targetMenu: MainMenu3D;  // будет содержать экземпляр целевого меню, которое заменит текущее меню private var _targetX: Number;  // будет удерживать новую позицию 'x' _grandObject нужно будет перейти к отображению нового меню private var _targetScaleX: Number = 1;  // масштаб, используемый для эффектов фонового свечения, статического свечения и фонового шума private var _closeApp: Boolean;  // по умолчанию false, если true, приложение / веб-страница закроются после закрытия главного меню private var _loadGame: Boolean;  // по умолчанию false, если true, пользовательское событие START_GAME отправляется и перехватывается классом Main document public function UserInterface3D () {if (stage) init ();  иначе addEventListener (Event.ADDED_TO_STAGE, init);  }}} 

У этого класса довольно много свойств, но мы рассмотрели большинство из них в классе Tester. Смотрите комментарии для описания свойств. Конструктор настроен на запуск метода init (), только когда сцена доступна. Это позволяет избежать ошибок при попытке доступа к объекту «stage».

Шаг 83: Инициализация — Часть 1

Как только метод init () вызывается, он запускает серию методов, которые по ответственным причинам нарушают процесс инициализации. Добавьте код ниже после конструктора:

 
 приватная функция init (e: Event = null): void 
 { 
     removeEventListener (Event.ADDED_TO_STAGE, init);  // это нужно сделать только один раз 
     
     startRendering ();  // запускаем движок рендеринга PV3D, это обрабатывается суперклассом BasicView AbstractView 
     
     setupScene ();  // установить свойства сцены 
     
     initializeEffects ();  // добавить 3 эффекта 
     
     initializeInterface ();  // добавить 3 меню 
     
     setStageQuality ();  // изменить свойства сцены 
 } 

 
 приватная функция setupScene (): void 
 { 
     camera.target = DisplayObject3D.ZERO;  // установить нулевую цель камеры - освободить камеру 
     
     viewport.interactive = true;  // включить интерактивность 
     
     viewport.containerSprite.sortMode = ViewportLayerSortMode.INDEX_SORT;  // исправить проблему сортировки, которую мы обсуждали в начале проекта 
     
     _grandObject3D = new DisplayObject3D;  // добавляем контейнер для 3 меню 
     scene.addChild (_grandObject3D);  
 } 

 
 приватная функция initializeEffects (): void 
 { 
     _backgroundNoise = new BackgroundNoise3D ('backgroundNoise', область просмотра); 
     _backgroundNoise.z = -10; 
     
     _backgroundGlow = new BackgroundGlow3D ('backgroundGlow', область просмотра); 
     _backgroundGlow.z = 50; 
     
     _staticGlow = new StaticGlow3D ('staticGlow', область просмотра); 
     
     scene.addChild (_backgroundNoise); 
     scene.addChild (_backgroundGlow); 
     scene.addChild (_staticGlow); 
 } 

 
 приватная функция initializeInterface (): void 
 { 
     initMainMenu (); 
     
     initSettingsMenu (); 
     
     initAboutMenu (); 
     
     addInteractivity (_mainMenu);  // загружает главное меню в сцену 
 } 

 
 приватная функция setStageQuality (e: Event = null): void {stage.quality = SettingsMenu3D (_settingsMenu) .stageQuality;  switch (stage.quality) {case 'HIGH': case 'MEDIUM': scene.removeChild (_backgroundNoise);  перемена;  case 'BEST': scene.addChild (_backgroundNoise);  перемена;  }} 

 
 приватная функция initMainMenu (): void 
 { 
     _mainMenu = new MainMenu3D («главное меню», область просмотра); 
     
     _mainMenu.addEventListener (MainMenu3D.START_GAME_CLICKED, navigateTo); 
     _mainMenu.addEventListener (MainMenu3D.SETTINGS_CLICKED, navigateTo); 
     _mainMenu.addEventListener (MainMenu3D.ABOUT_CLICKED, navigateTo); 
     _mainMenu.addEventListener (MainMenu3D.EXIT_CLICKED, navigateTo); 
     
     _mainMenu.x = _xPosArray [0]; 
 } 

 
 приватная функция initSettingsMenu (): void 
 { 
     _settingsMenu = new SettingsMenu3D («меню настроек», область просмотра); 
     
     _settingsMenu.addEventListener (MainMenu3D.BACK_TO_MAIN, navigateTo); 
     _settingsMenu.addEventListener (InteractiveScene3DEvent.OBJECT_CLICK, toggleFullscreen); 
     _settingsMenu.addEventListener (ButtonGroup3D.STATE_CHANGED, setStageQuality) 
     
     _settingsMenu.x = Math.abs (_xPosArray [1]); 
 } 

 
 приватная функция initAboutMenu (): void 
 { 
     _aboutMenu = новый AboutMenu3D ('about menu', область просмотра); 
     
     _aboutMenu.addEventListener (MainMenu3D.BACK_TO_MAIN, navigateTo); 
     _aboutMenu.x = Math.abs (_xPosArray [2]);  // так же, как мы сделали для _settingsMenu 
 } 

 
 приватная функция addInteractivity ($ menu: MainMenu3D): пусто 
 {             
     _currentMenu = $ menu; 
     
     _grandObject3D.addChild (_currentMenu); 
 
     _currentMenu.addEventListener (MainMenu3D.EXIT_COMPLETE, loadTargetMenu); 
     _currentMenu.startIntro (); 
     
     if (_currentMenu - это SettingsMenu3D)  
     { 
         _staticGlow.flash (true); 
         _backgroundNoise.flash (true); 
     } 
     еще  
     { 
         _staticGlow.flash (); 
         _backgroundNoise.flash (); 
     } 
     _backgroundGlow.flash (); 
 } 

 
 приватная функция toggleFullscreen (e: InteractiveScene3DEvent): пусто 
 {     
     если (этап) 
     { 
    	 stage.displayState = SettingsMenu3D (_settingsMenu) .fullScreen == true?  StageDisplayState.FULL_SCREEN: StageDisplayState.NORMAL; 
	 } 
 } 

 
 публичная функция exitFullScreen (): void 
 { 
     SettingsMenu3D (_settingsMenu) .exitFullScreen (); 
 } 

 
 публичная функция get level (): String  
 {  
     вернуть SettingsMenu3D (_settingsMenu) .gameLevel; 
 } 

 
 защищенная функция navigateTo (e: Event): void  
 { 
     _backgroundNoise.fadeOut (); 
     if (_currentMenu - это SettingsMenu3D) _staticGlow.fadeOut (true); 
     else _staticGlow.fadeOut (); 
     
     переключатель (электронный тип) 
     {                 
         case MainMenu3D.SETTINGS_CLICKED:  
         _targetMenu = _settingsMenu; 
         _targetScaleX = 1,25; 
         _targetX = _xPosArray [1]; 
         перемена; 
         
         case MainMenu3D.ABOUT_CLICKED:  
         _targetMenu = _aboutMenu; 
         _targetScaleX = 1,5; 
         _targetX = _xPosArray [2]; 
         перемена; 
         
         case MainMenu3D.EXIT_CLICKED:  
         _targetMenu = _mainMenu;                 
         _closeApp = true; // закройте браузер здесь 
         перемена; 
         
         case MainMenu3D.BACK_TO_MAIN:  
         case MainMenu3D.START_GAME_CLICKED:      
         if (e.type == MainMenu3D.START_GAME_CLICKED)  
         { 
             _loadGame = true; // загрузить игру здесь 
         } 
         _targetMenu = _mainMenu; 
         _targetScaleX = 1; 
         _targetX = _xPosArray [0]; 
         перемена; 
     } 
 } 

 
 публичная функция loadTargetMenu (e: Event): void 
 {             
     if (_closeApp == true)  
     { 
         var jscommand: String = "window.open ('close.html', '_ self');";  
         var req: URLRequest = new URLRequest ("javascript:" + jscommand + "void (0)"); 
         
         if (Capabilities.playerType == 'PlugIn') navigateToURL (req, "_self");  
         if (Capabilities.playerType == 'StandAlone') fscommand ("quit", "true"); 
     } 
     
     if (_loadGame == true)  
     { 
         dispatchEvent (новое событие (START_GAME)); 
         _loadGame = false;  // установить обратно в ложь 
         return; // нет необходимости продолжать, поэтому остановитесь здесь 
     } 
     
     _currentMenu.removeEventListener (MainMenu3D.EXIT_COMPLETE, loadTargetMenu);  // удалить слушателя 
     _grandObject3D.removeChild (_currentMenu);  // удалить текущее меню, которое только что закрылось 
     
     _backgroundNoise.scaleX = _backgroundGlow.scaleX = _staticGlow.scaleX = _targetScaleX;  // корректно масштабируем эффекты 
     
     addInteractivity (_targetMenu);  // загрузить новое целевое меню, назначенное в методе navigateTo () 
     _grandObject3D.x = _targetX;  // правильно позиционировать 
 } 

 
 переопределить защищенную функцию onRenderTick (event: Event = null): void  
 {         
     _backgroundNoise.update ();  // обновляем фоновый шум 
     
     if (_currentMenu - это AboutMenu3D) AboutMenu3D (_currentMenu) .update ();  // если _settingsMenu активен, обновите его, чтобы включить прокрутку текста 
     
    var xDist: Number = mouseX - stage.stageWidth * .5; 
     var yDist: Number = mouseY - stage.stageHeight * .5; 
     
     var targetRotX: Number = (-yDist * _rotationX - _currentMenu.rotationX) * _easeOut; 
     var targetRotY: Number = (-xDist * _rotationY - _currentMenu.rotationY) * _easeOut; 
     
     _currentMenu.rotationX + = targetRotX; 
     _currentMenu.rotationY + = targetRotY; 
     
     _backgroundNoise.rotationX = _currentMenu.rotationX; 
     _backgroundNoise.rotationY = _currentMenu.rotationY; 
     
     _backgroundGlow.rotationX = _currentMenu.rotationX; 
     _backgroundGlow.rotationY = _currentMenu.rotationY; 
     
     _staticGlow.rotationX = _currentMenu.rotationX; 
     _staticGlow.rotationY = _currentMenu.rotationY; 
             
     super.onRenderTick (событие); 
 } 

 
 частный var _sprite: Sprite;  // будет использоваться как игровой спрайт  
 приватная переменная _ui3d: UserInterface3D;  // будет содержать ссылку на экземпляр UserInterface3D 
 private var _textField: TextField;  // текст внутри игрового спрайта 

 
 _ui3d = new UserInterface3D; 
 _ui3d.addEventListener (UserInterface3D.START_GAME, startGame); 
 addChild (_ui3d); 

 
 приватная функция startGame (e: Event): void  
 { 
     trace ('загрузить игровой спрайт / мувиклип здесь ...'); 
     если (! _sprite)  
     { 
         _sprite = новый спрайт; 
         
         _sprite.graphics.lineStyle (1); 
         _sprite.graphics.beginFill (0x000040); 
         _sprite.graphics.drawCircle (0, 0, 100); 
                 
         если (! _textField)  
         { 
             _textField = new TextField; 
             _textField.mouseEnabled = false; 
             _textField.autoSize = TextFieldAutoSize.LEFT; 
             _textField.border = true; 
             _textField.width = 200; 
             _textField.height = 30; 
             _textField.textColor = 0xFFFFFF; 
         } 
             
         _sprite.addEventListener (MouseEvent.CLICK, activMenu); 
         _sprite.addChild (_textField); 
         
     } 
     _textField.text = 'Тип игрока:' + Capabilities.playerType + '' + 'Уровень игры:' + _ui3d.level; 
     
     _textField.x = -_textField.width / 2; 
     _textField.y = -_textField.height / 2; 
     
     _sprite.x = stage.stageWidth / 2; 
     _sprite.y = stage.stageHeight / 2; 
     addChild (_sprite); 
     
     _ui3d.stopRendering ();  // нет необходимости рендериться вне сцены 
     removeChild (_ui3d); 
 } 

 
 приватная функция activMenu (e: MouseEvent): void  
 { 
     removeChild (e.target as Sprite);  // удаляем игровой спрайт 
     addChild (_ui3d); 
     _ui3d.startRendering ();  
     _ui3d.loadTargetMenu (новое событие (MainMenu3D.EXIT_COMPLETE)); 
 }