rockin' the web into the next dimension: jqueryto 2014 final keynote
DESCRIPTION
Mozilla gave the web development community a wake up call last year at GDC by demonstrating the Unreal Engine running in the browser. Graphics, audio, networking, all performing natively in Javascript, without plugins. The implications for game development are huge - no more painful porting to multiple platforms, and significantly faster user acquisition. But we’re not talking about technology in the latest game console, we’re talking about technology in your web browser. Technology that is available to you, as a web designer and developer. It’s pushing the frontier of web design, and we’re all going to be better for it. Mozilla’s demo was made possible largely because of WebGL, the Javascript API that lets web developers write directly to the graphics card. WebGL is an open standard that has been gaining momentum over the last three years. Alone, it opens up massive opportunities for data visualization and high performance graphics in your web apps and games. But it’s not alone, it’s part of an alphabet soup of advanced features in modern browsers that give creative coders unprecedented freedom: WebGL for graphics, WebCL and Web Workers for processing, WebRTC for networking, Web Sockets for real-time services and hardware device access. Folks, there is a new frontier to be explored. Thanks to your modern browser, you have more raw horsepower than you could ever have imagined. I’m going to show you what’s possible, and inspire you to reach out of your comfort zone and use this new freedom to create next generation user experiences. The web is sexy again, let’s rock it!TRANSCRIPT
Rockin' the Web into the Next Dimension
Ross McKegneyCEO, Verold
Frontend is the new backend
Frontend is the new backend
This era of the web belongs to creative coders
Graphics Card INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
Graphics Card
Open GL(Graphics Drivers)
INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
WINDOWS, MAC, LINUX, ANDROID
Graphics Card
Open GL(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
CHROME, FIREFOX, SAFARI, OPERA
Graphics Card
Open GL(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
CHROME, FIREFOX, SAFARI, OPERA
3D Rendering Library THREE.JS, BABYLON.JS, ...
Graphics Card
Open GL(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
CHROME, FIREFOX, SAFARI, OPERA
3D Rendering Library THREE.JS, BABYLON.JS, ...
Your App
Graphics Card
Open GL(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
3D Rendering Library
Your App
JAVASCRIPT
Graphics WebGLProcessing WebCL / Workers / EmscriptenAudio Web AudioNetworking WebRTCReal-time + Devices Web Sockets
Is this for me?Looks complicated, like maybe it’s only for game devs and the guys at Google...
INSPIRATION
Global Arms Trade Datavizby Google
Small arms trade data from 1992-2010 is visualized on an interactive 3D globe.
Journey to Middle Earthby North Kingdom
An interactive tour of Middle Earth for desktop and mobile, using WebGL and HTML5.
Unveil the Infiniti Eau Rougeby HelloEnjoy
Infiniti Eau Rouge is unveiled, particle by particle, in response to social campaign.
The Punchline:As web developers and designers, we have new techniques at our disposal.
But...Creative teams need visual tools.
Examples:
Understanding models & geometry: BGE Dragon3D Scanning: BossFightFull Angular JS app with 3D: Brained.ioProduct visualization: IBP GroupLeap + Three.js: jQueryTO Welcome site
Frontend is the new BackendYour browser can do way more than you ever thought it could.
It’s your time to make your markNeeds hardcore development, product innovation, and experience design.
What will you make?
COMMUNICATE IN 3D
Ross McKegneyCEO, Verold.com
[email protected]@rossmckegney
Use access code ‘JQUERYTO’ for 3-months of Indie for free!