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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
260
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
610
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
180
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
210
Exadata Fleet Update
oracle4engineer
PRO
0
1.1k
私たち準委任PdEは2つのプロダクトに挑戦する ~ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践~ / 20260212 Naoki Takahashi
shift_evolve
PRO
1
120
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
160
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
370
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
190
15 years with Rails and DDD (AI Edition)
andrzejkrzywda
0
200
今日から始めるAmazon Bedrock AgentCore
har1101
4
420
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
360
Featured
See All Featured
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
GraphQLとの向き合い方2022年版
quramy
50
14k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
67
Everyday Curiosity
cassininazir
0
130
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
320
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
410
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
How STYLIGHT went responsive
nonsquared
100
6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
760
Building Applications with DynamoDB
mza
96
6.9k
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