SlideShare una empresa de Scribd logo
NSCoders

México
Metal 

Framework
Collabra Import
Por Juan C. Ricalde Poveda

A.K.A. “jucaripo”

CTO FricMartinez.com y FricAnimation.com
NSCoder Nights
NSCoders

México
Desarrollo de un Visor de
Modelos 3D para IOS usando el
formato Collada y OpenGL ES
NSCoders

México
¿Quien usa colgada? ?
- Desarrolladores 3D
- Artistas 3D
- Desarrolladores de Video Juegos
- Cualquiera que desea crear 3D 

NSCoders

México
Tecnologia involucrada.
- Xcode 6
- IOS 8 Scene Kit, Metal

NSCoders

México
Hola , Collada Viewer
Si deseas bajar el codigo en GitHub
https://github.com/jucaripo/ColladaModelViewer
NSCoders

México
¿Que es COLLADA?
COLLADA (COLLAborative Design Activity), formato del archivo de intercambio para modelos 3D.
COLLADA es un Schema XML standard para modelos 3D.
actualmente es manejado por el Grupo Khronos, quien se encarga de los estándares OpenGL, OpenGL ES.
El formato fue creado por Sony Computer Entertainment por Rémi Artaud y Mark C. Barnes.
este fue liberado al Grupo Kronos y usa la licencia SCEA Shared Source License.
en Marzo del 2011 el Grupo Khronos lanza un Test suite para poder importar y exportar al formato Collada archivo.dae
el sitio oficial de Collada es http://collada.org
NSCoders

México
¿Que programas pueden soportan collada ?
• 3ds Max (ColladaMax)
• Adobe Photoshop
• Allplan
• ArtiosCAD
• Blender
• Bryce
• Carrara
• Cheddar Cheese Press (model processor)
• Chief Architect Software
• Cinema 4D (MAXON)
• CityEngine
• CityScape
• Clara.io
• Cura
• DAZ Studio
• E-on Vue 9 xStream
• Esko Studio
• FreeCAD
• FormZ
• GPure
• Houdini (Side Effects Software)
• iBooks Author
• LightWave 3D (v 9.5)
• MakeHuman
• Maya (ColladaMaya)
• MeshLab
• Mobile Model Viewer (Android)
• Modo
• Okino PolyTrans for bidirectional Collada conversions
• OpenRAVE
• Poser Pro (v 7.0)
• Presagis Creator
• Robot Operating System
• SAP Visual Enterprise Author
• Shade 3D (E Frontier, Mirye)
• SketchUp (v 8.0) – KMZ file is a zip file containing a KML file
• Softimage|XSI
• Strata 3D
• Ürban PAD
• Vectorworks
• Visual3D Game Development Tool for Collada scene
• Wings 3D
• Xcode (v 4.4)
NSCoders

México
¿Que Game Engine pueden soportan collada ?
• Ardor3D
• Blender Game Engine
• C4 Engine
• CryEngine 2
• GamePlay
• GLGE
• Irrlicht Engine
• Panda3d
• SceneKit
• ShiVa
• Spring
• Torque 3D
• Turbulenz
• Unigine
• Unity
• Unreal Engine
• Vanda Engine
• Visual3D Game Engine
• Neoaxis 3d Game Engine
• HPL Engine
NSCoders

México
¿Como lo puedo usar en IOS ?
Scene Kit (Objective-C) - An Objective-C framework introduced in OS X 10.8 Mountain Lion

