How do you show
assets loading?

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