Materials#
- upon every commit, the content gets deployed to a live environment in aph.dodo.me
- tutorial explaining how to make this project work can be found in environment
- requirements to finish this course can be found in requirements
- evaluation of the classes will be located on grades.fit.cvut.cz
Code examples#
- examples will be written in TypeScript
- if you build the examples in this project (by running
npm run dev-examples), you will find all examples listed in localhost:1234/index.html
PixiJS#
ThreeJS#
Presentation#
- slides are written in HTML, powered by RevealJS library
- if you build the slides in this project (by running
npm run dev-slides), you will, find all slides listed in localhost:1234/index.html
Keyboard shortcuts for the slides:
| Key | Action |
|---|
| N, SPACE | Next slide |
| P | Previous slide |
| ← , H | Navigate left |
| → , L | Navigate right |
| ↑ , K | Navigate up |
| ↓ , J | Navigate down |
| Home , ⌘/CTRL ← | First slide |
| End , ⌘/CTRL → | Last slide |
| F | Fullscreen |
| ESC, O | Slide overview |
| CTRL + Shift + F | Search |
Browser support#
- RevealJS used as a presentation framework supports all browsers since 2012 (Chrome 24+, Firefox 4+, IE10+, Edge, Safari, Opera)
- custom styles were tested against Chrome 77 and Firefox 69 (Windows, Linux and Android platforms)
- if you bump into anything that appears wrongly aligned, or worse, broken, feel free to notify the lecturer
PDF Export#
- yes, it is supported 🙌
- you should use
Google Chrome since it has got a built-in PDF export and the slides were optimized for it - go to the main page, select a lecture down below and click on the print icon label
- alternatively, navigate to a presentation you want to export either on your localhost or on the live environment and put
?print-pdf as a query string (e.g. localhost:1234/lecture01.html?print-pdf)
- in this mode, you will see all slides aligned vertically, stripped out of all visual effects and glowing backgrounds
- press right mouse button, select
print - select
Save as PDF as the Destination - wait for the preview to be generated and click on
Save
Lectures#
Labs#
- labs will be pre-recorded and uploaded to MS Teams
- every week will be dedicated to consultations, taking place after the lecture
| Week | Upload Date | Topic |
|---|
| 1 | 24.9. | Introduction |
| 2 | 1.10. | PixiJS |
| 3 | 8.10. | ThreeJS |
| 4 | 15.10. | Components |
| 7 | 5.11. | Patterns, Algorithms |
| 8 | 12.11. | Physics |
| 10 | 26.11. | Graphics |
| 11 | 3.12. | Game AI |
| 12 | 10.12. | Multiplayer |