SlideShare a Scribd company logo
THE NEAR FUTURE OF
THE WEB PLATFORM
2013.5.15 동국대학교 이창환
• yich@dongguk.edu
• http://html5gamers.wordpress.com
Overview
• The Near Future of the Web Platform
• https://www.scirra.com/blog/110/the-near-future-of-the-web-
platform
• Scirra's Construct 2
• http://www.scirra.com/contruct2
• HTML5 2D Game Tool/Engine
• Multiplatform Export
• Feature support depends on what the browser provides (or in some
cases what the wrapper supports)
• “native" apps using wrappers like node-webkit or CocoonJS
2
Improving mobile browsers
• Chrome for Android
• Android 4+, Better than the Android stock browser
• Firefox for Android
• WebGL performance Slow Issue
• Safari for iOS (iOS 6)
• The Web Audio API for Safari
• Faster Javascript performance
• Hardware accelerated rendering
• The latest Safari iOS and Chrome for Android
• Browser gaming on mobile
• Good, but the weaker GPUs and limited memory, especially on old devices.
• Mobile browsers vs. Desktop browsers
• A little behind desktop browsers
• steadily improving and catching up
3
Increasing WebGL support
• A WebGL renderer for Construct 2 games
• about twice as fast as canvas 2D - or more, depending on the benchmark - even on mobile.
• some really awesome effects.
• no widely supported, only working on desktop Chrome and Firefox.
• Internet Explorer 11(Desktop) may support WebGL
• Be supported in all major desktop browsers.
• Scirra’s criticism of IE10
• Mobile Browser
• Chrome for Android
• can enable it from chrome://flags
• Firefox for Android, Firefox OS and Blackberry 10
• Hopefully Windows Phone 8
• Safari
• Already support it but have disabled it
• Ludei
• support for WebGL in CocoonJS
• WebGL support in iOS and Android native apps regardless of the browser
4
Chrome splits from WebKit
• Chromium (the engine behind Chrome) and Safari
• WebKit: Shared the same open-source rendering engine
• Blink: Split off from WebKit and create their own independent
engine
• In the short term,
• very little effect; virtually identical to WebKit
• In the long term
• Google has more freedom to experi5ment with their browser engine.
• More features and better performance, all delivered more quickly
5
Rumour of Chromium-powered Android
web view
• Technical point: publishing a game with PhoneGap
• The performance very poor on both Android and iOS.
• The native app's browser (the Web View control): very slow on these
platforms.
• Not actually a full browser, and lacks the things that make browsers fast, like
hardware-accelerated rendering.
• CocoonJS
• Solve this problem
• Rumour from Google
• Android might use Chromium for the web view.
• Making it more like a real browser
• all the performance benefits
• let's hope it turns up in Android 5! (Scirra)
6
asm.js
• asm.js: Mozilla’s fascinating project
• Aimed at making it possible to get native performance from browser
apps.
• Not be taking advantage of it for Construct 2. I've explained why in more
detail in this forum reply I made about asm.js.
• C/C++ -> javascript
• Not javascript
7
WebRTC
• The User Media object
• Access a video feed from the user's camera
• Microphone input
• Requres Chrome Canary (and a microphone!)
• Real-time peer-to-peer communication.
• The possibility of low-latency multiplayer networking
• much more efficient than WebSockets
8
Web Audio API
• For all kinds of advanced audio effects
• including positioned sounds.
• Supported in desktop Chrome and iOS Safari.
• Firefox: actively working on it
• Chrome for Android: soon
• audio effects
• a great way to make games more immersive
9
Web MIDI API
• For musical games
• being able to use MIDI input and output
• not supported anywhere yet
• on the standardisation track.
10
Ambient light reading
• Unusual one
• a lot of phones and tablets: ambient light sensors built in.
• Mozilla
• working on a way to make this accessible to web content.
• Imagine a game with a level you can only play in a dark room, or in
bright sunshine.
11
Speech recognition & synthesis
• Voice-controlled games
• An interesting avenue to explore
• the game automatically talk back.
• Chrome: actively working on
• Firefox: interested.
12
ScirraMark
• ScirraMark
• A test page: several
browser technologies
• Report which of them your
browser supports,
• An overall score.
• Useful for testing a range of
browsers and platforms for
their gaming capability.
• Plan: extend this to test for
new upcoming features
once they get implemented
in at least one browser.
13
The Web is the Platform
• A View of Writer
• How the web is advancing quickly
• Showing lots of promise as a deeply capable platform for your
games to run on
• Their aim
• To make sure as many of them as possible are exposed through plugins
in Construct 2
• Game developer can play with them and find cool ways to integrate
them in to your projects.
14

