Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

How do you show
assets loading?

Avatar for yomotsu yomotsu
April 21, 2017
Technology
1.1k
1

How do you show
assets loading?

Avatar for yomotsu

yomotsu

April 21, 2017

More Decks by yomotsu

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

Other Decks in Technology

See All in Technology
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
Avatar for Wan Noh eluwing
0
370
【Oracle AI SPOTLIGHT ウェビナー】事例から見る！なぜOCIが選ばれたのか ― AI時代のクラウド戦略を紐解く ―
Avatar for oracle4engineer oracle4engineer
PRO
1
150
Technical Project Manager の役割とやりがい、少しだけ AI
Avatar for Ryo Yoshii yoshiiryo1
0
550
なぜ東京にいる私が、新潟の技術コミュニティを運営するのか by 八雲慎之助
Avatar for やくも yakumo
0
210
Agent 活用環境の構築・運用のための AWS サービスのご紹介/agentcore-for-building-and-operating-agents
Avatar for Renya Kujirada ren8k
1
310
2拠点SRE活動始めてみた | sogaoh's LT @ ホンマでっかSRE勉強会 #3
Avatar for Hisashi SOGA sogaoh
PRO
0
230
新卒エンジニア、 介護士になる
Avatar for ryu ryu1013
1
670
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
Avatar for joe_re joere
3
320
AI時代、つくる力を自分たちの手に。 ──電通×KAG、アジャイルとAI駆動開発で挑む開発の変革
Avatar for yuukiyo yuukiyo
3
450
Building Audio Plugin Ecosystem for Android in 2026
Avatar for Atsushi Eno atsushieno
1
110
OneLakeをデータソースにした AI Search（Foundry IQ）の ライフサイクル管理
Avatar for Ryusei Iida ryuseiiida
0
220
ドメインエキスパートは いかにして AI を使って プロダクト開発をするか
Avatar for tshiraishi tatsuyashiraishi
1
250

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
600
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
390
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
350
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Design in an AI World
Avatar for tapps tapps
1
380
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4.1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.5k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.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