Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Que ocupas pa' 3D by @escusado
Search
gdljs
August 22, 2016
Technology
62
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Que ocupas pa' 3D by @escusado
Talk:
https://www.youtube.com/watch?v=QCjWmLgbLDQ
gdljs
August 22, 2016
More Decks by gdljs
See All by gdljs
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
gdljs
0
79
Testabilidad en Javascript by @codingpains
gdljs
0
46
Desarrollo de aplicaciones con react native by @charliesbox
gdljs
0
140
¿Debería usar la librería de moda en mi proyecto? by @siedrix
gdljs
0
180
Agile Gamification by @chukitow
gdljs
0
62
Por qué hicimos nuestro propio NodeJS framework by @sgarza
gdljs
0
40
¿Cómo empezar a programar? by @amicavi
gdljs
0
100
Concurrencia y Paralelismo en Javascript by @eatcodetravel
gdljs
0
600
Caldo de Kafka para Node by @albertain
gdljs
0
80
Other Decks in Technology
See All in Technology
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
5
25k
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
waiwai2111
1
130
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
matsuji
1
900
beyond jj: config & tools ecosystem
indirect
0
440
データ_AIの事業の勝敗をわけるもの
nek0128
0
360
アクセスキーこわい やめかたと漏らさない工夫
sassssan68
1
240
負債のメタファと2026年 / Debt Metaphor in Agentic Engineering Age 202609 Edition
twada
PRO
6
2.7k
新機種発売前に見直そう!端末移行で再ログインが要るアプリ・要らないアプリは何が違うのか 〜シームレスに再開できる設計と実装〜
zozotech
PRO
0
200
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
22mi
23
15k
生成AIエージェントを用いた、 手動テスト手順書から自動テストへの 変換手法の検討
magicpod
0
160
The Agent Builder Loop from Daily Work to OSS
minorun365
PRO
3
200
2026-09-11 【Snowflake World Tour Tokyo 2026】Snowflakeを起点に、AI Agentが自律稼働し続ける未来へ / Driving AI Agents with Snowflake
civitaspo
0
510
Featured
See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
560
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
200
Ruling the World: When Life Gets Gamed
codingconduct
0
330
Code Reviewing Like a Champion
maltzj
528
40k
Visualization
eitanlees
152
17k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.2k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
230
Discover your Explorer Soul
emna__ayadi
2
1.3k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
A better future with KSS
kneath
240
18k
Transcript
None
Que ocupas pa 3D @escusado github.com/escusado
None
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
Webgl is complex and different
One file tuts
None
None
None
None
None
jQuery Common, confortable js/web tools
THREE.js Common, confortable js/3D app tools
None
koa npm deps render index serve files & deps
None
None
None
None
.add(3D objects) “See” the scene Rasterize camera Rendereable DOM
None
requestAnimationFrame
None
None
None
None
None
None
None
None
Singleton Dispatcher?
None
None
DEMOOOOO github.com/escusado/3d
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...
http://threejs.org/examples/webgl_geometry_cub e.html (FOV, mesh) https://aerotwist.com/tutorials/getting-started-with -three-js/
Thanks! github.com/escusado @escusado fpv.toily.mx