La rencontre avec
ASMJS et Emscripten
Le canvas c'est cool
mais ca a ses limites
Consommation de ressources
Importantes et monopolise
l'UI Thread

IT'S
CANVAS

...
Comment marche JPEG
Trop compliqué pour moi
Here come our saviors
Webworker
Emscripten
asm.js
Webworker
- Parallèlisation
- API pauvre
Emscripten
- LLVM bitcode to Javascript
- compile directement en asm.js
ASM.JS
- plus rapide que le js normal
- plus chiant a écrire que du js normal

Avec la librairie nanojpg sur 1000 chargeme...
Fucking Emscripten.
How do you work ?
Emscripten
Compilation
●
●

Directement vers JS, ou LLVM bitcode
Possibilité d'utiliser ./configure et make grâce a emconf...
Emscripten
Export de fonction
Emscripten
Optimisation
●
●

Optimisation llvm et js (possible de séparer les grâce a –llvm-opts n)
Lorsqu'on compile en O...
Questions
Talk LyonJS FranzP - Emscripten et asm.js
Prochain SlideShare
Chargement dans…5
×

Talk LyonJS FranzP - Emscripten et asm.js

349 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
349
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Talk LyonJS FranzP - Emscripten et asm.js

  1. 1. La rencontre avec ASMJS et Emscripten
  2. 2. Le canvas c'est cool mais ca a ses limites Consommation de ressources Importantes et monopolise l'UI Thread IT'S CANVAS TIME Canvas Plz ! UI Thread
  3. 3. Comment marche JPEG
  4. 4. Trop compliqué pour moi
  5. 5. Here come our saviors Webworker Emscripten asm.js
  6. 6. Webworker - Parallèlisation - API pauvre
  7. 7. Emscripten - LLVM bitcode to Javascript - compile directement en asm.js
  8. 8. ASM.JS - plus rapide que le js normal - plus chiant a écrire que du js normal Avec la librairie nanojpg sur 1000 chargements d'une image de 5Mo ● Chargement natif en blob dans conteneur img 500 ms ● Chargement avec nanojpg compilé avec emscripten 700 ms
  9. 9. Fucking Emscripten. How do you work ?
  10. 10. Emscripten Compilation ● ● Directement vers JS, ou LLVM bitcode Possibilité d'utiliser ./configure et make grâce a emconfigure et emmake
  11. 11. Emscripten Export de fonction
  12. 12. Emscripten Optimisation ● ● Optimisation llvm et js (possible de séparer les grâce a –llvm-opts n) Lorsqu'on compile en O3 la variable Module devient q
  13. 13. Questions

×