How do you show
assets loading?

3c557c6103a4addc52f7b76ffd0a0f27?s=47 yomotsu
April 21, 2017
Technology
1
800

How do you show
assets loading?

3c557c6103a4addc52f7b76ffd0a0f27?s=128

yomotsu

April 21, 2017
Tweet

More Decks by yomotsu

See All by yomotsu
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
0
260
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
0
320
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
2
880
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
5
5.6k
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
4
6.6k
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
4
3.6k
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
2
820
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
3
1.1k
3c557c6103a4addc52f7b76ffd0a0f27?s=48 yomotsu
2
1.1k

Other Decks in Technology

See All in Technology
470bbf16e3547a17e40c34da937be921?s=48 kikmysy4
0
150
24837993455f54c957883ba1f1db7f2d?s=48 atsushieno
1
190
53850955f15249a1a9dc49df6113e400?s=48 line_developers
1
3.3k
B3d836132393f607053b041f70dafbfc?s=48 horiuchie
1
170
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
270
881b1b57f1cbe3b66b017203f7cb2efb?s=48 nplusone
0
260
6557f271a0b301f453f773be43cf876f?s=48 miyamoto_hiroki
1
220
69b4dadef85efe143ac825b62d36ed7c?s=48 fruitriin
3
330
5c3556b7c8c0ab6bc90a62161a8315f8?s=48 gracia
0
470
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
2
440
B440848190075251e012e587b82f54e2?s=48 czmirror
0
240
54bcc1069d75636cc735e72877dd30ec?s=48 taichinakamura
0
250

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
Ba530e786553390f3fb271848485681c?s=48 3n
159
22k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
581
190k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
230
750k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
280
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
314
18k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
606
53k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
86
11k

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