More Related Content

What's hot

Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработкиСергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
DevGAMM Conference
 
Phaser presentation
Phaser presentationPhaser presentation
Phaser presentation
Patrick John Pacaña
 
The mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business teamThe mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business team
Bikash Sundaray
 
Introduction to Phaser.js
Introduction to Phaser.jsIntroduction to Phaser.js
Introduction to Phaser.js
Francesco Raimondo
 
Native Code is Dead AKA Cross Platform Development with Unity3D
Native Code is Dead AKA Cross Platform Development with Unity3DNative Code is Dead AKA Cross Platform Development with Unity3D
Native Code is Dead AKA Cross Platform Development with Unity3D
Ralph Barbagallo
 
Titanium: Native Mobile Apps with Javascript
Titanium: Native Mobile Apps with Javascript Titanium: Native Mobile Apps with Javascript
Titanium: Native Mobile Apps with Javascript
Leonardo Farias
 
Cross-Platform Desktop Apps with Electron
Cross-Platform Desktop Apps with ElectronCross-Platform Desktop Apps with Electron
Cross-Platform Desktop Apps with Electron
David Neal
 
New Frontiers in Motion and Interactivity
New Frontiers in Motion and InteractivityNew Frontiers in Motion and Interactivity
New Frontiers in Motion and Interactivity
Joseph Labrecque
 
Salesforce1 for Visualforce Developers
Salesforce1 for Visualforce DevelopersSalesforce1 for Visualforce Developers
Salesforce1 for Visualforce Developers
Keir Bowden
 
My 10 days with Phaser.js - WarsawJS Meetup #13
My 10 days with Phaser.js - WarsawJS Meetup #13My 10 days with Phaser.js - WarsawJS Meetup #13
My 10 days with Phaser.js - WarsawJS Meetup #13
Piotr Kowalski
 
Cross-Platform Desktop Apps with Electron (Condensed Version)
Cross-Platform Desktop Apps with Electron (Condensed Version)Cross-Platform Desktop Apps with Electron (Condensed Version)
Cross-Platform Desktop Apps with Electron (Condensed Version)
David Neal
 
From Web to Mobile with Stage 3D
From Web to Mobile with Stage 3DFrom Web to Mobile with Stage 3D
From Web to Mobile with Stage 3D
Jean-Philippe Doiron
 
Native Code is Dead AKA Cross Platform Development with Unity 3D
Native Code is Dead AKA Cross Platform Development with Unity 3DNative Code is Dead AKA Cross Platform Development with Unity 3D
Native Code is Dead AKA Cross Platform Development with Unity 3D
Ralph Barbagallo
 
Firefox OS Intro, Inside OUT
Firefox OS Intro, Inside OUTFirefox OS Intro, Inside OUT
Firefox OS Intro, Inside OUT
skiee-mahir
 
Building a Desktop Streaming console with Node.js and WebKit
Building a Desktop Streaming console with Node.js and WebKitBuilding a Desktop Streaming console with Node.js and WebKit
Building a Desktop Streaming console with Node.js and WebKit
Emanuele Rampichini
 
Teacher Training Workshop - Game Development with Phaser
Teacher Training Workshop  - Game Development with PhaserTeacher Training Workshop  - Game Development with Phaser
Teacher Training Workshop - Game Development with Phaser
Pablo Farías Navarro
 
.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!
Rodrigo Kono
 
Coding - iPhone Frameworks for Museum Tours
Coding - iPhone Frameworks for Museum ToursCoding - iPhone Frameworks for Museum Tours
Coding - iPhone Frameworks for Museum Tours
Chris Alexander
 
Building a Desktop Streaming console with Electron and ReactJS
Building a Desktop Streaming console with Electron and ReactJSBuilding a Desktop Streaming console with Electron and ReactJS
Building a Desktop Streaming console with Electron and ReactJS
Emanuele Rampichini
 
