Major Softwares

  INDEX PAGE

  1. 簡介
  2. Java, Android和LibGDX好書推介
  3. Java, Android和LibGDX要學的知識
  4. 用Windows寫Java程式
  5. 用Eclipse寫Java程式
  6. 用Eclipse寫Android程式
  7. 用Eclipse寫LibGDX程式
  8. Standard Java Naming Conventions
  9. System.out.println()的用法和意思
  10. Where is main() method in Android?

LibGDX - Splash & Menu Screen

  1. LibGDX: World, Texture, Background, Camera, Viewport, Screen & OpenGL
  2. LibGDX: Texture, TextureRegion, SpriteBatch & Sprite
  3. UML(Unified Modeling Language): Class Diagram
  4. Type Casting, Upcasting & Downcasting
  5. @Override的用法和意思
  6. LibGDX: Scene2d & Graphical User Interface(GUI)
  7. LibGDX: Splash Screen
  8. LibGDX: Texture Packer
  9. LibGDX: BitmapFonts, JSON & Skin
  10. Android: R.java File
  11. Android: onClick事件的5種實現方式
  12. LibGDX: Game Menu Screen
  13. LibGDX: Advanced Game Menu Screen (using Abstract Screen)
  14. LibGDX: Disposable Interface
  15. Java & LibGDX: super keyword
  16. LibGDX: Advanced Game Menu Screen (using AssetManager)
  17. Java: Array, Arrays, List, ArrayList & LibGDX: Array
  18. LibGDX: File I/O (Preferences)
  19. LibGDX: Game Level Selection Screen
  20. LibGDX: Advanced Game Level Selection Screen (using AssetManager)

LibGDX - Tiled 2D Platform Game

  1. LibGDX: Lifecylce (Render() Method)
  2. LibGDX: Delta Time
  3. LibGDX: Animation & Spritesheet
  4. LibGDX: Keyboard, Mouse & Touch Screen Control
  5. Input Control (Polling VS Event Driven Input)
  6. LibGDX: Tiled (Background and Foreground)
  7. LibGDX: Jumping Action
  8. LibGDX: Tiled (Collision Detection)
  9. LibGDX: Tiled (Bullet Class)
  10. LibGDX: Audio (Sound & Music)
  11. LibGDX: Tiled (Scrollable Background with Camera & HUD)
  12. LibGDX: WorldController & WorldRenderer Class

LibGDX/Java - Card Game No.1 - Blackjack

  1. LibGDX: Install & Setup Android Studio IDE
  2. LibGDX: Use Android Studio to Run Java Hello World
  3. LibGDX: Use Android Studio to Run LibGDX Hello World
  4. Adobe Illustrator: Basic Components Part 1
  5. Adobe Illustrator: Basic Components Part 2
  6. Adobe Illustrator: BlackJack Table & Cards
  7. LibGDX: Blackjack Animation
  8. LibGDX: Interpolation
  9. Java: toString() Method
  10. Java: Blackjack Shuffle Methods
  11. LibGDX: Blackjack Shuffle Method
  12. Java: Blackjack Card Game

LibGDX - Others

  1. Making and Displaying App Icon
  2. LibGDX: Displaying Traditional and Simplified Chinese Characters
  3. LibGDX: Handling Different Screen Resolutions

Unity Game Engine & C#

  1. Visual Studio: C# Hello World
  2. Unity: C# Hello World
  3. Unity: Handling Different Screen Resolutions
  4. Unity: Life Cycle
  5. Unity: StartCoroutine, StopCoroutine, IEnumerator & Yield
  6. Unity: Splash Screen
  7. Unity: Fonts, Traditional and Simplified Chinese Characters
  8. Unity: GameObject, Class Object, new & Instantiate
  9. Unity: Start Screen with Glowing Animated Button
  10. Unity: C# Get & Set Modifier
  11. Unity: Delegates & Events
  12. Unity: File I/O, Read & Write Text File & PlayerPrefs
  13. Unity: Game Level Selection Screen
  14. Unity: Game Menu Screen & ScreenManager
  15. Unity: Encrypt and Decrypt Text File
  16. Unity: Options Menu Screen
  17. Unity: Convert Numbers Image to Custom Font

Unity - Card Game No.1 - Blackjack

  1. Unity: Blackjack Card Game - Part 1 (Full Game)
  2. Unity: Blackjack Card Game - Part 2
  3. Unity: Blackjack Card Game - Part 3
  4. Unity: Blackjack Card Game - Part 4
  5. Unity: Blackjack Card Game - Part 5
  6. Unity: Blackjack Card Game - Part 6
  7. Unity: Blackjack Card Game - Part 7

以下是預告-Coming soon!


Secret Weapon No.1

  1. Unity: Card Game No.2

Advanced Programming

  1. Unity: GPS Programming
  2. Unity: User Login System
  3. Unity: Augmented Reality (AR)

Secret Weapon No.2

  1. Unity: GPS & AR Application

