Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
35
¿Cómo empezar a programar? by @amicavi
gdljs
0
94
Concurrencia y Paralelismo en Javascript by @eatcodetravel
gdljs
0
580
Caldo de Kafka para Node by @albertain
gdljs
0
76
Other Decks in Technology
See All in Technology
IAMユーザーゼロの運用は果たして可能なのか
yama3133
2
510
AWSインフルエンサーへの道 / load of AWS Influencer
whisaiyo
0
150
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
carta_engineering
0
2.1k
S3を正しく理解するための内部構造の読解
nrinetcom
PRO
3
210
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
ayokura
0
500
30分であなたをOmniのファンにしてみせます~分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール~
sagara
0
180
SREには開発組織全体で向き合う
koh_naga
0
390
Amazon Bedrock Knowledge Bases × メタデータ活用で実現する検証可能な RAG 設計
tomoaki25
6
1.5k
日本Rubyの会: これまでとこれから
snoozer05
PRO
4
200
特別捜査官等研修会
nomizone
0
230
シニアソフトウェアエンジニアになるためには
kworkdev
PRO
3
200
AI との良い付き合い方を僕らは誰も知らない
asei
0
170
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
64
WCS-LA-2024
lcolladotor
0
380
Become a Pro
speakerdeck
PRO
31
5.7k
The browser strikes back
jonoalderson
0
64
First, design no harm
axbom
PRO
1
1k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
310
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Into the Great Unknown - MozCon
thekraken
40
2.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