HTML5 Games Status and issues
HTML5 Games Status and issuesHTML5 Games Status and issues
HTML5 Games Status and issuesJ.h. Liu
 

What's hot (20)

Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработкиСергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
 
Phaser presentation
Phaser presentationPhaser presentation
Phaser presentation
 
The mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business teamThe mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business team
 
Introduction to Phaser.js
Introduction to Phaser.jsIntroduction to Phaser.js
Introduction to Phaser.js
 
Native Code is Dead AKA Cross Platform Development with Unity3D
Native Code is Dead AKA Cross Platform Development with Unity3DNative Code is Dead AKA Cross Platform Development with Unity3D
Native Code is Dead AKA Cross Platform Development with Unity3D
 
Titanium: Native Mobile Apps with Javascript
Titanium: Native Mobile Apps with Javascript Titanium: Native Mobile Apps with Javascript
Titanium: Native Mobile Apps with Javascript
 
Cross-Platform Desktop Apps with Electron
Cross-Platform Desktop Apps with ElectronCross-Platform Desktop Apps with Electron
Cross-Platform Desktop Apps with Electron
 
New Frontiers in Motion and Interactivity
New Frontiers in Motion and InteractivityNew Frontiers in Motion and Interactivity
New Frontiers in Motion and Interactivity
 
Salesforce1 for Visualforce Developers
Salesforce1 for Visualforce DevelopersSalesforce1 for Visualforce Developers
Salesforce1 for Visualforce Developers
 
My 10 days with Phaser.js - WarsawJS Meetup #13
My 10 days with Phaser.js - WarsawJS Meetup #13My 10 days with Phaser.js - WarsawJS Meetup #13
My 10 days with Phaser.js - WarsawJS Meetup #13
 
Cross-Platform Desktop Apps with Electron (Condensed Version)
Cross-Platform Desktop Apps with Electron (Condensed Version)Cross-Platform Desktop Apps with Electron (Condensed Version)
Cross-Platform Desktop Apps with Electron (Condensed Version)
 
From Web to Mobile with Stage 3D
From Web to Mobile with Stage 3DFrom Web to Mobile with Stage 3D
From Web to Mobile with Stage 3D
 
Native Code is Dead AKA Cross Platform Development with Unity 3D
Native Code is Dead AKA Cross Platform Development with Unity 3DNative Code is Dead AKA Cross Platform Development with Unity 3D
Native Code is Dead AKA Cross Platform Development with Unity 3D
 
Firefox OS Intro, Inside OUT
Firefox OS Intro, Inside OUTFirefox OS Intro, Inside OUT
Firefox OS Intro, Inside OUT
 
Building a Desktop Streaming console with Node.js and WebKit
Building a Desktop Streaming console with Node.js and WebKitBuilding a Desktop Streaming console with Node.js and WebKit
Building a Desktop Streaming console with Node.js and WebKit
 
Teacher Training Workshop - Game Development with Phaser
Teacher Training Workshop  - Game Development with PhaserTeacher Training Workshop  - Game Development with Phaser
Teacher Training Workshop - Game Development with Phaser
 
.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!
 
Coding - iPhone Frameworks for Museum Tours
Coding - iPhone Frameworks for Museum ToursCoding - iPhone Frameworks for Museum Tours
Coding - iPhone Frameworks for Museum Tours
 
Building a Desktop Streaming console with Electron and ReactJS
Building a Desktop Streaming console with Electron and ReactJSBuilding a Desktop Streaming console with Electron and ReactJS
Building a Desktop Streaming console with Electron and ReactJS
 
HTML5 Games Status and issues
HTML5 Games Status and issuesHTML5 Games Status and issues
HTML5 Games Status and issues
 

Similar to W3C HTML5 KIG-The near future of the web platform

Cross-Platform Development
Cross-Platform DevelopmentCross-Platform Development
Cross-Platform Development
Syed Owais Ali Chishti
 
Android basic
Android basicAndroid basic
Android basic
Kalluri Vinay Reddy
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for EngineersBrian LeRoux
 
Android
AndroidAndroid
Tehran's 1st Android bootcamp - Part1
Tehran's 1st Android bootcamp - Part1Tehran's 1st Android bootcamp - Part1
Tehran's 1st Android bootcamp - Part1
Mohsen Mirhoseini
 
