"WebGL Scenes: Responsive Web Design" explains how to implement interactive 3D backgrounds which look great on mobile devices and desktop computers.
"WebGL Scenes" covers four topics. First we explain how to display responsive Web design with CSS3 and WebGL. Second we demonstrate responsive interactive Web design with JavaScript and WebGL. Third we briefly cover how to prepare images for use as 3D background texture maps. Simply swap image files for new 3D scenes. Fourth the book demonstrates an optimized, straightforward method to render 3D environments online.
Responsive Web design adjusts WebGL scene dimensions to work well on mobile devices and full computers. We explain use of CSS3 and media queries to automatically re-size the canvas. We demonstrate both responsive design and interaction with JavaScript. JavaScript enables interactive backgrounds which adjusts scene dimensions and saves data necessary to swipe up, down, left, or right. View all three dimensions of the background.
"WebGL Scenes: Responsive Web Design" is the fourth book in the series "Online 3D Media with WebGL". We assume readers understand basic WebGL features such as texture maps and vertex buffer objects. The first book in the series thoroughly discusses the initialization routine used for the series, including introductory topics.
"WebGL Scenes" demonstrates an efficient method to display 3D environments with WebGL. We explain how to prepare, load, initialize, and display background scenes. The technique applies a texture from one image file, to the inside of a cube. View the environment from the center of the cube. Efficiency allows the code to code run well on the devices we tested including iPhone 6, Android, Windows Phone 8.1, and Windows PC with Google Chrome, Firefox and Microsoft Edge Web browsers.
"WebGL Scenes" covers four topics. First we explain how to display responsive Web design with CSS3 and WebGL. Second we demonstrate responsive interactive Web design with JavaScript and WebGL. Third we briefly cover how to prepare images for use as 3D background texture maps. Simply swap image files for new 3D scenes. Fourth the book demonstrates an optimized, straightforward method to render 3D environments online.
Responsive Web design adjusts WebGL scene dimensions to work well on mobile devices and full computers. We explain use of CSS3 and media queries to automatically re-size the canvas. We demonstrate both responsive design and interaction with JavaScript. JavaScript enables interactive backgrounds which adjusts scene dimensions and saves data necessary to swipe up, down, left, or right. View all three dimensions of the background.
"WebGL Scenes: Responsive Web Design" is the fourth book in the series "Online 3D Media with WebGL". We assume readers understand basic WebGL features such as texture maps and vertex buffer objects. The first book in the series thoroughly discusses the initialization routine used for the series, including introductory topics.
"WebGL Scenes" demonstrates an efficient method to display 3D environments with WebGL. We explain how to prepare, load, initialize, and display background scenes. The technique applies a texture from one image file, to the inside of a cube. View the environment from the center of the cube. Efficiency allows the code to code run well on the devices we tested including iPhone 6, Android, Windows Phone 8.1, and Windows PC with Google Chrome, Firefox and Microsoft Edge Web browsers.