that allows reading, high-level manipulation and display of COLLADA scenes.
Scene Kit is a 3D-rendering Objective-C framework that combines a high-performance rendering engine with a high-
level, descriptive API. Scene Kit supports the import, manipulation, and rendering of 3D assets without requiring the exact
steps to render a scene the way OpenGL does.
At a Glance
With Scene Kit you can:
• Import COLLADA 3D objects and build scenes composed by cameras, lights, and meshes.
• Manipulate the bounding volumes, geometry, and materials used in a scene.
• Load 3D content using an interexchange format supported by all major content creations apps (using DAE (digital
asset exchange) files.
• Add live interaction with loaded 3D content.
• Integrate your app with other OS X technologies such as Core Animation and GLKit to add overlays and textures for
the 3D objects in your scenes.
• Use Xcode to preview, inspect, and adjust DAE files for Scene Kit to help integrate them into your app.
NSCoders

México
Scene Kit que puede hacer
NSCoders

México
Scene Kit que puede hacer
https://developer.apple.com/library/ios/documentation/SceneKit/Reference/SceneKit_Framework/
Class / Protocol Description
SCNView & SCNSceneRenderer
A view that displays (or renders) SceneKit content and a protocol that defines
important methods for use with SceneKit views.
SCNScene
The container for all SceneKit content. You load a scene from a file created in a
3D authoring tool or create one programmatically, then display it in a view.
SCNNode
The basic building block of a scene. A hierarchy of nodes defines the logical
structure of a scene, and you provide visible content by attaching geometries,
lights, and cameras to nodes.
SCNGeometry
A three-dimensional object that can be attached to a node. A geometry
(sometimes called a model or mesh) defines only the form or shape for a visible
object. To define the surface appearance of the object you attach materials to it.
SCNMaterial
A reusable definition of surface appearance properties for an object. Materials
specify how a surface is colored or textured and how it responds to lights in the
scene.
SCNLight
A light source that can be attached to a node, providing shading in the rendered
scene.
SCNCamera
A virtual camera that can be attached to a node, providing a point of view for
rendering a scene.
NSCoders

México
Que compone un archivo collada.
NSCoders

México
Ejemplo de archivos
En la carpeta art.scnassets
Se encuentran los archivos .dae de colada 

y los .png de las texturas de los modelos.
NSCoders

México
Ver como muestra el archivo Xcode
NSCoders

México
Ver como muestra el archivo Xcode preview
NSCoders

México
Ver como muestra el archivo Xcode Source Code
NSCoders

México
¿Preguntas…?

Más contenido relacionado

PPTX
PPT
Modelación de piezas2
PDF
Direct3 d
PDF
NSCoder Swift - UIKit
PDF
Taming the Massive View Controllers
PDF
Simplify your Life with Message Extensions in iOS 10
PDF
NSCoder - Metal
PDF
Intro Protocol Oriented Programming
Modelación de piezas2
Direct3 d
NSCoder Swift - UIKit
Taming the Massive View Controllers
Simplify your Life with Message Extensions in iOS 10
NSCoder - Metal
Intro Protocol Oriented Programming

Destacado (20)

PDF
NSCoder - iR Control
PDF
Realm para iOS
PDF
NSCoder Spotify - From Plan to Done
PDF
NSCoder - Extension
PDF
AutoLayout y Size Classes
PDF
NSCoder Swift - An Introduction to Swift
PDF
Automatizar captura de pantallas con Fastlane
PDF
Alamofire + UITableView
PDF
Evolución MVC
PDF
Apple Watch
PDF
Git para novatos
PDF
iOS Animations using Pop
PDF
Cocoapods
PDF
Reproductor MP3 - AVFoundation con Swift
PDF
DIY Uber
PDF
Gamificación en Objetos de Aprendizaje
PDF
Gitignore
PDF
NSCoder Swift - ¿Debo Aprender Swift?
PDF
Introducción a tvOS
PDF
Realtime Database with iOS and Firebase
NSCoder - iR Control
Realm para iOS
NSCoder Spotify - From Plan to Done
NSCoder - Extension
AutoLayout y Size Classes
NSCoder Swift - An Introduction to Swift
Automatizar captura de pantallas con Fastlane
Alamofire + UITableView
Evolución MVC
Apple Watch
Git para novatos
iOS Animations using Pop
Cocoapods
Reproductor MP3 - AVFoundation con Swift
DIY Uber
Gamificación en Objetos de Aprendizaje
Gitignore
NSCoder Swift - ¿Debo Aprender Swift?
Introducción a tvOS
Realtime Database with iOS and Firebase
Publicidad

Similar a NSCoder - Metal Collada (20)

PDF
Ogre Game Engine
PDF
Unity next gen_&_scripting
PPT
Presentación videojuegos
PPT
Presentación videojuegos
PPTX
Programas para diseñar en 3D
PPTX
Tipos de programas de diseño en 3D
PPT
Presentación videojuegos
PPS
Grupo 12 de TM. 5º Enxeñería Informática, ESEI@UVIGO
PDF
Herramientas de Modelado 3D
PPTX
Software utilizados en el área de diseño
DOC
Taller de schatch
PPTX
Herramientas de Modelado 3D
PPTX
10 programas para diseño 3d
DOCX
Glosario de términos de diseño 3d
PPTX
Tipos de programas 3 d
PPTX
DOCX
Primeros pasos con 3ds max
DOCX
Primeros pasos con 3ds max
DOCX
Primeros pasos con 3ds max
PDF
Proyecto guia blender 1.2 (edicion final)
Ogre Game Engine
Unity next gen_&_scripting
Presentación videojuegos
Presentación videojuegos
Programas para diseñar en 3D
Tipos de programas de diseño en 3D
Presentación videojuegos
Grupo 12 de TM. 5º Enxeñería Informática, ESEI@UVIGO
Herramientas de Modelado 3D
Software utilizados en el área de diseño
Taller de schatch
Herramientas de Modelado 3D
10 programas para diseño 3d
Glosario de términos de diseño 3d
Tipos de programas 3 d
Primeros pasos con 3ds max
Primeros pasos con 3ds max
Primeros pasos con 3ds max
Proyecto guia blender 1.2 (edicion final)
Publicidad

Más de NSCoder Mexico (19)

PDF
Aprendizaje reforzado con swift
PDF
In app purchase
PDF
Ib designables
PDF
Programación Orientada a Protocolos
PDF
Interfaces en interface builder y por codigo
PDF
Introduction Swift
PDF
Dependency Managers
PDF
Taller PaintCode
PDF
PDF
Core ML and Computer Vision
PDF
Intro programacion funcional
PDF
DIY Instagram
PDF
Mathematics en la programación
PDF
Video juegos con SpriteKit y Swift
PDF
Unit Testing en iOS
PDF
Bridgefy SDK
PDF
Introduction a ARToolkit
PDF
Diseño Agil para Desarrolladores
PDF
Clean Architecture
Aprendizaje reforzado con swift
In app purchase
Ib designables
Programación Orientada a Protocolos
Interfaces en interface builder y por codigo
Introduction Swift
Dependency Managers
Taller PaintCode
Core ML and Computer Vision
Intro programacion funcional
DIY Instagram
Mathematics en la programación
Video juegos con SpriteKit y Swift
Unit Testing en iOS
Bridgefy SDK
Introduction a ARToolkit
Diseño Agil para Desarrolladores
Clean Architecture

Último (20)

PPT
introduccion a las_web en el 2025_mejoras.ppt
PDF
clase auditoria informatica 2025.........
PDF
CyberOps Associate - Cisco Networking Academy
PPTX
Presentación de Redes de Datos modelo osi
PDF
Maste clas de estructura metálica y arquitectura
PPT
Que son las redes de computadores y sus partes
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PDF
Calidad desde el Docente y la mejora continua .pdf
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PDF
Influencia-del-uso-de-redes-sociales.pdf
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
taller de informática - LEY DE OHM
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
introduccion a las_web en el 2025_mejoras.ppt
clase auditoria informatica 2025.........
CyberOps Associate - Cisco Networking Academy
Presentación de Redes de Datos modelo osi
Maste clas de estructura metálica y arquitectura
Que son las redes de computadores y sus partes
Plantilla para Diseño de Narrativas Transmedia.pdf
REDES INFORMATICAS REDES INFORMATICAS.pptx
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
Calidad desde el Docente y la mejora continua .pdf
El-Gobierno-Electrónico-En-El-Estado-Bolivia
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
Influencia-del-uso-de-redes-sociales.pdf
Zarate Quispe Alex aldayir aplicaciones de internet .docx
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Power Point Nicolás Carrasco (disertación Roblox).pptx
taller de informática - LEY DE OHM
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...

NSCoder - Metal Collada

  • 1. NSCoders
 México Metal 
 Framework Collabra Import Por Juan C. Ricalde Poveda
 A.K.A. “jucaripo”
 CTO FricMartinez.com y FricAnimation.com NSCoder Nights
  • 2. NSCoders
 México Desarrollo de un Visor de Modelos 3D para IOS usando el formato Collada y OpenGL ES
  • 3. NSCoders
 México ¿Quien usa colgada? ? - Desarrolladores 3D - Artistas 3D - Desarrolladores de Video Juegos - Cualquiera que desea crear 3D 

  • 5. NSCoders
 México Hola , Collada Viewer Si deseas bajar el codigo en GitHub https://github.com/jucaripo/ColladaModelViewer
  • 6. NSCoders
 México ¿Que es COLLADA? COLLADA (COLLAborative Design Activity), formato del archivo de intercambio para modelos 3D. COLLADA es un Schema XML standard para modelos 3D. actualmente es manejado por el Grupo Khronos, quien se encarga de los estándares OpenGL, OpenGL ES. El formato fue creado por Sony Computer Entertainment por Rémi Artaud y Mark C. Barnes. este fue liberado al Grupo Kronos y usa la licencia SCEA Shared Source License. en Marzo del 2011 el Grupo Khronos lanza un Test suite para poder importar y exportar al formato Collada archivo.dae el sitio oficial de Collada es http://collada.org
  • 7. NSCoders
 México ¿Que programas pueden soportan collada ? • 3ds Max (ColladaMax) • Adobe Photoshop • Allplan • ArtiosCAD • Blender • Bryce • Carrara • Cheddar Cheese Press (model processor) • Chief Architect Software • Cinema 4D (MAXON) • CityEngine • CityScape • Clara.io • Cura • DAZ Studio • E-on Vue 9 xStream • Esko Studio • FreeCAD • FormZ • GPure • Houdini (Side Effects Software) • iBooks Author • LightWave 3D (v 9.5) • MakeHuman • Maya (ColladaMaya) • MeshLab • Mobile Model Viewer (Android) • Modo • Okino PolyTrans for bidirectional Collada conversions • OpenRAVE • Poser Pro (v 7.0) • Presagis Creator • Robot Operating System • SAP Visual Enterprise Author • Shade 3D (E Frontier, Mirye) • SketchUp (v 8.0) – KMZ file is a zip file containing a KML file • Softimage|XSI • Strata 3D • Ürban PAD • Vectorworks • Visual3D Game Development Tool for Collada scene • Wings 3D • Xcode (v 4.4)
  • 8. NSCoders
 México ¿Que Game Engine pueden soportan collada ? • Ardor3D • Blender Game Engine • C4 Engine • CryEngine 2 • GamePlay • GLGE • Irrlicht Engine • Panda3d • SceneKit • ShiVa • Spring • Torque 3D • Turbulenz • Unigine • Unity • Unreal Engine • Vanda Engine • Visual3D Game Engine • Neoaxis 3d Game Engine • HPL Engine
  • 9. NSCoders
 México ¿Como lo puedo usar en IOS ? Scene Kit (Objective-C) - An Objective-C framework introduced in OS X 10.8 Mountain Lion
 that allows reading, high-level manipulation and display of COLLADA scenes. Scene Kit is a 3D-rendering Objective-C framework that combines a high-performance rendering engine with a high- level, descriptive API. Scene Kit supports the import, manipulation, and rendering of 3D assets without requiring the exact steps to render a scene the way OpenGL does. At a Glance With Scene Kit you can: • Import COLLADA 3D objects and build scenes composed by cameras, lights, and meshes. • Manipulate the bounding volumes, geometry, and materials used in a scene. • Load 3D content using an interexchange format supported by all major content creations apps (using DAE (digital asset exchange) files. • Add live interaction with loaded 3D content. • Integrate your app with other OS X technologies such as Core Animation and GLKit to add overlays and textures for the 3D objects in your scenes. • Use Xcode to preview, inspect, and adjust DAE files for Scene Kit to help integrate them into your app.
  • 11. NSCoders
 México Scene Kit que puede hacer https://developer.apple.com/library/ios/documentation/SceneKit/Reference/SceneKit_Framework/ Class / Protocol Description SCNView & SCNSceneRenderer A view that displays (or renders) SceneKit content and a protocol that defines important methods for use with SceneKit views. SCNScene The container for all SceneKit content. You load a scene from a file created in a 3D authoring tool or create one programmatically, then display it in a view. SCNNode The basic building block of a scene. A hierarchy of nodes defines the logical structure of a scene, and you provide visible content by attaching geometries, lights, and cameras to nodes. SCNGeometry A three-dimensional object that can be attached to a node. A geometry (sometimes called a model or mesh) defines only the form or shape for a visible object. To define the surface appearance of the object you attach materials to it. SCNMaterial A reusable definition of surface appearance properties for an object. Materials specify how a surface is colored or textured and how it responds to lights in the scene. SCNLight A light source that can be attached to a node, providing shading in the rendered scene. SCNCamera A virtual camera that can be attached to a node, providing a point of view for rendering a scene.
  • 13. NSCoders
 México Ejemplo de archivos En la carpeta art.scnassets Se encuentran los archivos .dae de colada 
 y los .png de las texturas de los modelos.
  • 15. NSCoders
 México Ver como muestra el archivo Xcode preview
  • 16. NSCoders
 México Ver como muestra el archivo Xcode Source Code