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
Design a Voxel Rendering Engine for iOS - iOSConf.SG 2017
Search
Shipeng Xu
October 20, 2017
Technology
1
300
Design a Voxel Rendering Engine for iOS - iOSConf.SG 2017
Design a Voxel Rendering Engine for iOS.
Shipeng Xu
October 20, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
520
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
670
MySQL の SQL クエリチューニングの要所を掴む勉強会
andpad
3
6.4k
Janus
bkuhlmann
1
490
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
570
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
360
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
530
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
260
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
350
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
140
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
A Tale of Four Properties
chriscoyier
151
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Unsuck your backbone
ammeep
663
57k
Designing Experiences People Love
moore
136
23k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Web Components: a chance to create the future
zenorocha
305
41k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Rails Girls Zürich Keynote
gr2m
91
13k
Transcript
Design a Voxel Rendering Engine for iOS Shipeng Xu 20
Oct 2017 @1991bill
What is Voxel? • Volume Pixel • Data Structure ◦
Integral X, Y, Z coordinates ◦ Color Pokemon Voxel, Playiku, 2016
None
Voxel Rendering Engine for iOS • Rendering ◦ Beautiful •
Performance ◦ Blocks can be added or removed at interactive speeds ◦ E.g. A 64x64x64 voxel world = 262,144 voxels! Add Delete Move Change Color
Rendering - 1 Voxel 12 Triangles
Rendering - 5,911 Voxels
Rendering - Meshing • Naive way... • Draw a 3D
cube for each voxel. ◦ 5,911 Voxels ◦ 5,911 x 12 = 70,932 triangles
Rendering - Meshing • Skip the unseen voxels ◦ Before:
5,911 Voxels ▪ 5,911 x 12 = 70,932 triangles ◦ After: 5,868 triangles ▪ 8.2% of original
Rendering - Meshing
• Combine small faces into bigger ones Rendering - Meshing
280 Triangles 22 Triangles(7.9%!)
Rendering - Lighting
Rendering - Ambient Occlusion
Rendering - Ambient Occlusion Occlusion level 3 2 1 0
Rendering - Ambient Occlusion
X Basic Lighting X Ambient Occlusion ✔ Basic Lighting X
Ambient Occlusion ✔ Basic Lighting ✔ Ambient Occlusion Rendering - Lighting
Links • Voxel Meshing - https://0fps.net/category/programming/voxels/ • Voxel Rendering Techniques
- https://medium.com/@fogleman/voxel-rendering-techniques-fa8d869457 ca • Volume Rendering - http://bytebash.com/2012/03/opengl-volume-rendering/ • http://shipeng.studio