Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How do you show assets loading?
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
yomotsu
April 21, 2017
Technology
1
1k
How do you show assets loading?
yomotsu
April 21, 2017
Tweet
Share
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
770
PBR in three.js
yomotsu
1
1k
dialog要素でつくるモーダルダイアログ
yomotsu
0
1k
IE to Edge
yomotsu
1
370
A Camera Control Library for three.js
yomotsu
1
1.4k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
580
WebXR: Beyond WebGL
yomotsu
2
1.9k
Non-DOM components with WebGL in Vue.js
yomotsu
5
13k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.9k
Other Decks in Technology
See All in Technology
OpenShiftでllm-dを動かそう!
jpishikawa
0
110
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
450
Cosmos World Foundation Model Platform for Physical AI
takmin
0
890
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
380
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
230
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
610
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.7k
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
240
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
220
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
180
今日から始めるAmazon Bedrock AgentCore
har1101
4
410
Featured
See All Featured
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
310
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
The untapped power of vector embeddings
frankvandijk
1
1.6k
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Transcript
How do you show assets loading? Presented by Akihiro Oyamada
(@yomotsu) Apr 21, 2017
Frontend Engineer at PixelGrid, Inc. Akihiro Oyamada @yomotsu
None
• ϩʔυ͍ͯ͠ΔͷΘ͔Δ • ͍ͭऴΘΔͷ͔Θ͔Βͳ͍ εϐφʔ
http://www.createjs.com/preloadjs
• ϩʔυਐߦ͕Θ͔Δ • ϩʔυਐߦϦχΞͰͳ͍ • ϑΝΠϧϔομϑΝΠϧ Preload.js
None
• ϑΝΠϧϔομ1ͭʢϑΝΠϧ͕݁߹͞Ε͍ͯΔʣ • XHR2ͰϩʔυਐߦऔΕΔ(ϦχΞ) • ѹॖ͕ޮ͘ zip
http://yomotsu.net/blog/assets/2016-12-25-xmas/
3D Model file consists of mostly numbers
3D scanned(ish) Model file
http://localhost:8000/5_compress/bad.html
None
Save 70% of size!
Can JS extract zip files? 15
There is a library! called zip-loader.js 16
https://www.npmjs.com/package/zip-loader
demo https://www.npmjs.com/package/zip-loader
gl.finish(); @yomotsu