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
How do you show assets loading?
Search
yomotsu
April 21, 2017
Technology
1
1k
How do you show assets loading?
yomotsu
April 21, 2017
Tweet
Share
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
690
PBR in three.js
yomotsu
1
960
dialog要素でつくるモーダルダイアログ
yomotsu
0
1k
IE to Edge
yomotsu
1
360
A Camera Control Library for three.js
yomotsu
1
1.3k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
560
WebXR: Beyond WebGL
yomotsu
2
1.9k
Non-DOM components with WebGL in Vue.js
yomotsu
5
13k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.8k
Other Decks in Technology
See All in Technology
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
650
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
330
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
110
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9k
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
1
170
Wasmの気になる最新情報
askua
0
190
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
tanishiking
0
180
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.7k
Dify on AWS 環境構築手順
yosse95ai
0
120
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
It's Worth the Effort
3n
187
28k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Building Adaptive Systems
keathley
44
2.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Transcript
How do you show assets loading? Presented by Akihiro Oyamada
(@yomotsu) Apr 21, 2017
Frontend Engineer at PixelGrid, Inc. Akihiro Oyamada @yomotsu
None
• ϩʔυ͍ͯ͠ΔͷΘ͔Δ • ͍ͭऴΘΔͷ͔Θ͔Βͳ͍ εϐφʔ
http://www.createjs.com/preloadjs
• ϩʔυਐߦ͕Θ͔Δ • ϩʔυਐߦϦχΞͰͳ͍ • ϑΝΠϧϔομϑΝΠϧ Preload.js
None
• ϑΝΠϧϔομ1ͭʢϑΝΠϧ͕݁߹͞Ε͍ͯΔʣ • XHR2ͰϩʔυਐߦऔΕΔ(ϦχΞ) • ѹॖ͕ޮ͘ zip
http://yomotsu.net/blog/assets/2016-12-25-xmas/
3D Model file consists of mostly numbers
3D scanned(ish) Model file
http://localhost:8000/5_compress/bad.html
None
Save 70% of size!
Can JS extract zip files? 15
There is a library! called zip-loader.js 16
https://www.npmjs.com/package/zip-loader
demo https://www.npmjs.com/package/zip-loader
gl.finish(); @yomotsu