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
54
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
75
Testabilidad en Javascript by @codingpains
gdljs
0
39
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
160
Agile Gamification by @chukitow
gdljs
0
57
Por qué hicimos nuestro propio NodeJS framework by @sgarza
gdljs
0
37
¿Cómo empezar a programar? by @amicavi
gdljs
0
96
Concurrencia y Paralelismo en Javascript by @eatcodetravel
gdljs
0
590
Caldo de Kafka para Node by @albertain
gdljs
0
77
Other Decks in Technology
See All in Technology
Claude Code 2026年 最新アップデート
oikon48
14
11k
PMとしての意思決定とAI活用状況について
lycorptech_jp
PRO
0
140
Sansanでの認証基盤内製化と移行
sansantech
PRO
0
590
形式手法特論:SMT ソルバで解く認可ポリシの静的解析 #kernelvm / Kernel VM Study Tsukuba No3
ytaka23
1
610
バクラク最古参プロダクトで重ねた技術投資を振り返る
ypresto
0
180
OCI技術資料 : コンピュート・サービス 概要
ocise
4
54k
プラットフォームエンジニアリングはAI時代の開発者をどう救うのか
jacopen
7
3.9k
visionOS 開発向けの MCP / Skills をつくり続けることで XR の探究と学習を最大化
karad
1
980
詳解 強化学習 / In-depth Guide to Reinforcement Learning
prinlab
0
310
中央集権型を脱却した話 分散型をやめて、連邦型にたどり着くまで
sansantech
PRO
1
110
Microsoft “Adaptive Cloud” Update 2026年3月版
sdosamut
0
100
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
Featured
See All Featured
Code Review Best Practice
trishagee
74
20k
Accessibility Awareness
sabderemane
0
82
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
52k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
160
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
95
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
230
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
200
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.5k
Testing 201, or: Great Expectations
jmmastey
46
8.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
790
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
230
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