Rockin' the Web into
the Next Dimension
Ross McKegney
CEO, 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 SHADER...
Graphics Card
Open GL
(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS
AND SHADER...
Graphics Card
Open GL
(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS
AND SHADER...
Graphics Card
Open GL
(Graphics Drivers)
Web Browser
WINDOWS, MAC, LINUX, ANDROID
INDEX BUFFERS, VERTEX BUFFERS
AND SHADER...
Graphics WebGL
Processing WebCL / Workers / Emscripten
Audio Web Audio
Networking WebRTC
Real-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 Dataviz
by Google
Small arms trade data from 1992-2010 is
visualized on an interactive 3D globe.
Journey to Middle Earth
by North Kingdom
An interactive tour of Middle Earth for desktop
and mobile, using WebGL and HTML5.
Unveil the Infiniti Eau Rouge
by HelloEnjoy
Infiniti Eau Rouge is unveiled, particle by particle,
in response to social ca...
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 Dragon
3D Scanning: BossFight
Full Angular JS app with 3D: Brained.io
Produ...
Frontend is the new Backend
Your browser can do way more than you
ever thought it could.
It’s your time to make your mark
Needs hardcore development, product
innovation, and experience design.
What will you make?
COMMUNICATE IN 3D
Ross McKegney
CEO, Verold.com
ross.mckegney@verold.com
@rossmckegney
Use access code ‘JQUERYTO’ for 3-mo...
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Upcoming SlideShare
Loading in …5
×

Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote

740 views

Published on

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!

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
740
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote

  1. 1. Rockin' the Web into the Next Dimension Ross McKegney CEO, Verold
  2. 2. Frontend is the new backend
  3. 3. Frontend is the new backend This era of the web belongs to creative coders
  4. 4. Graphics Card INDEX BUFFERS, VERTEX BUFFERS AND SHADERS
  5. 5. Graphics Card Open GL (Graphics Drivers) INDEX BUFFERS, VERTEX BUFFERS AND SHADERS WINDOWS, MAC, LINUX, ANDROID
  6. 6. Graphics Card Open GL (Graphics Drivers) Web Browser WINDOWS, MAC, LINUX, ANDROID INDEX BUFFERS, VERTEX BUFFERS AND SHADERS CHROME, FIREFOX, SAFARI, OPERA
  7. 7. 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, ...
  8. 8. 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
  9. 9. Graphics Card Open GL (Graphics Drivers) Web Browser WINDOWS, MAC, LINUX, ANDROID INDEX BUFFERS, VERTEX BUFFERS AND SHADERS 3D Rendering Library Your App JAVASCRIPT
  10. 10. Graphics WebGL Processing WebCL / Workers / Emscripten Audio Web Audio Networking WebRTC Real-time + Devices Web Sockets
  11. 11. Is this for me? Looks complicated, like maybe it’s only for game devs and the guys at Google...
  12. 12. INSPIRATION
  13. 13. Global Arms Trade Dataviz by Google Small arms trade data from 1992-2010 is visualized on an interactive 3D globe.
  14. 14. Journey to Middle Earth by North Kingdom An interactive tour of Middle Earth for desktop and mobile, using WebGL and HTML5.
  15. 15. Unveil the Infiniti Eau Rouge by HelloEnjoy Infiniti Eau Rouge is unveiled, particle by particle, in response to social campaign.
  16. 16. The Punchline: As web developers and designers, we have new techniques at our disposal.
  17. 17. But... Creative teams need visual tools.
  18. 18. Examples: Understanding models & geometry: BGE Dragon 3D Scanning: BossFight Full Angular JS app with 3D: Brained.io Product visualization: IBP Group Leap + Three.js: jQueryTO Welcome site
  19. 19. Frontend is the new Backend Your browser can do way more than you ever thought it could.
  20. 20. It’s your time to make your mark Needs hardcore development, product innovation, and experience design.
  21. 21. What will you make?
  22. 22. COMMUNICATE IN 3D Ross McKegney CEO, Verold.com ross.mckegney@verold.com @rossmckegney Use access code ‘JQUERYTO’ for 3-months of Indie for free!

×