Transcript
![Page 1: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/2.jpg)
![Page 3: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/3.jpg)
![Page 4: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/4.jpg)
![Page 5: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/5.jpg)
![Page 6: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/6.jpg)
![Page 7: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/9.jpg)
Main
Reset
![Page 10: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/11.jpg)
![Page 12: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/12.jpg)
![Page 13: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/14.jpg)
![Page 15: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/16.jpg)
Main
Deck
Card
![Page 17: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/17.jpg)
![Page 18: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/18.jpg)
![Page 19: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/19.jpg)
![Page 20: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/20.jpg)
![Page 21: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/21.jpg)
![Page 22: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/22.jpg)
Tic-Tac-Toe
![Page 23: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/24.jpg)
FAQ
• bind(this)
![Page 25: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/25.jpg)
![Page 26: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/26.jpg)
![Page 27: Lab 04 Component based Game - GitHub Pages€¦ · Lab 04 Component based Game Software Studio DataLab, CS, NTHU 2020 spring](https://reader034.vdocuments.net/reader034/viewer/2022050612/5fb2e0232fa0c516fd217885/html5/thumbnails/27.jpg)