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

How do you show
assets loading?

yomotsu
April 21, 2017
Technology
1
980

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
470
PBR in three.js
yomotsu
1
850
dialog要素でつくるモーダルダイアログ
yomotsu
0
970
IE to Edge
yomotsu
1
330
A Camera Control Library for three.js
yomotsu
1
1.2k
Let’s try AR
 on mobile Web with <model-viewer>
yomotsu
0
540
WebXR: Beyond
 WebGL
yomotsu
2
1.7k
Non-DOM components with WebGL in Vue.js
yomotsu
5
12k
WebGL Libs for
 WebApp Frameworks
yomotsu
4
7.8k

Other Decks in Technology

See All in Technology
AIエージェント元年@日本生成AIユーザ会
shukob
1
250
困難を「一般解」で解く
fujiwara3
7
1.7k
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
9
1.9k
データモデルYANGの処理系を再発明した話
tjmtrhs
0
230
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.8k
Amazon Athenaから利用時のGlueのIcebergテーブルのメンテナンスについて
nayuts
0
110
マルチアカウント環境における組織ポリシーについて まとめてみる
nrinetcom
PRO
2
100
開発組織を進化させる！AWSで実践するチームトポロジー
iwamot
2
520
LayerXにおけるAI活用事例とその裏側（2025年2月） バクラクの目指す “業務の自動運転” の例 / layerx-ai-deim2025
yuya4
0
110
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
120
AI Agent時代なのでAWSのLLMs.txtが欲しい！
watany
3
350
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう！
nrinetcom
PRO
2
120

Featured

See All Featured
Building Applications with DynamoDB
mza
93
6.2k
The Invisible Side of Design
smashingmag
299
50k
RailsConf 2023
tenderlove
29
1k
Building Your Own Lightsaber
phodgson
104
6.2k
It's Worth the Effort
3n
184
28k
The Cult of Friendly URLs
andyhume
78
6.2k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Statistics for Hackers
jakevdp
797
220k
GraphQLとの向き合い方2022年版
quramy
44
14k
Gamification - CAS2011
davidbonilla
80
5.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
530
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k

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