Download as PDF, PPTX
![Computer Networks 01[1 using all terms].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/computernetworks011-251214040533-327dd9f8-thumbnail.jpg?width=640&height=640&fit=bounds)
3D na Webu
- 1. 3D NA WEBU PavolHejný 27.5.2017 | Praha | Jobs Dev
- 2. <table width="100%" height="100%"border="0"> <tr> <td align="center" valign="middle"> <object codebase="...swflash.cab#version=8,0,0,0" width="500" height="500" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="4d.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <embed src="3d.swf" quality="high" bgcolor="#ffffff" width="500" height="500" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </td> </tr> </table>
- 3. Přesun technologií naweb ● Informace ● Komunikace, Fóra, Sociální sítě ● Nakupování ● Fotky, Video, Zvuk ● Kancelářské programy ● Mapy ● ? Hry ● ? Fotoaparát, kamera
- 4. Amazon 1994 Google 1998 Facebook2004 Gmail 2004 YouTube 2005 Internet 196* Web 1991 Flash 1996 xmlhttp 1998 jQuery 2006 Angular 2010 WebGL 2011 React 2013 Three.js 2010
- 5. 3D na Webu 1)Efekty 2) 3D ve 2D 3) First person 3D 4) ? VR
- 6. CSS3 <!DOCTYPE html> <html> <head> </head> <body> <div id="div1"> <divid="div2"> HELLO 3D WORLD </div> </div> </body> </html> #div1 { position: relative; height: 150px; width: 150px; margin: 50px; padding: 10px; border: 1px solid black; perspective: 150px; } #div2 { padding: 50px; position: absolute; border: 1px solid black; background-color: red; transform: rotateX(45deg); }
- 7.
- 8. WebGL ● 2011 ● BabylonJS,Three.js, A-Frame ● https://en.wikipedia.org/wiki/List_of_WebGL_frameworks ● http://caniuse.com/#feat=webgl - 92% ● ? Low-end tablety ● ? Ovládání
- 9.
- 10.
- 11.