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
540
PBR in three.js
yomotsu
1
890
dialog要素でつくるモーダルダイアログ
yomotsu
0
990
IE to Edge
yomotsu
1
340
A Camera Control Library for three.js
yomotsu
1
1.2k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
540
WebXR: Beyond WebGL
yomotsu
2
1.8k
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
Cursorをチョッパヤインタビューライターにチューニングする方法 / how to tuning cursor for interview write
shuzon
2
270
AIエージェントのオブザーバビリティについて
yunosukey
1
380
MagicPod MCPサーバー開発の裏側とAIエージェント活用の展望
magicpod
0
280
kernelvm-brain-net
raspython3
0
660
大規模サーバーレスプロジェクトのリアルな零れ話
maimyyym
3
260
20250514 1Passwordを使い倒す道場 vol.1
east_takumi
0
150
ソフトウェアテスト 最初の一歩 〜テスト設計技法をワークで体験しながら学ぶ〜 #JaSSTTokyo / SoftwareTestingFirstStep
nihonbuson
PRO
3
220
Microsoft Fabric のライセンスについて
ryomaru0825
2
3.4k
Developer 以外にこそ使って欲しい Amazon Q Developer
mita
0
180
Vibe Coding Tools
ijin
1
290
Part1 GitHubってなんだろう?その1
tomokusaba
3
850
Software Architecture in an AI-Driven World
atty303
53
22k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
Making the Leap to Tech Lead
cromwellryan
133
9.3k
Designing for humans not robots
tammielis
253
25k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
122
52k
Raft: Consensus for Rubyists
vanstee
137
6.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
How STYLIGHT went responsive
nonsquared
100
5.5k
Speed Design
sergeychernyshev
29
940
The Cult of Friendly URLs
andyhume
78
6.4k
Done Done
chrislema
184
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
800
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