{"id":629,"date":"2011-01-04T00:52:40","date_gmt":"2011-01-04T03:52:40","guid":{"rendered":"http:\/\/realnorth.net\/blog\/?p=629"},"modified":"2011-01-04T00:52:40","modified_gmt":"2011-01-04T03:52:40","slug":"qml-3d","status":"publish","type":"post","link":"https:\/\/realnorth.net\/blog\/qml-3d\/","title":{"rendered":"QML 3D"},"content":{"rendered":"

Qt\/3D<\/a> es un conjunto de herramientas y funciones que permiten crear aplicaciones que hagan uso de gr\u00e1ficos 3D, Qt3D<\/a> extiende las clases del modulo OpenGL de Qt, estas APIs facilitan escribir c\u00f3digo que sea f\u00e1cil de portar entre aplicaciones de escritorio OpenGL y aplicaciones embebidas o mobile OpenGL\/ES, por ultimo pero no menos importante, contamos con un binding para utilizar Qt\/3D<\/a> desde QML.<\/p>\n

Para comenzar con Qt\/3D<\/a> lo primero que debemos hacer es instalarlo, los pasos a seguir est\u00e1n muy bien explicados aqu\u00ed<\/a>, ya sea en Linux, Windows o Mac OS X, no son complicados, aunque puede tomar algo de tiempo el proceso.<\/p>\n

\u00bfQue podemos hacer con Qt\/3D y QML?<\/h3>\n

Con Qt\/3D<\/a> podemos crear viewports, asignar luces y c\u00e1maras, crear o importar nuestros propios modelos 3D, ya sea usando las figuras b\u00e1sicas incluidas, creando nuestros propios meshes, o usando alg\u00fan modelo ya existente en formato 3ds o bzs, tambi\u00e9n podemos crear animaciones y aplic\u00e1rselas a los modelos, las c\u00e1maras y las luces.<\/p>\n

Si han trabajado anteriormente<\/a> con aplicaciones 3D todos estos t\u00e9rminos y conceptos les sonaran familiares, lo que les permitir\u00e1 reutilizar su conocimiento a la vez de que podr\u00e1n r\u00e1pidamente ponerse manos a la obra.<\/p>\n

Hello World 3D<\/h3>\n

El siguiente ejemplo muestra de forma simple, algunos de los conceptos y controles que se usan en la mayor\u00eda de la aplicaciones 3D, lo primero es crear los imports correspondientes de Qt\/3D<\/a>, luego sigue el Viewport<\/a> que define la escena 3D, as\u00ed como su tama\u00f1o, las luces<\/a> y las c\u00e1maras<\/a> a utilizar y sus posiciones.<\/p>\n

Luego tenemos un objeto Sphere<\/a> que tiene un levelOfDetail de 10 el m\u00e1ximo de su tipo y que mide la cantidad de tri\u00e1ngulos necesarios para crear el objeto, en este caso 32768, luego alineamos el objeto al eje Y, para terminar aplic\u00e1ndole una textura<\/a> usando el elemento Effect<\/a>.<\/p>\n

Para finalizar vamos a animar el objeto 3D, para ello usaremos una Rotation3D<\/a>, a la cual seteamos el eje que queremos animar y luego en una NumberAnimation establecemos la propiedad a animar, en este caso, angle.<\/p>\n

\nimport Qt 4.7\nimport Qt3D 1.0\nimport Qt3D.Shapes 1.0\n\nViewport {\n    width: 640\n    height: 360\n    camera: Camera {\n        eye: Qt.vector3d(0,0,8)\n    }\n    Sphere {\n        levelOfDetail: 10\n        axis: Qt.YAxis\n        effect: Effect {\n            texture: "images\/land_ocean_ice_2048.jpg"\n            decal: true\n        }\n        transform:[\n            Rotation3D {\n                axis: Qt.vector3d(0,1,0)\n                NumberAnimation on angle {\n                    running: true\n                    loops: Animation.Infinite\n                    from: 360\n                    to: 0\n                    duration: 6000\n                }\n            }\n        ]\n    }\n}\n<\/pre>\n
\"Qt\/3D<\/p>\n
Con este simple ejemplo pueden darse una idea del poder que nos brinda la combinaci\u00f3n Qt\/3D<\/a> y QML, si est\u00e1n interesados en el tema, pueden profundizar mas en el dando un vistazo a la documentaci\u00f3n oficial<\/a>, o ver un repaso r\u00e1pido de las principales caracter\u00edsticas en la presentaci\u00f3n<\/a> dada por Sarah Smith en los Qt Developers Days 2010<\/a>.<\/p>\n
<\/object><\/p>\n","protected":false},"excerpt":{"rendered":"
Qt\/3D es un conjunto de herramientas y funciones que permiten crear aplicaciones que hagan uso de gr\u00e1ficos 3D, Qt3D extiende las clases del modulo OpenGL de Qt, estas APIs facilitan escribir c\u00f3digo que sea f\u00e1cil de portar entre aplicaciones de escritorio OpenGL y aplicaciones embebidas o mobile OpenGL\/ES, por ultimo pero no menos importante, contamos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,9],"tags":[11,43,44],"class_list":["post-629","post","type-post","status-publish","format-standard","hentry","category-development","category-ui","tag-3d","tag-qml","tag-qt"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts\/629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/comments?post=629"}],"version-history":[{"count":0,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts\/629\/revisions"}],"wp:attachment":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/media?parent=629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/categories?post=629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/tags?post=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}