Android beyond the smartphone
Android beyond the smartphoneAndroid beyond the smartphone
Android beyond the smartphone
Chris Simmonds
 
Google chrome operating system
Google chrome operating systemGoogle chrome operating system
Google chrome operating system
Amit sundaray
 
Introduction to Android Programming
Introduction to Android ProgrammingIntroduction to Android Programming
Introduction to Android Programming
'Zamin Mammadov
 
Firefox os
Firefox osFirefox os
Firefox os
Nivin Thomas
 
Chrome OS axel mérida
Chrome OS axel méridaChrome OS axel mérida
Chrome OS axel méridaAxel Mérida
 
Google Chrome - OS & BROWSER
Google Chrome - OS & BROWSERGoogle Chrome - OS & BROWSER
Google Chrome - OS & BROWSER
Faheem Ahmed
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Maximiliano Firtman
 
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Sacha Leprêtre
 
Felipe Erias: Wolvic: Web Browsing on Extended Reality
Felipe Erias: Wolvic: Web Browsing on Extended RealityFelipe Erias: Wolvic: Web Browsing on Extended Reality
Felipe Erias: Wolvic: Web Browsing on Extended Reality
Igalia
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
 
Development of a mobile app for Android
Development of a mobile app for AndroidDevelopment of a mobile app for Android
Development of a mobile app for Android
AlexJReid
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating systemNishant Mehare
 

Similar to W3C HTML5 KIG-The near future of the web platform (20)

Cross-Platform Development
Cross-Platform DevelopmentCross-Platform Development
Cross-Platform Development
 
Android basic
Android basicAndroid basic
Android basic
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 
Android
AndroidAndroid
Android
 
Tehran's 1st Android bootcamp - Part1
Tehran's 1st Android bootcamp - Part1Tehran's 1st Android bootcamp - Part1
Tehran's 1st Android bootcamp - Part1
 
Android beyond the smartphone
Android beyond the smartphoneAndroid beyond the smartphone
Android beyond the smartphone
 
Google chrome operating system
Google chrome operating systemGoogle chrome operating system
Google chrome operating system
 
DjangoSki
DjangoSkiDjangoSki
DjangoSki
 
Introduction to Android Programming
Introduction to Android ProgrammingIntroduction to Android Programming
Introduction to Android Programming
 
Firefox os
Firefox osFirefox os
Firefox os
 
Chrome OS axel mérida
Chrome OS axel méridaChrome OS axel mérida
Chrome OS axel mérida
 
Google Chrome - OS & BROWSER
Google Chrome - OS & BROWSERGoogle Chrome - OS & BROWSER
Google Chrome - OS & BROWSER
 
52
5252
52
 
Android
Android Android
Android
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
 
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
 
Felipe Erias: Wolvic: Web Browsing on Extended Reality
Felipe Erias: Wolvic: Web Browsing on Extended RealityFelipe Erias: Wolvic: Web Browsing on Extended Reality
Felipe Erias: Wolvic: Web Browsing on Extended Reality
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
Development of a mobile app for Android
Development of a mobile app for AndroidDevelopment of a mobile app for Android
Development of a mobile app for Android
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating system
 

More from Changhwan Yi

Web sessions in Developer Conferences
Web sessions in Developer ConferencesWeb sessions in Developer Conferences
Web sessions in Developer Conferences
Changhwan Yi
 
JavaScript Engine and WebAssembly
JavaScript Engine and WebAssemblyJavaScript Engine and WebAssembly
JavaScript Engine and WebAssembly
Changhwan Yi
 
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
Changhwan Yi
 
Html5 게임 기술의 개요
Html5 게임 기술의 개요Html5 게임 기술의 개요
Html5 게임 기술의 개요
Changhwan Yi
 
동국대 앱창작터 5일차:Cocos2d-X 확장기능
동국대 앱창작터 5일차:Cocos2d-X 확장기능동국대 앱창작터 5일차:Cocos2d-X 확장기능
동국대 앱창작터 5일차:Cocos2d-X 확장기능
Changhwan Yi
 
동국대 앱창작터 4일차:Cocos2d-X 고급기능
동국대 앱창작터 4일차:Cocos2d-X 고급기능동국대 앱창작터 4일차:Cocos2d-X 고급기능
동국대 앱창작터 4일차:Cocos2d-X 고급기능
Changhwan Yi
 
