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

Que ocupas pa' 3D by @escusado

Avatar for gdljs gdljs
August 22, 2016
Technology
0
50

Que ocupas pa' 3D by @escusado

Talk: https://www.youtube.com/watch?v=QCjWmLgbLDQ

Avatar for gdljs

gdljs

August 22, 2016
Tweet

More Decks by gdljs

See All by gdljs
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
Avatar for gdljs gdljs
0
72
Testabilidad en Javascript by @codingpains
Avatar for gdljs gdljs
0
35
Desarrollo de aplicaciones con react native by @charliesbox
Avatar for gdljs gdljs
0
130
¿Debería usar la librería de moda en mi proyecto? by @siedrix
Avatar for gdljs gdljs
0
130
Agile Gamification by @chukitow
Avatar for gdljs gdljs
0
53
Por qué hicimos nuestro propio NodeJS framework by @sgarza
Avatar for gdljs gdljs
0
34
¿Cómo empezar a programar? by @amicavi
Avatar for gdljs gdljs
0
93
Concurrencia y Paralelismo en Javascript by @eatcodetravel
Avatar for gdljs gdljs
0
580
Caldo de Kafka para Node by @albertain
Avatar for gdljs gdljs
0
75

Other Decks in Technology

See All in Technology
テキストからの実世界知能の実現に向けて
Avatar for SUMO.ai sumoai
0
120
少人数でも回る！ DevinとPlaybookで支える運用改善
Avatar for ishikawa-pro ishikawa_pro
5
2.1k
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
Avatar for ふぁらお加藤 pharaohkj
0
270
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
Avatar for Yasuhiro Onishi onishi
15
8k
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
Avatar for kasacchiful kasacchiful
0
120
2025新卒研修・HTML/CSS #弁護士ドットコム
Avatar for 弁護士ドットコム bengo4com
3
4.6k
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
Avatar for Arthur arthur1
0
270
AI コードレビューが面倒すぎるのでテスト駆動開発で解決しようとして読んだら、根本的に俺の勘違いだった
Avatar for Mutz mutsumix
0
140
隙間時間で爆速開発！ Claude Code × Vibe Coding で作るマニュアル自動生成サービス
Avatar for Akitomo Sato akitomonam
3
240
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
Avatar for yut yu_kod
1
230
20250728 MCP, A2A and Multi-Agents in the future
Avatar for 吉田真吾 yoshidashingo
1
180
Microsoft Learn MCP/Fabric データエージェント/Fabric MCP/Copilot Studio-簡単・便利なAIエージェント作ってみた -"Building Simple and Powerful AI Agents with Microsoft Learn MCP, Fabric Data Agent, Fabric MCP, and Copilot Studio"-
Avatar for 大竹礼二（REIJI OTAKE） reireireijinjin6
1
200

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.5k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k

Transcript

  1. None

  2. Que ocupas pa 3D @escusado github.com/escusado

  3. None

  4. Cómo entendí el API getContext("webgl") para pintar gráficos acelerados por

    la tarjeta de video en un Browser que soporte WebGL usando THREE.js … ah y el pedo con los tuts online @escusado github.com/escusado

  5. Webgl is complex and different

  6. One file tuts

  7. None
  8. None
  9. None
  10. None
  11. None

  12. jQuery Common, confortable js/web tools

  13. THREE.js Common, confortable js/3D app tools

  14. None

  15. koa npm deps render index serve files & deps

  16. None
  17. None
  18. None
  19. None

  20. .add(3D objects) “See” the scene Rasterize camera Rendereable DOM

  21. None

  22. requestAnimationFrame

  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. Singleton Dispatcher?

  32. None
  33. None

  34. DEMOOOOO github.com/escusado/3d

  35. Stuff THREE js 3D space has its own units Lights

    (or not, but helps thinking) Orthographic & Perspective cameras Three.js patterns should be optimization focused Patterns will be different (github.com/rbdr/serpentity) Freestyle hierarchy Physics, Shaders, External assets, Interaction, VR...

  36. http://threejs.org/examples/webgl_geometry_cub e.html (FOV, mesh) https://aerotwist.com/tutorials/getting-started-with -three-js/

  37. Thanks! github.com/escusado @escusado fpv.toily.mx