第66節 - Unity: Start Screen with Glowing Animated Button

這一節我會介紹Unity: Start Screen with Glowing Animated Button,則在Splash Screen後的第一頁,當按下Start Button就會跳去下一頁,下一頁可以是Menu Screen、Main Page或任何一頁,視乎你的遊戲設計。

1) Result (執行結果):

以下是本節第66節 - Unity: Start Screen with Glowing Animated Button的執行結果:

2) Step By Step Tutorial

首先,我會建立一個Start Page,在Start Page上加上Start按鈕(Start Button),再在Start Button 上加上一個可以閃爍的光環。 之後會建立一個Main Page,在Main Page上加上Back按鈕(Back Button),再在Back Button上加上Mouse Over特效。

2.1) Start Page

Unity: Start Screen with Glowing Animated Button
  1. 建立一個新Project 。

  2. 把所有須要的圖片在你的電腦內拖放到Assets區域內。

  3. 選擇Main Camera。

  4. 設定Orthographic Size = 250/2 = 1280。

Unity: Start Screen with Glowing Animated Button
  1. 建立一個新Empty GameObject - Controller。

  2. 把C# Script拖放到Controller內。

Unity: Start Screen with Glowing Animated Button
  1. 建立一個MySwitchScenes()方法,用SceneManager.LoadScene()把現時的畫面轉去另一頁。

Unity: Start Screen with Glowing Animated Button
  1. 建立一個Canvas。

  2. 設定Canvas的不同值。

  3. 選擇Main Camera,把Main Camera拖放到Render Camera內。

Unity: Start Screen with Glowing Animated Button
  1. 在於Canvas內建立一個Image。

  2. 設定W x H = 1440 x 2560。

  3. 把圖片拖放到Image (Script)內。

Unity: Start Screen with Glowing Animated Button
  1. 在Canvas內建立另一個Image。

  2. 設定位置和W x H = 800 x 310。

    注意: 位置Pos Z = -1,因為之後我們會在Start Button Image上加上一個Start Button光環圖片,它的Pos Z = 0,則光環圖片是在Start Button Image的上面。

  3. 把StartButton圖片拖放到Image (Script)內。

Unity: Start Screen with Glowing Animated Button
  1. 在Canvas內建立一個Button (不是Image),因為Canvas - Button內置一個OnClick()方法 。

  2. 設定位置和W x H = 800 x 310。

    注意: 位置Pos Z = 0,則光環圖片是在Start Button Image的上面。

  3. 把RingButton圖片拖放到Source Image內。

  4. 把Controller GameObject拖放到OnClick()方法內。

  5. 設定OnClick()方法,選擇SwitchScene.MySwitchScenes()方法和輸入Mainpage。

  6. 選擇Button_RingButton。

  7. 選擇Animation。

  8. 按Create。

  9. Animator就會自動加入Button_RingButton內。

Unity: Start Screen with Glowing Animated Button
  1. 選擇Button.RingButton內的話Image.Color。

  2. 選擇0 - 6s。

  3. 選擇Image.Color。

  4. 0s = 1,2s = 0和6s = 1。

  5. 設定Sample = 120。

  6. 選擇Curves,大家可以改變動畫的值。

Unity: Start Screen with Glowing Animated Button
  1. 儲存檔案。

2.2) Main Page

Unity: Start Screen with Glowing Animated Button
  1. 選擇File > Save Scene as...,再選擇Main Camera。

  2. 設定Orthographic Size = 250/2 = 1280。

Unity: Start Screen with Glowing Animated Button
  1. 建立一個新Empty GameObject - Controller。

  2. 把C# Script拖放到Controller內。

Unity: Start Screen with Glowing Animated Button
  1. 建立一個Canvas。

  2. 設定Canvas的不同值。

  3. 選擇Main Camera,把Main Camera拖放到Render Camera內。

Unity: Start Screen with Glowing Animated Button
  1. 在Canvas內建立一個Image。

  2. 設定W x H = 1440 x 2560。

  3. 把圖片拖放到Image (Script)內。

Unity: Start Screen with Glowing Animated Button
  1. 在Canvas內建立一個Button (不是Image),因為Canvas - Button內置一個OnClick()方法 。

  2. 設定位置和W x H = 800 x 310。

    注意: 位置Pos Z = 0,則光環圖片是在Start Button Image的上面。

  3. 把BackButton圖片拖放到Source Image內。

  4. 設定Highlighted Color。

  5. 把Controller GameObject拖放到OnClick()方法內。

  6. 設定OnClick()方法,選擇SwitchScene.MySwitchScenes()方法和輸入Startpage。

Unity: Start Screen with Glowing Animated Button
  1. 設定R=232。

  2. 設定A=210。

Unity: Start Screen with Glowing Animated Button
  1. 儲存檔案。

Unity: Start Screen with Glowing Animated Button
  1. 選擇PC電腦。

  2. 在File>Build Setting內加入兩個Scene。

2.3) Result

Unity: Start Screen with Glowing Animated Button