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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
zozotech
PRO
4
4.8k
(金融庁共催)第4回金融データ活用チャレンジ勉強会資料
takumimukaiyama
0
120
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
200
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
190
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
130
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.3k
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.1k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
67k
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
140
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
2
380
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
210
toCプロダクトにおけるAI機能開発のしくじりと学び / ai-product-failures-and-learnings
rince
6
5.5k
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Color Theory Basics | Prateek | Gurzu
gurzu
0
190
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
Statistics for Hackers
jakevdp
799
230k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
160
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
220
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
430
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Un-Boring Meetings
codingconduct
0
200
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
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