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
980
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
470
PBR in three.js
yomotsu
1
850
dialog要素でつくるモーダルダイアログ
yomotsu
0
970
IE to Edge
yomotsu
1
330
A Camera Control Library for three.js
yomotsu
1
1.2k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
530
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 Technology
See All in Technology
AIエージェント入門
minorun365
PRO
32
18k
1行のコードから社会課題の解決へ: EMの探究、事業・技術・組織を紡ぐ実践知 / EM Conf 2025
9ma3r
11
3.9k
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
360
Share my, our lessons from the road to re:Invent
naospon
0
150
Potential EM 制度を始めた理由、そして2年後にやめた理由 - EMConf JP 2025
hoyo
2
2.7k
手を動かしてレベルアップしよう!
maruto
0
220
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
180
AIエージェント開発のノウハウと課題
pharma_x_tech
0
350
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
650
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
2
270
ESXi で仮想化した ARM 環境で LLM を動作させてみるぞ
unnowataru
0
180
実は強い 非ViTな画像認識モデル
tattaka
3
1.3k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
How GitHub (no longer) Works
holman
314
140k
Making Projects Easy
brettharned
116
6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
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