Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How do you show
assets loading?

Avatar for yomotsu yomotsu
April 21, 2017
Technology
1
1k

How do you show
assets loading?

Avatar for yomotsu

yomotsu

April 21, 2017
Tweet

More Decks by yomotsu

See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
Avatar for yomotsu yomotsu
0
540
PBR in three.js
Avatar for yomotsu yomotsu
1
890
dialog要素でつくるモーダルダイアログ
Avatar for yomotsu yomotsu
0
990
IE to Edge
Avatar for yomotsu yomotsu
1
340
A Camera Control Library for three.js
Avatar for yomotsu yomotsu
1
1.2k
Let’s try AR
 on mobile Web with <model-viewer>
Avatar for yomotsu yomotsu
0
540
WebXR: Beyond
 WebGL
Avatar for yomotsu yomotsu
2
1.8k
Non-DOM components with WebGL in Vue.js
Avatar for yomotsu yomotsu
5
12k
WebGL Libs for
 WebApp Frameworks
Avatar for yomotsu yomotsu
4
7.8k

Other Decks in Technology

See All in Technology
Cursorをﾁｮｯﾊﾟﾔインタビューライターにチューニングする方法 / how to tuning cursor for interview write
Avatar for ShuzoN shuzon
2
270
AIエージェントのオブザーバビリティについて
Avatar for Yunosuke Yamada yunosukey
1
380
MagicPod MCPサーバー開発の裏側とAIエージェント活用の展望
Avatar for MagicPod magicpod
0
280
kernelvm-brain-net
Avatar for らすぴー raspython3
0
660
大規模サーバーレスプロジェクトのリアルな零れ話
Avatar for mai miya maimyyym
3
260
20250514 1Passwordを使い倒す道場 vol.1
Avatar for Takumi Abe east_takumi
0
150
ソフトウェアテスト 最初の一歩 〜テスト設計技法をワークで体験しながら学ぶ〜 #JaSSTTokyo / SoftwareTestingFirstStep
Avatar for nihonbuson nihonbuson
PRO
3
220
Microsoft Fabric のライセンスについて
Avatar for Ryoma Nagata ryomaru0825
2
3.4k
Developer 以外にこそ使って欲しい Amazon Q Developer
Avatar for mita mita
0
180
Vibe Coding Tools
Avatar for Michael H. Oshita ijin
1
290
Part1　GitHubってなんだろう？その１
Avatar for tomokusaba tomokusaba
3
850
Software Architecture in an AI-Driven World
Avatar for AGAWA Koji atty303
53
22k

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
122
52k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
940
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
Done Done
Avatar for chrislema chrislema
184
16k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
800

Transcript

  1. How do you show
 assets loading? Presented by Akihiro Oyamada

    (@yomotsu) Apr 21, 2017

  2. Frontend Engineer at PixelGrid, Inc. Akihiro Oyamada @yomotsu

  3. None

  4. • ϩʔυ͍ͯ͠Δͷ͸Θ͔Δ • ͍ͭऴΘΔͷ͔͸Θ͔Βͳ͍ εϐφʔ

  5. http://www.createjs.com/preloadjs

  6. • ϩʔυਐߦ౓͕Θ͔Δ • ϩʔυਐߦ౓͸ϦχΞͰ͸ͳ͍ • ϑΝΠϧϔομ͸ϑΝΠϧ਺෼ Preload.js

  7. None

  8. • ϑΝΠϧϔομ͸1ͭʢϑΝΠϧ͕݁߹͞Ε͍ͯΔʣ • XHR2Ͱϩʔυਐߦ౓΋औΕΔ(ϦχΞ) • ѹॖ͕ޮ͘ zip

  9. http://yomotsu.net/blog/assets/2016-12-25-xmas/

  10. 3D Model file consists of mostly numbers

  11. 3D scanned(ish) Model file

  12. http://localhost:8000/5_compress/bad.html

  13. None

  14. Save 70% of size!

  15. Can JS extract zip files? 15

  16. There is a library!
 called zip-loader.js 16

  17. https://www.npmjs.com/package/zip-loader

  18. demo https://www.npmjs.com/package/zip-loader

  19. gl.finish(); @yomotsu