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

How do you show
assets loading?

yomotsu
April 21, 2017
Technology
1
940

How do you show
assets loading?

yomotsu

April 21, 2017
Tweet

More Decks by yomotsu

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

Other Decks in Technology

See All in Technology
推しは推せるときに推せ！ プロダクトにフィードバックしていこう
nakasho
0
270
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
160
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
180
JAWS-UG Bedrock Claude Night
yamahiro
3
530
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
0
100
LLM とプロンプトエンジニアリング／チューターをビルドする / LLM and Prompt Engineering and Building Tutors
ks91
PRO
0
250
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
200
Java EE/Jakarta EEの現状と将来 ―クラウドネイティブ時代にJava EEは対応できるのか？―
takakiyo
1
130
開発生産性大幅アップ！Postman VS Code拡張機能
nagix
2
360
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
330
本当のAWS基礎
toru_kubota
0
480
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
330

Featured

See All Featured
Why Our Code Smells
bkeepers
PRO
331
56k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Web development in the modern age
philhawksworth
202
10k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Git: the NoSQL Database
bkeepers
PRO
422
63k
The Invisible Customer
myddelton
114
12k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Music & Morning Musume
bryan
41
5.6k
Building Adaptive Systems
keathley
31
1.9k
A Tale of Four Properties
chriscoyier
151
22k

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