Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio...

27
Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Transcript of Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio...

Page 1: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Lab 04Component based Game

Software StudioDataLab, CS, NTHU

2020 spring

Page 2: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 3: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 4: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 5: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 6: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 7: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Color Game component

7

Card Deck

Board

Reset

Navbar

MainCard Card

Page 8: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Main

Navbar Board Deck Reset

Card

Page 9: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Main

Reset

Page 10: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Reset

Main

Fire event

Page 11: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 12: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 13: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Reset

Main

reset.method()

Page 14: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 15: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

How about click card?

Page 16: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Main

Deck

Card

Page 17: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 18: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 19: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 20: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 21: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 22: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Tic-Tac-Toe

Page 23: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

Main

Banner Grid Reset

CellRole Turn

Page 24: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring

FAQ

• bind(this)

Page 25: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 26: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring
Page 27: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring