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
Que ocupas pa' 3D by @escusado
Search
gdljs
August 22, 2016
Technology
0
53
Que ocupas pa' 3D by @escusado
Talk:
https://www.youtube.com/watch?v=QCjWmLgbLDQ
gdljs
August 22, 2016
Tweet
Share
More Decks by gdljs
See All by gdljs
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
gdljs
0
73
Testabilidad en Javascript by @codingpains
gdljs
0
36
Desarrollo de aplicaciones con react native by @charliesbox
gdljs
0
130
¿Debería usar la librería de moda en mi proyecto? by @siedrix
gdljs
0
150
Agile Gamification by @chukitow
gdljs
0
56
Por qué hicimos nuestro propio NodeJS framework by @sgarza
gdljs
0
36
¿Cómo empezar a programar? by @amicavi
gdljs
0
94
Concurrencia y Paralelismo en Javascript by @eatcodetravel
gdljs
0
590
Caldo de Kafka para Node by @albertain
gdljs
0
76
Other Decks in Technology
See All in Technology
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
530
プロポーザルに込める段取り八分
shoheimitani
1
620
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
600
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
260
今こそ学びたいKubernetesネットワーク ~CNIが繋ぐNWとプラットフォームの「フラッと」な対話
logica0419
3
290
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
sansantech
PRO
3
1.6k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.5k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
220
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
2k
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
390
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
150
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
220
Featured
See All Featured
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
The Limits of Empathy - UXLibs8
cassininazir
1
220
Deep Space Network (abreviated)
tonyrice
0
64
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Automating Front-end Workflow
addyosmani
1371
200k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
190
The Curse of the Amulet
leimatthew05
1
8.7k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
86
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
71
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
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