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

How do you show
assets loading?

yomotsu
April 21, 2017
Technology
1
890

How do you show
assets loading?

yomotsu

April 21, 2017
Tweet

More Decks by yomotsu

See All by yomotsu
dialog要素でつくるモーダルダイアログ
yomotsu
0
350
IE to Edge
yomotsu
1
120
A Camera Control Library for three.js
yomotsu
0
600
Let’s try AR
 on mobile Web with <model-viewer>
yomotsu
0
400
WebXR: Beyond
 WebGL
yomotsu
2
1.3k
Non-DOM components with WebGL in Vue.js
yomotsu
5
11k
WebGL Libs for
 WebApp Frameworks
yomotsu
4
7.3k
WebGL / WebVR
for FrontEnd Engineer
yomotsu
4
4.1k
Don't just buy a new video game, make one in JS!
yomotsu
2
920

Other Decks in Technology

See All in Technology
電子契約サービスCoffeeSignご利用ガイド
coffeesign
0
1.2k
Spring Bootcamp（新卒研修） 2022 QA研修 座学
honamin09
2
540
デイリースクラムいらなくなくなくなーい！？
kitamu_mu
16
15k
JSONについて
miyakemito
1
550
Building smarter apps with machine learning, from magic to reality
picardparis
4
3.3k
OCI技術資料 : ロード・バランサー 概要 / Load Balancer 100
ocise
3
7.8k
Retca Cloud
bau
0
1.7k
20220915modelingLT
levii
4
420
ユーザー体験を毀損せず収益は向上させる広告を実現したい
line_developers
PRO
1
250
fourkeys基盤を構築した話
ouchi2501
2
630
PHP メモリ管理術
memory1994
PRO
2
340
JaSST Review 22 Introduction / JaSST Review'22 内容紹介
nihonbuson
0
120

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
15k
Art, The Web, and Tiny UX
lynnandtonic
281
18k
Side Projects
sachag
451
37k
A better future with KSS
kneath
226
16k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.6k
4 Signs Your Business is Dying
shpigford
169
20k
Build your cross-platform service in a week with App Engine
jlugia
220
17k
No one is an island. Learnings from fostering a developers community.
thoeni
10
1.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
499
130k
Making the Leap to Tech Lead
cromwellryan
113
7.5k

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