Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web×Graphics
Search
yomotsu
June 14, 2014
Programming
5
480
Web×Graphics
at HTML5NIGHT on JUN 14 2014
yomotsu
June 14, 2014
Tweet
Share
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
340
PBR in three.js
yomotsu
1
800
dialog要素でつくるモーダルダイアログ
yomotsu
0
930
IE to Edge
yomotsu
1
310
A Camera Control Library for three.js
yomotsu
1
1.1k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
520
WebXR: Beyond WebGL
yomotsu
2
1.7k
Non-DOM components with WebGL in Vue.js
yomotsu
5
12k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.8k
Other Decks in Programming
See All in Programming
外部システム連携先が10を超えるシステムでのアーキテクチャ設計・実装事例
kiwasaki
1
220
カラム追加で増えるActiveRecordのメモリサイズ イメージできますか?
asayamakk
4
1.5k
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4k
Android 15 でアクションバー表示時にステータスバーが白くなってしまう問題
tonionagauzzi
0
130
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
150
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
490
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
1.6k
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
3
390
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
480
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
23k
Golang と Erlang
taiyow
8
1.9k
go.mod、DockerfileやCI設定に分散しがちなGoのバージョンをまとめて管理する / Go Connect #3
arthur1
10
2.3k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
692
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Practical Orchestrator
shlominoach
186
10k
Rails Girls Zürich Keynote
gr2m
93
13k
A Philosophy of Restraint
colly
203
16k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Happy Clients
brianwarren
97
6.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Transcript
1 Web×Graphics J U N 1 4 2 0 1
4 | H T M L 5 N I G H T
2 Hello! Frontend Engineer at PixelGrid, Inc. @yomotsu recent private
works • http://yomotsu.net/blog/assets/2014-02-26-facial-animation/ • http://yomotsu.net/blog/assets/2014-02-13-chocolate4u/ • http://yomotsu.github.io/CharacterController/game.html
Web Graphics 3
4
5
6 //build/ | April 2-4, 2013
• Internet Explorer 11 (Desktop) • Windows Phone 8.1 •
Windows Apps 7
8 WWDC14 | Jun 2-6, 2014
• Safari (Yosemite) • Mobile Safari (iOS 8) • WebView
(iOS 8) 9
10
11
12
http://devblog.blackberry.com/2012/02/playbook-native-webgl-development/ 13
https://twitter.com/intel/status/476770842635161600/photo/1 14
http://helloracer.com/racer-s/ 15
http://developer.sonymobile.com/2012/01/25/webgl-implementation-for-xperia-phones-released-as-open-source/ 16
17 • BlackBerry • Intel • SAMSUNG • Sony Mobile
WebGL is gonna be the BIGGEST 3D PLATFORM EVER
18
19
20
What for? 21
https://www.google.co.jp/maps/ 22
http://ogreen.special-t.com/en/ 23
http://www.nike.com/sp/gb/en_gb/genealogyofinnovation#/ 24
I have tried it too! 25
http://yomotsu.net/blog/assets/2014-02-26-facial-animation/ http://yomotsu.net/blog/assets/2014-02-13-chocolate4u/ http://yomotsu.net/blog/assets/2013-12-01-happyholidays/ http://yomotsu.net/blog/assets/2013-12-25-mmd/index.html 26
None
28 Thank you! @yomotsu