Advertisement
Riot on the web - Kenote @ QCon Sao Paulo 2014
Apr. 10, 2014•0 likes•1,404 views
5 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Technology
Slides for the keynote given at QCon Sao Paulo 2014. Talk goes into the problems scaling Riot and how we've tried to solve them as well as what we've learned from the web and what lies in store next.
Jarrod OversonFollow
Director at Shape SecurityAdvertisement
Advertisement
Advertisement
Recommended
5 gamesaladCass Phillipps
The Rise of the Experience Web - Peter Walsh - AcquiaAcquia
Casual Connect Europe - How To Engage With Your Players!Almog Koren
Chrome Dev Summit 2018 - Personal Take AwaysRiza Fahmi
Fashion & Luxury Masterclass 28th Oct 2014 - Acquia: Rise of experience webAcquia
AWS Partner Presentation - KANO/APPS - Large Scale HTML5 Games on Desktop, M...Amazon Web Services
Riot on the web - Kenote @ QCon Sao Paulo 2014
- JARROD OVERSON RIOT ON THE WEB @jsoverson QCon Sao Paulo
- WHO IS RIOT
- WE MAKE A GAME
- https://www.youtube.com/watch?v=CfXQrfhFRnI
- https://www.youtube.com/watch?v=gEurXD44af0 - Team DVus Gaming
- https://www.youtube.com/watch?v=Jc4WlSgr8jU - MachinimaRealm
- https://www.youtube.com/watch?v=Jc4WlSgr8jU - MachinimaRealm
- THAT GAME GOT HUGE
- LEAGUE OF LEGENDS STATS 67MILLION MONTHLY ACTIVE PLAYERS 27MILLION DAILY ACTIVE PLAYERS 7.5MILLION PEAK CONCURRENT PLAYERS STATS RELEASED JANUARY 2014
- EVERY STARTUP’S DREAM AND WORST NIGHTMARE
- Company founding & age 1991 1993 1995 1997 1999 2001 2003 2005 2007 2009 2011 2014 Riot Games Netflix Google Facebook Twitter Blizzard
- Readjusted for first product launch 1991 1993 1995 1997 1999 2001 2003 2005 2007 2009 2011 2014 Riot Games Netflix Google Facebook Twitter Blizzard
- SCALING COMPANIES IS HARD
- COMPANIES SCALING IS HARD PEOPLE
- WHAT WORKS HERE DOESN’T WORK HERE
- WHAT WORKS HERE DOESN’T WORK HERE
- WHAT WORKS HERE DOESN’T WORK HERE
- WHAT WORKS HERE DOESN’T WORK HERE
- WHAT DOES SCALE?
- NATURE
- OR, RATHER,
- WHAT HAS PROGRESSED NATURALLY
- WHAT HAS… EVOLVED ORGANICALLY IN THE DIGITAL AGE? BEATEN ALL ODDS AND OUTLASTED ALL ADVERSITY? HAS SCALED SUCCESSFULLY BEYOND ALL REASON?
- www.
- THE INTERNET BECAUSE THE COMMUNITY IS GREAT MADE IT GREAT
- HOW DID THE COMMUNITY SCALE?
- IT IS DISTRIBUTED
- IT IS ASYNCHRONOUS
- IT IS BLIND TO CLASS, RACE, and SPECIES
- YOU CAN SCALE WITHOUT THESE, BUT NOT FOREVER.
- PRODUCTIVITY TIME ASYMPTOTE OF PRODUCTIVITY
- PRODUCTIVITY TIME CLIFF OF CHANGE
- PRODUCTIVITY TIME IF CHANGE ISN’T ACCEPTED
- PRODUCTIVITY TIME DON’T FEAR CHANGE
- ASYNCHRONOUS COMMUNICATION Mailing lists, IRC, Podcasts, Recorded Meetings, Wikis WHAT CAN WE DO? COMMUNITY BUILDING Internal conferences, Meetups, Hackathons, Communities of Practice CONTRIBUTION AND LEARNING Internal & External open source, code standards, recognition CULTURE OF OPENNESS AND EQUALITY Encourage everyone to question and communicate at any level
- THE WEB IS BUT IT’S BEEN ROUGH. AWESOME
- PEAK OF INFLATED EXPECTATIONS TROUGH OF DISILLUSIONMENT HTML5 MOBILE WEB APPS PLATEAU OF REALITY The Web Platform
- 2008 2009 2010 2011 2012 2013 2014 LET’S MOVE ON
- JAVASCRIPT WON
- AND THIS ISN’T EVEN ITS FINAL FORM
- THE WEB IS REINVENTING ITSELF RIGHT NOW
- HOW DO WE GET TO THE NEXT LEVEL?
- WITH YOU
- NATIVE DEVELOPERS asm.js/Emscriptem is not for traditional web developers! THE WEB NEEDS MORE GAME/GRAPHIC DEVELOPERS WebGL is capable, performant, real and not just for games! EVERYONE! Fresh perspectives, creative thinkers, new ideas!
- WHAT IS IN STORE?
- WEB COMPONENTS
- 49 WHAT ARE WEB COMPONENTS? “Web Components” is a collection of technologies that enable better encapsulation. • Templates • Shadow DOM • Custom Elements
- <my-element> WITHOUT HACKS“ ”
- 51 WHAT ARE WEB COMPONENTS TO YOU? “Web Components” are leading a fundamental shift in web evolution.
- <particle-system particles=10000 texture=star type=sphere> D em o
- <model-viewer model="amumu.obj"> D em o
- D em o <x-gif src="animation.gif" speed="2">
- SPDY/HTTP 2.0
- 56 WHAT IS SPDY? r SPDY is an open protocol designed to… Improve security ➡ Reduce latency Increase request efficiency … and is a starting point for HTTP 2.0
- MORE DATA, FEWER REQUESTS ”“
- 58 WHAT IS SPDY TO YOU? • Concatenation? Irrelevant. • Sprite maps? Gone. • CSS @import? Go for it!
- WITH SPRITES & CONCAT LOOSE FILES REQUESTS WITH SPDY ! Stats and images from https://speakerdeck.com/wesleyhales/writing-real-time-web-apps
- asm.js“azzim jay ess”
- WHAT IN THE WORLD IS ASM.JS?
- 62 WHAT ASM.JS ISN’T. asm.js is not • A plugin • A JavaScript library • A new language • A way to write code
- WHAT IS ASM.JS? asm.js is a spec.
- IF YOU CAN’T WRITE ASM.JS, WHAT DO YOU DO WITH IT? SHOULDN’T
- 66 WHAT IS ASM.JS TO YOU? The web is now a viable compilation target.
- EMSCRIPTEM $ emcc hello_world.cpp ! $ node a.out.js Hello World
- EMSCRIPTEM $ emcc file_access.cpp -o output.html
- EMSCRIPTEM $ emcc file_access.cpp -o output.html -—preload-file asset_dir/
- 70 DEBUG C++ IN THE BROWSER http://people.mozilla.org/~lwagner/gdc-pres/gdc-2014.html Alon Zakai @GDC 2014
- https://www.youtube.com/watch?v=Jc4WlSgr8jU - MachinimaRealm
- THERE HAS NEVER BEEN A MORE PERFECT TIME TO TAKE AN ACTIVE ROLE IN THE WEB COMMUNITY
- SO TAKE AN ACTIVE ROLE
- THE WEB WON AND WITH THAT VICTORY COMES NEW CHALLENGE
- EDGE #2 EDGE #1
- THE WEB IS OURS
- AND THEIRS
- KEEP IT GREAT KEEP IT OPEN GET INVOLVED
- JARROD OVERSON RIOT ON THE WEB @jsoverson QCon Sao Paulo
Advertisement