동국대 앱창작터 2일차:Cocos2d-X 기본기능
동국대 앱창작터 2일차:Cocos2d-X 기본기능동국대 앱창작터 2일차:Cocos2d-X 기본기능
동국대 앱창작터 2일차:Cocos2d-X 기본기능
Changhwan Yi
 
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
Changhwan Yi
 
W3C HTML5 KIG-The complete guide to building html5 games
W3C HTML5 KIG-The complete guide to building html5 gamesW3C HTML5 KIG-The complete guide to building html5 games
W3C HTML5 KIG-The complete guide to building html5 games
Changhwan Yi
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"Changhwan Yi
 
WoO 2012-Web 서비스 기술
WoO 2012-Web 서비스 기술WoO 2012-Web 서비스 기술
WoO 2012-Web 서비스 기술
Changhwan Yi
 
W3C HTML5 KIG-Typed Arrays
W3C HTML5 KIG-Typed ArraysW3C HTML5 KIG-Typed Arrays
W3C HTML5 KIG-Typed Arrays
Changhwan Yi
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
Changhwan Yi
 
W3C HTML5 KIG-How to write low garbage real-time javascript
W3C HTML5 KIG-How to write low garbage real-time javascriptW3C HTML5 KIG-How to write low garbage real-time javascript
W3C HTML5 KIG-How to write low garbage real-time javascript
Changhwan Yi
 
W3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance IssueW3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance Issue
Changhwan Yi
 

More from Changhwan Yi (15)

Web sessions in Developer Conferences
Web sessions in Developer ConferencesWeb sessions in Developer Conferences
Web sessions in Developer Conferences
 
JavaScript Engine and WebAssembly
JavaScript Engine and WebAssemblyJavaScript Engine and WebAssembly
JavaScript Engine and WebAssembly
 
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
2013 W3C HTML5 Day Conferences:HTML5 Game App 개발 및 이슈
 
Html5 게임 기술의 개요
Html5 게임 기술의 개요Html5 게임 기술의 개요
Html5 게임 기술의 개요
 
동국대 앱창작터 5일차:Cocos2d-X 확장기능
동국대 앱창작터 5일차:Cocos2d-X 확장기능동국대 앱창작터 5일차:Cocos2d-X 확장기능
동국대 앱창작터 5일차:Cocos2d-X 확장기능
 
동국대 앱창작터 4일차:Cocos2d-X 고급기능
동국대 앱창작터 4일차:Cocos2d-X 고급기능동국대 앱창작터 4일차:Cocos2d-X 고급기능
동국대 앱창작터 4일차:Cocos2d-X 고급기능
 
동국대 앱창작터 2일차:Cocos2d-X 기본기능
동국대 앱창작터 2일차:Cocos2d-X 기본기능동국대 앱창작터 2일차:Cocos2d-X 기본기능
동국대 앱창작터 2일차:Cocos2d-X 기본기능
 
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
동국대 앱창작터 1일차:Cocos2d-X 소개, 환경설정, 주요개념
 
W3C HTML5 KIG-The complete guide to building html5 games
W3C HTML5 KIG-The complete guide to building html5 gamesW3C HTML5 KIG-The complete guide to building html5 games
W3C HTML5 KIG-The complete guide to building html5 games
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
 
WoO 2012-Web 서비스 기술
WoO 2012-Web 서비스 기술WoO 2012-Web 서비스 기술
WoO 2012-Web 서비스 기술
 
W3C HTML5 KIG-Typed Arrays
W3C HTML5 KIG-Typed ArraysW3C HTML5 KIG-Typed Arrays
W3C HTML5 KIG-Typed Arrays
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
 
W3C HTML5 KIG-How to write low garbage real-time javascript
W3C HTML5 KIG-How to write low garbage real-time javascriptW3C HTML5 KIG-How to write low garbage real-time javascript
W3C HTML5 KIG-How to write low garbage real-time javascript
 
W3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance IssueW3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance Issue
 

Recently uploaded

State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 

Recently uploaded (20)

State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 

