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 - iOSCo...
Search
Shipeng Xu
October 20, 2017
Technology
1
360
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
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
270
なぜAI時代に 「イベント」を中心に考えるのか? / Why focus on "events" in the age of AI?
ytake
2
810
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
yu_kod
1
190
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
大規模イベントを支える ABEMA の アーキテクチャ 変遷 2025
nagapad
5
530
CSPヘッダー導入で実現するWebサイトの多層防御:今すぐ試せる設定例と運用知見
llamakko
1
270
今日からあなたもGeminiを好きになる
subaruhello
1
660
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
110
With Devin -AIの自律とメンバーの自立
kotanin0
2
830
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
110
OpenTelemetry の Log を使いこなそう
biwashi
5
1.1k
解消したはずが…技術と人間のエラーが交錯する恐怖体験
lamaglama39
0
140
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
860
Producing Creativity
orderedlist
PRO
346
40k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Writing Fast Ruby
sferik
628
62k
Gamification - CAS2011
davidbonilla
81
5.4k
Agile that works and the tools we love
rasmusluckow
329
21k
A Tale of Four Properties
chriscoyier
160
23k
Unsuck your backbone
ammeep
671
58k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Pragmatic Product Professional
lauravandoore
35
6.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
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