(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{70:function(e,t,a){"use strict";a.r(t),a.d(t,"frontMatter",(function(){return r})),a.d(t,"metadata",(function(){return c})),a.d(t,"rightToc",(function(){return i})),a.d(t,"default",(function(){return O}));var b=a(2),n=a(6),l=(a(0),a(131)),r={title:"Introduction",description:"Introduction to the course"},c={unversionedId:"seminars",id:"seminars",isDocsHomePage:!1,title:"Introduction",description:"Introduction to the course",source:"@site/docs\\seminars.md",slug:"/seminars",permalink:"/docs/seminars",version:"current",sidebar:"docs",next:{title:"Environment",permalink:"/docs/environment"}},i=[{value:"Materials",id:"materials",children:[{value:"Code examples",id:"code-examples",children:[]},{value:"Presentation",id:"presentation",children:[]},{value:"PDF Export",id:"pdf-export",children:[]}]},{value:"Lectures",id:"lectures",children:[]},{value:"Labs",id:"labs",children:[]}],j={rightToc:i};function O(e){var t=e.components,a=Object(n.a)(e,["components"]);return Object(l.b)("wrapper",Object(b.a)({},j,a,{components:t,mdxType:"MDXLayout"}),Object(l.b)("h2",{id:"materials"},"Materials"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"upon every commit, the content gets deployed to a live environment in ",Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://aph.dodo.me/"}),"aph.dodo.me")),Object(l.b)("li",{parentName:"ul"},"tutorial explaining how to make this project work can be found in ",Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"/docs/environment"}),"environment")),Object(l.b)("li",{parentName:"ul"},"requirements to finish this course can be found in ",Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"/docs/requirements"}),"requirements")),Object(l.b)("li",{parentName:"ul"},"evaluation of the classes will be located on ",Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://grades.fit.cvut.cz/"}),"grades.fit.cvut.cz"))),Object(l.b)("h3",{id:"code-examples"},"Code examples"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"examples will be written in ",Object(l.b)("strong",{parentName:"li"},"TypeScript")),Object(l.b)("li",{parentName:"ul"},"if you build the examples in this project (by running ",Object(l.b)("inlineCode",{parentName:"li"},"npm run dev-examples"),"), you will find all examples listed in ",Object(l.b)("inlineCode",{parentName:"li"},"localhost:1234/index.html"))),Object(l.b)("h4",{id:"pixijs"},"PixiJS"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"HTML5 creation 2D library"),Object(l.b)("li",{parentName:"ul"},"lightweight 2D JavaScript library"),Object(l.b)("li",{parentName:"ul"},"supports both CanvasAPI and WebGL"),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://www.pixijs.com/"}),"main page")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://github.com/pixijs/pixi.js/"}),"github")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"http://pixijs.download/dev/docs/index.html"}),"documentation")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://pixijs.io/examples/#/demos-basic/container.js/"}),"examples"))),Object(l.b)("h4",{id:"threejs"},"ThreeJS"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"HTML5 creation 3D library"),Object(l.b)("li",{parentName:"ul"},"will be used for 3D examples"),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://threejs.org/"}),"main page")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://github.com/mrdoob/three.js/"}),"github")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://threejs.org/docs/index.html"}),"documentation")),Object(l.b)("li",{parentName:"ul"},Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://threejs.org/examples/#webgl_animation_cloth/"}),"examples"))),Object(l.b)("h3",{id:"presentation"},"Presentation"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"slides are written in HTML, powered by ",Object(l.b)("a",Object(b.a)({parentName:"li"},{href:"https://revealjs.com/"}),Object(l.b)("strong",{parentName:"a"},"RevealJS"))," library"),Object(l.b)("li",{parentName:"ul"},"if you build the slides in this project (by running ",Object(l.b)("inlineCode",{parentName:"li"},"npm run dev-slides"),"), you will, find all slides listed in ",Object(l.b)("inlineCode",{parentName:"li"},"localhost:1234/index.html"))),Object(l.b)("p",null,"Keyboard shortcuts for the slides:"),Object(l.b)("table",null,Object(l.b)("thead",{parentName:"table"},Object(l.b)("tr",{parentName:"thead"},Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Key"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Action"))),Object(l.b)("tbody",{parentName:"table"},Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"N, SPACE"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Next slide")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"P"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Previous slide")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"\u2190 , H"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Navigate left")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"\u2192 , L"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Navigate right")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"\u2191 , K"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Navigate up")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"\u2193 , J"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Navigate down")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Home , \u2318/CTRL \u2190"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"First slide")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"End , \u2318/CTRL \u2192"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Last slide")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"F"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Fullscreen")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"ESC, O"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Slide overview")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"CTRL + Shift + F"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Search")))),Object(l.b)("h4",{id:"browser-support"},"Browser support"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"RevealJS used as a presentation framework supports all browsers since 2012 (Chrome 24+, Firefox 4+, IE10+, Edge, Safari, Opera)"),Object(l.b)("li",{parentName:"ul"},"custom styles were tested against Chrome 77 and Firefox 69 (Windows, Linux and Android platforms)"),Object(l.b)("li",{parentName:"ul"},"if you bump into anything that appears wrongly aligned, or worse, broken, feel free to notify the lecturer")),Object(l.b)("h3",{id:"pdf-export"},"PDF Export"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"yes, it is supported \ud83d\ude4c"),Object(l.b)("li",{parentName:"ul"},"you should use ",Object(l.b)("inlineCode",{parentName:"li"},"Google Chrome")," since it has got a built-in PDF export and the slides were optimized for it"),Object(l.b)("li",{parentName:"ul"},"go to the main page, select a lecture down below and click on the print icon label",Object(l.b)("ul",{parentName:"li"},Object(l.b)("li",{parentName:"ul"},"alternatively, navigate to a presentation you want to export either on your localhost or on the live environment and put ",Object(l.b)("inlineCode",{parentName:"li"},"?print-pdf")," as a query string (e.g. ",Object(l.b)("inlineCode",{parentName:"li"},"localhost:1234/lecture01.html?print-pdf"),")"))),Object(l.b)("li",{parentName:"ul"},"in this mode, you will see all slides aligned vertically, stripped out of all visual effects and glowing backgrounds"),Object(l.b)("li",{parentName:"ul"},"press right mouse button, select ",Object(l.b)("inlineCode",{parentName:"li"},"print")),Object(l.b)("li",{parentName:"ul"},"select ",Object(l.b)("inlineCode",{parentName:"li"},"Save as PDF")," as the Destination"),Object(l.b)("li",{parentName:"ul"},"wait for the preview to be generated and click on ",Object(l.b)("inlineCode",{parentName:"li"},"Save"))),Object(l.b)("h2",{id:"lectures"},"Lectures"),Object(l.b)("table",null,Object(l.b)("thead",{parentName:"table"},Object(l.b)("tr",{parentName:"thead"},Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Week"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Date"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Topic"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Link"))),Object(l.b)("tbody",{parentName:"table"},Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"1"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"24.9."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Games"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/organization.html"}),"Link 1")," ",Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture01.html"}),"Link 2"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"2"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"1.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Engines"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture02.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"3"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"8.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Assets"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture03.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"4"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"15.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Components"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture04.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"5"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"22.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Patterns"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture05.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"6"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"29.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Audio"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture06.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"7"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"5.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Space"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture07.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"8"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"12.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Physics"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture08.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"9"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"19.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"------"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"10"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"26.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Graphics"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture09.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"11"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"3.12."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"AI"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture10.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"12"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"10.12."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Multiplayer"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture11.html"}),"Link"))),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"13"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"17.12."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Design"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),Object(l.b)("a",Object(b.a)({parentName:"td"},{href:"https://aph.dodo.me/slides/lecture12.html"}),"Link"))))),Object(l.b)("h2",{id:"labs"},"Labs"),Object(l.b)("ul",null,Object(l.b)("li",{parentName:"ul"},"labs will be pre-recorded and uploaded to MS Teams"),Object(l.b)("li",{parentName:"ul"},"every week will be dedicated to consultations, taking place after the lecture")),Object(l.b)("table",null,Object(l.b)("thead",{parentName:"table"},Object(l.b)("tr",{parentName:"thead"},Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Week"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Upload Date"),Object(l.b)("th",Object(b.a)({parentName:"tr"},{align:null}),"Topic"))),Object(l.b)("tbody",{parentName:"table"},Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"1"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"24.9."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Introduction")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"2"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"1.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"PixiJS")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"3"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"8.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"ThreeJS")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"4"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"15.10."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Components")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"7"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"5.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Patterns, Algorithms")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"8"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"12.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Physics")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"10"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"26.11."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Graphics")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"11"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"3.12."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Game AI")),Object(l.b)("tr",{parentName:"tbody"},Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"12"),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"10.12."),Object(l.b)("td",Object(b.a)({parentName:"tr"},{align:null}),"Multiplayer")))))}O.isMDXComponent=!0}}]);