W3C HTML5 KIG-The near future of the web platform

  • 1. THE NEAR FUTURE OF THE WEB PLATFORM 2013.5.15 동국대학교 이창환 • yich@dongguk.edu • http://html5gamers.wordpress.com
  • 2. Overview • The Near Future of the Web Platform • https://www.scirra.com/blog/110/the-near-future-of-the-web- platform • Scirra's Construct 2 • http://www.scirra.com/contruct2 • HTML5 2D Game Tool/Engine • Multiplatform Export • Feature support depends on what the browser provides (or in some cases what the wrapper supports) • “native" apps using wrappers like node-webkit or CocoonJS 2
  • 3. Improving mobile browsers • Chrome for Android • Android 4+, Better than the Android stock browser • Firefox for Android • WebGL performance Slow Issue • Safari for iOS (iOS 6) • The Web Audio API for Safari • Faster Javascript performance • Hardware accelerated rendering • The latest Safari iOS and Chrome for Android • Browser gaming on mobile • Good, but the weaker GPUs and limited memory, especially on old devices. • Mobile browsers vs. Desktop browsers • A little behind desktop browsers • steadily improving and catching up 3
  • 4. Increasing WebGL support • A WebGL renderer for Construct 2 games • about twice as fast as canvas 2D - or more, depending on the benchmark - even on mobile. • some really awesome effects. • no widely supported, only working on desktop Chrome and Firefox. • Internet Explorer 11(Desktop) may support WebGL • Be supported in all major desktop browsers. • Scirra’s criticism of IE10 • Mobile Browser • Chrome for Android • can enable it from chrome://flags • Firefox for Android, Firefox OS and Blackberry 10 • Hopefully Windows Phone 8 • Safari • Already support it but have disabled it • Ludei • support for WebGL in CocoonJS • WebGL support in iOS and Android native apps regardless of the browser 4
  • 5. Chrome splits from WebKit • Chromium (the engine behind Chrome) and Safari • WebKit: Shared the same open-source rendering engine • Blink: Split off from WebKit and create their own independent engine • In the short term, • very little effect; virtually identical to WebKit • In the long term • Google has more freedom to experi5ment with their browser engine. • More features and better performance, all delivered more quickly 5
  • 6. Rumour of Chromium-powered Android web view • Technical point: publishing a game with PhoneGap • The performance very poor on both Android and iOS. • The native app's browser (the Web View control): very slow on these platforms. • Not actually a full browser, and lacks the things that make browsers fast, like hardware-accelerated rendering. • CocoonJS • Solve this problem • Rumour from Google • Android might use Chromium for the web view. • Making it more like a real browser • all the performance benefits • let's hope it turns up in Android 5! (Scirra) 6
  • 7. asm.js • asm.js: Mozilla’s fascinating project • Aimed at making it possible to get native performance from browser apps. • Not be taking advantage of it for Construct 2. I've explained why in more detail in this forum reply I made about asm.js. • C/C++ -> javascript • Not javascript 7
  • 8. WebRTC • The User Media object • Access a video feed from the user's camera • Microphone input • Requres Chrome Canary (and a microphone!) • Real-time peer-to-peer communication. • The possibility of low-latency multiplayer networking • much more efficient than WebSockets 8
  • 9. Web Audio API • For all kinds of advanced audio effects • including positioned sounds. • Supported in desktop Chrome and iOS Safari. • Firefox: actively working on it • Chrome for Android: soon • audio effects • a great way to make games more immersive 9
  • 10. Web MIDI API • For musical games • being able to use MIDI input and output • not supported anywhere yet • on the standardisation track. 10
  • 11. Ambient light reading • Unusual one • a lot of phones and tablets: ambient light sensors built in. • Mozilla • working on a way to make this accessible to web content. • Imagine a game with a level you can only play in a dark room, or in bright sunshine. 11
  • 12. Speech recognition & synthesis • Voice-controlled games • An interesting avenue to explore • the game automatically talk back. • Chrome: actively working on • Firefox: interested. 12
  • 13. ScirraMark • ScirraMark • A test page: several browser technologies • Report which of them your browser supports, • An overall score. • Useful for testing a range of browsers and platforms for their gaming capability. • Plan: extend this to test for new upcoming features once they get implemented in at least one browser. 13
  • 14. The Web is the Platform • A View of Writer • How the web is advancing quickly • Showing lots of promise as a deeply capable platform for your games to run on • Their aim • To make sure as many of them as possible are exposed through plugins in Construct 2 • Game developer can play with them and find cool ways to integrate them in to your projects. 14