Introduction

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:

KeyAction
N, SPACENext slide
PPrevious slide
← , HNavigate left
→ , LNavigate right
↑ , KNavigate up
↓ , JNavigate down
Home , ⌘/CTRL ←First slide
End , ⌘/CTRL →Last slide
FFullscreen
ESC, OSlide overview
CTRL + Shift + FSearch

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

WeekDateTopicLink
124.9.GamesLink 1 Link 2
21.10.EnginesLink
38.10.AssetsLink
415.10.ComponentsLink
522.10.PatternsLink
629.10.AudioLink
75.11.SpaceLink
812.11.PhysicsLink
919.11.------
1026.11.GraphicsLink
113.12.AILink
1210.12.MultiplayerLink
1317.12.DesignLink

Labs

  • labs will be pre-recorded and uploaded to MS Teams
  • every week will be dedicated to consultations, taking place after the lecture
WeekUpload DateTopic
124.9.Introduction
21.10.PixiJS
38.10.ThreeJS
415.10.Components
75.11.Patterns, Algorithms
812.11.Physics
1026.11.Graphics
113.12.Game AI
1210.12.Multiplayer