{"id":4946,"date":"2016-03-07T12:59:34","date_gmt":"2016-03-07T11:59:34","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=4946"},"modified":"2016-03-07T20:04:42","modified_gmt":"2016-03-07T19:04:42","slug":"presentacion-de-producto-i-representacion-en-tiempo-real","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/","title":{"rendered":"Representaci\u00f3n En tiempo real I (Interactividad)"},"content":{"rendered":"<h2>Qu\u00e9 es una representaci\u00f3n en tiempo real (RT)?<\/h2>\n<p>En infograf\u00eda, cuando hablamos de \u00abtiempo real\u00bb nos referimos a algo que se hace sobre la marcha y obedeciendo a las intenciones del usuario.<\/p>\n<p>Hasta ahora todo lo que hemos analizado nos ayuda a conseguir una buena representaci\u00f3n final (render) que pasa por un proceso de espera, por todos conocido, una vez que se ha preparado el escenario con geometr\u00eda, materiales e iluminaci\u00f3n.<\/p>\n<p>Una pel\u00edcula de animaci\u00f3n, por ejemplo, p\u00e0sa por un proceso de muchas horas de render antes de salir a la pantalla. Los beneficios son que se puede obtener una calidad cinematogr\u00e1fica y gracias a eso podemos apreciar verdaderas obras de arte digital.<\/p>\n<p>Pero actualmente est\u00e1 de moda el intentar que los usuarios que contemplan los resultados de nuestro trabajo tambi\u00e9n se vean involucrados\u00a0 y empaticen con\u00a0 la idea o el producto que queremos presentar. De ah\u00ed surgen los conceptos de realidad virtual o presentaciones interactivas, con las que los espectadores pueden ser parte de la forma en la que se presenta algo.<\/p>\n<p>El beneficio es que podemos hacer cosas m\u00e1s cercanas al cliente, por ser menos autom\u00e1ticas como una foto o un v\u00eddeo. A cambio remplazamos las horas de espera de render por algunas horas m\u00e1s de trabajo humano, porque necesita un tratamiento especial. Adem\u00e1s que exige conocimientos de otras herrmientas adem\u00e1s de la aplicaci\u00f3n de 3D o del motor de render.<\/p>\n<p>Digamos que va por niveles. El primero ser\u00edan nuestras visualizaciones est\u00e1tica o animadas con el render de \u00abfoto\u00bb o el video. Luego vienen las presentaciones interactivas, con las que, mediante el uso de algunas aplicaciones h\u00edbridas dotamos a los espectadores de control sobre la escena. Por \u00faltimo est\u00e1 la realidad virtual en la que se pueden ver verdaderas experiencias de inmersi\u00f3n involucrando los cinco sentidos (aqu\u00ed entran los videojuegos y los paseos virtuales). El tiempo real lo encontramos en la segunda y tercera forma. En esta ocasi\u00f3n hablaremos de la segunda forma.<\/p>\n<p>Con esta interactividad intermedia no necesitaremos de saber programar, pero si trabajremos en otras \u00e1reas de preparaci\u00f3n y software.<\/p>\n<p>Para ejemplo tenemos la presentaci\u00f3n de un juguete de colecci\u00f3n en homenaje a la obra de Antoine de Saint-Exup\u00e9ry: \u00abEl principito\u00bb<\/p>\n<p>El render final es este:<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/lepetit_web.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4947\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/lepetit_web-1024x800.jpg\" alt=\"lepetit_web\" width=\"640\" height=\"500\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/lepetit_web-1024x800.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/lepetit_web-300x234.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>Tambi\u00e9n Hemos preparado una peque\u00f1a compilaci\u00f3n del resultado total en <a href=\"https:\/\/www.youtube.com\/watch?v=rPNlbdvirO8\" target=\"_blank\">Este video<\/a><\/p>\n<p>Una vista r\u00e1pida al proceso de creaci\u00f3n de los elementos principales:<\/p>\n<h2>El Zorro.<\/h2>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-4946 gallery-columns-3 gallery-size-medium'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/001-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"232\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/001-300x232.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4948\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/001-300x232.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/001.jpg 895w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4948'>\n\t\t\t\tCada qu\u00eden puede empezar c\u00f3mo y por donde quiera. Yo eleg\u00ed la cabeza. \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/002-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"300\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/002-228x300.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4949\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/002-228x300.jpg 228w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/002.jpg 556w\" sizes=\"auto, (max-width: 228px) 100vw, 228px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4949'>\n\t\t\t\tEs buena pr\u00e1ctica ir constatando el resultado final con el suavizado de malla. (meshsmooth)\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/003-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"294\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/003-300x294.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4950\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/003-300x294.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/003.jpg 589w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4950'>\n\t\t\t\tAprovechamos que la cabeza tiene una buena cantidad de pol\u00edgonos para destinar algunos a los hombros y otros al pecho y espalda respectivamente.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/004-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"285\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/004-300x285.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4951\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/004-300x285.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/004.jpg 593w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4951'>\n\t\t\t\tAl ser un objeto \u00abposado\u00bb no contemplamos varias piezas y as\u00ed sale todo de la misma malla\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/005-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"279\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/005-300x279.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/005-300x279.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/005.jpg 683w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/006-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"297\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/006-300x297.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4953\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/006-300x297.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/006-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/006.jpg 654w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4953'>\n\t\t\t\tSiempre jugando con las proporciones (esta vez no contamos con una plantilla) Y vamos cuadrando que todo quede de la forma estilizada que buscamos \n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/attachment\/007\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"296\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/007-300x296.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4954\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/007-300x296.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/007.jpg 685w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4954'>\n\t\t\t\tLa cola nos rompe la simetr\u00eda por lo que es necesario colapsar la geometr\u00eda \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/attachment\/008\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"178\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/008-300x178.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4955\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/008-300x178.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/008-1024x608.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/008.jpg 1436w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4955'>\n\t\t\t\tEsta es la parte en la que se lleva a Mudbox para color y mapas de normales \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/attachment\/009\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"177\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/009-300x177.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-4956\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/009-300x177.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/009.jpg 956w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-4956'>\n\t\t\t\tLa versi\u00f3n de alta densidad a la derecha (viene de mudbox) y la retopolog\u00eda ya mapeada en MAX (Izquierda)para la versi\u00f3n final del zorro.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<div id=\"attachment_4957\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/fox.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4957\" class=\"size-large wp-image-4957\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/fox-1024x768.jpg\" alt=\"La  primera vista del  primer  modelo de la escena .\" width=\"640\" height=\"480\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/fox-1024x768.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/fox-300x225.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-4957\" class=\"wp-caption-text\">La primera vista del primer modelo de la escena .<\/p><\/div>\n<h2>\u00a0El principito.<\/h2>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-2' class='gallery galleryid-4946 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/001-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0011-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/002-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0021-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/003-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0031-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/004-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0041-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0041-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0041-298x300.jpg 298w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0041.jpg 608w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/005-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0051-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/006-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0061-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/007-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0071-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/008-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0081-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/009-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0091-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/010-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/010-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/011-3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/011-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/012-2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/012-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/attachment\/0131\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0131-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/attachment\/132\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/132-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Los otros elementos fuer\u00f3n mucho m\u00e1s simples en construcci\u00f3n por lo que no les ocuparemos tiempo.<\/p>\n<p>&nbsp;<\/p>\n<h2>Iluminaci\u00f3n.-<\/h2>\n<p>Iluminar la escena en este caso fu\u00e9 trabajo de dos luces: Un domo y una\u00a0 luz plana de vray. El domo se encarga de la iluminaci\u00f3n integra de la escena (mediante IBL) y el plano nos ayuda a mantener el brillo que hemos logrado con nuestros materiales para que siga teniendo la sensaci\u00f3n de ser de juguete.<\/p>\n<div id=\"attachment_4974\" style=\"width: 866px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/Captura.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4974\" class=\"size-full wp-image-4974\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/Captura.jpg\" alt=\"No olvidemos que para que la luz haga su trabajo todo tiene que estar a la escala correcta. un objeto m\u00e1s grande tienen sombras y reacicones a a luz distintas por lo que este objeto tiene que poder recibir la luz como un objeto peque\u00f1o.\" width=\"856\" height=\"568\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/Captura.jpg 856w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/Captura-300x199.jpg 300w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/a><p id=\"caption-attachment-4974\" class=\"wp-caption-text\">No olvidemos que para que la luz haga su trabajo todo tiene que estar a la escala correcta. un objeto m\u00e1s grande tienen sombras y reacciones a luz distintas por lo que este objeto tiene que poder recibir la luz como un objeto peque\u00f1o.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Lo que hemos hecho hasta el momento es preparar una escena de forma de que pueda ser renderizada. El render final que encabeza el art\u00edculo tard\u00f3 poco m\u00e1s de una hora en hacerse. Para hacerlo un poco m\u00e1s llamativo lo haremos interactivo. El ususario podr\u00e1 acercar y alehjar el modelo e incluso jugar un poco con la iluminaci\u00f3n. As\u00ed podremos aprovechar de todos los detalles en los que trabajamos. Observen que en el render final el zorro no muestra de forma tan evidente sus detalles de material, cosa que si apreciamos cuando lo tneemos de forma individual.<\/p>\n<p>En este art\u00edculo haremos referencia a una herramienta \u00aboffline\u00bb o de escritorio que me permite generar esa interactividad. Se llama <a href=\"https:\/\/www.marmoset.co\/toolbag\" target=\"_blank\">Marmoset Toolbag<\/a>.<\/p>\n<div id=\"attachment_4975\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/marmoset.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4975\" class=\"size-large wp-image-4975\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/marmoset-1024x610.jpg\" alt=\"Marmoset Toolbag nos permite apreciar el trabajo en tiempo real sin necesidad de saber programar c\u00f3digo. \" width=\"640\" height=\"381\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/marmoset-1024x610.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/marmoset-300x179.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/marmoset.jpg 1443w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-4975\" class=\"wp-caption-text\">Marmoset Toolbag nos permite apreciar el trabajo en tiempo real sin necesidad de saber programar c\u00f3digo.<\/p><\/div>\n<p>Para verla en acci\u00f3n con nuestra escena tenemos <a href=\"https:\/\/www.youtube.com\/watch?v=Vo2Brg9Qxos\" target=\"_blank\">Este video de muestra\u00a0 <\/a>de cinco minutos.<\/p>\n<p>En el art\u00educlo siguiente (continuaci\u00f3n a este) hablaremos de una herrmeinta que nos permite colgar nuestro trabajo en internet s\u00f3lo teniendo una suscripci\u00f3n. S\u00f3lo para ir adelantando pueden visitar la p\u00e1gina de <a href=\"https:\/\/sketchfab.com\/\" target=\"_blank\">Sketchfab<\/a>.<\/p>\n<p>Respecto al toolbag de Marmoset. es un software que nos permite aprovechar las t\u00e9cnicas y tecnolog\u00eda de los motores de videojuegos para crear un turntable interactivo, una vista de 360 grados, de nuestro producto. Los beneficios son que no dependemos de conexi\u00f3n a internet para crear nuestras vistas y que te\u00f3ricamente no tenemos limitaci\u00f3n de pol\u00edgonos, as\u00ed que podemos crear las vistas con mallas bastante complejas. Adem\u00e1s que tiene soporte para multi sub objetos en los materiales. El software es muy completo ya que nos permite incluso crear un visor \u00abmarmoset viewer\u00bb para colgar nuestro trabajo en nuestra web mediante javascript.<\/p>\n<p>En el futuro se planea poder ser compatible con todas las webs sociales y de galer\u00edas de artistas, de momento s\u00f3lo <a href=\"https:\/\/www.artstation.com\/\" target=\"_blank\">Artstation<\/a> es compatible para subir directamente el trabajo del visor. S\u00f3lo que all\u00ed s\u00f3lo se permite una archivo de como m\u00e1ximo 15 megas. Modelos m\u00e1s grandes no entran. El principito tiene 15,5 megas y no estaba listo para Artstation.<\/p>\n<h2>Preparaci\u00f3n para Marmoset Toolbag.<\/h2>\n<p>Si el proceso de render es largo, es porque la m\u00e1quina tiene que calcular como afecta la luz sobre cada uno de los aspectos de cada material (color, relfejos, refracciones,brilllos,etc.).<\/p>\n<p>Para el tiempo real es necesario tener \u00abpistas\u00bb que simplifiquen ese c\u00e1lculo. Esas pistas son mapas (recuerden que los mapas son im\u00e1genes) que ir\u00e1n en determinados canales del material para ahorrar el trabajo de calcular el resultado. Marmoset toolbag o cualquier otra aplicaci\u00f3n sabe leer esas pistas ya que se encuentran impresas en el mapa de coordenadas\u00a0 de cada elemento de nuestra escena.<\/p>\n<p>El resultado ser\u00eda algo como la siguiente galer\u00eda.<\/p>\n<h3>Mapas usados para el zorro.<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-3 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-3 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-3' class='gallery galleryid-4946 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/ao\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/AO-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4984\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/AO-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/AO-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/AO.jpg 512w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4984'>\n\t\t\t\tOclusi\u00f3n de ambiente para hacer enfasis en las zonas de sombra de cercan\u00eda entre objetos.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/cavity\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/cavity-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4985\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/cavity-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/cavity-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/cavity.jpg 512w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4985'>\n\t\t\t\tMapa de cavidades que muestra con escalas de grises las zonas con bajo relieve \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/foxnrm\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/foxNRM-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4986\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/foxNRM-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/foxNRM-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/foxNRM-1024x1024.jpg 1024w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4986'>\n\t\t\t\tMapa de normales para recuperar el detalle de relieve del modelo de Mudbox\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/sss\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/SSS-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4987\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/SSS-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/SSS-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/SSS.jpg 512w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4987'>\n\t\t\t\tSi el zorro fuera de piel, este mapa ayudar\u00eda a saber que zonas son m\u00e1s transl\u00facidas medianta la dispersi\u00f3n de subsuperficie \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/toretopo_2vraycompletemap\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayCompleteMap-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4988\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayCompleteMap-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayCompleteMap-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayCompleteMap-1024x1024.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayCompleteMap.jpg 2048w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4988'>\n\t\t\t\tEste es el mapa de color con toda la informaci\u00f3n de los dem\u00e1s canales\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/toretopo_2vraymtlreflecthilightglossinessbake\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayMtlReflectHilightGlossinessBake-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4989\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayMtlReflectHilightGlossinessBake-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayMtlReflectHilightGlossinessBake-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayMtlReflectHilightGlossinessBake-1024x1024.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayMtlReflectHilightGlossinessBake.jpg 2048w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4989'>\n\t\t\t\tEste mapa me indica donde van los brillos\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/toretopo_2vrayreflectionfiltermap\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayReflectionFilterMap-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-4990\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayReflectionFilterMap-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayReflectionFilterMap-300x300.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayReflectionFilterMap-1024x1024.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/toretopo_2VRayReflectionFilterMap.jpg 2048w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-4990'>\n\t\t\t\tEn este tenemos la informaci\u00f3n de la cantidad de reflejo del material.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>El proceso para extraer esta informaci\u00f3n y plasmarla en el mapa de coordenadas del objeto puede venir de varias vias porque hemos utilizado varios programas. Pero si nos limitamos a MAX tenemos que las fuentes son las utilidades \u00abrender to texture\u00bb y \u00abRender Surface map\u00bb<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/frommax.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4992\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/frommax-1024x566.jpg\" alt=\"frommax\" width=\"640\" height=\"354\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/frommax-1024x566.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/frommax-300x166.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/frommax.jpg 1448w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h2>Render to texture.<\/h2>\n<p>Hasta este punto puede que la pregunta sea: \u00abporqu\u00e9 nos hemos molestado en preparar todo para un rnder si luego haremos trampa\u00bb y es que para plasmar toda la informaci\u00f3n sobre el mapa, necesitamos que haya alg\u00fana forma de calcular esos valores. Por eso es importante el motor de render. A pesar de que no se aprecie en la presentaci\u00f3n interactiva, es gracias al motor que obtenemos los mapas de textura para cada canal. En este art\u00edculo s\u00f3lo diremos que se transfiere la informaci\u00f3n de l c\u00e1lculo de luces a un mapa. En realidad la teor\u00eda detr\u00e1s de esto es muy amplia y las perosnas que hacen videojuegos y realidad virtual la estudian muy a conciencia. Si quieren informarse m\u00e1s sobre este tema busquen el t\u00e9rmino \u00abtexture baking\u00bb (textualemtne se traduce como jorneado de textura).<\/p>\n<p>El beneficio de extraer esta informaci\u00f3n en forma de mapas es que luego en el motor de render no ser\u00eda necesario iluminar nada porque el objeto ya sabr\u00eda que presentarnos. y as\u00ed nos evitasmos tener que renderizar para cada fotograma. El contra tenemos que hay que hacer el trabajo de extracci\u00f3n de mapas por cada elemento que querramos que funcione de esa forma.<\/p>\n<div id=\"attachment_4994\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/UVWdif.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4994\" class=\"size-large wp-image-4994\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/UVWdif-1024x609.jpg\" alt=\"Ejemplo de c\u00f3mo se plasmar\u00eda el difuso del cuerpo del principito sobre las UV's. \" width=\"640\" height=\"381\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/UVWdif-1024x609.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/UVWdif-300x178.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/UVWdif.jpg 1453w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-4994\" class=\"wp-caption-text\">Ejemplo de c\u00f3mo se plasmar\u00eda el difuso del cuerpo del principito sobre las UV&#8217;s.<\/p><\/div>\n<p>Con el objeto seleccionado entramos al men\u00fa de \u00abrender to texture\u00bb y nos encontramos con su men\u00fa de configuraci\u00f3n.<\/p>\n<div id=\"attachment_4995\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/interface.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4995\" class=\"size-large wp-image-4995\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/interface-1024x616.jpg\" alt=\"Hay varias cosas que podemos hacer desde esta men\u00fa. S\u00f3lo mencionaremos lo que nos sea importante para este caso.\" width=\"640\" height=\"385\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/interface-1024x616.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/interface-300x181.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/interface.jpg 1361w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-4995\" class=\"wp-caption-text\">Hay varias cosas que podemos hacer desde esta men\u00fa. S\u00f3lo mencionaremos lo que nos sea importante para este caso.<\/p><\/div>\n<p>Describimos las partes del men\u00fa a continuaci\u00f3n.<\/p>\n<div id=\"attachment_4997\" style=\"width: 361px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0012.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4997\" class=\"size-full wp-image-4997\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0012.jpg\" alt=\"La primera parte  es dispensable porue s\u00f3lo sirve para elegir que tipo de render se va a hacer (si es que se tiene uno configurado de froma especial para el efecto) y da una ruta de salida de archivos que no solemos usar poque luego se peude espcificar a d\u00f3nde ir\u00e1 cada mapa que extraigamos. \" width=\"351\" height=\"301\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0012.jpg 351w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0012-300x257.jpg 300w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/a><p id=\"caption-attachment-4997\" class=\"wp-caption-text\">La primera parte es dispensable porque s\u00f3lo sirve para elegir que tipo de render se va a hacer (si es que se tiene uno configurado de froma especial para el efecto) y da una ruta de salida de archivos que no solemos usar poque luego se peude especificar a d\u00f3nde ir\u00e1 cada mapa que extraigamos.<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_4998\" style=\"width: 358px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0022.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4998\" class=\"size-full wp-image-4998\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0022.jpg\" alt=\"La segunda parte &quot;objects to bake&quot; nos lista los objetos que intervendr\u00e1sn en la extracci\u00f3n de mapas. En teor\u00eda se pueden hacer extracciones de varios objetos al mismo tiempo, pero es conveniente ir con cuidado porque dependiendo de la capacidad de nuestra m\u00e1quina esto puede colgar al programa. aunque resulte algo tedioso y si no es abolutamente necesario es mejor ir objeto por objeto. En nuestro caso elegimos el cuerpo. Lacasilla &quot;enabled&quot; nos dice que en efecto ese objeto va a ser calculado. Solo ns queda la parte de projection mapping y Mapping coordinates. Sasegudna es la nuestra y nos debemos asegurar que est\u00e9 elegida la opci\u00f3n &quot;use existing channel&quot; junto con el n\u00famero uno. En lka mayor\u00eda de casos no tendremos m\u00e1s de un canal (el primero) sobre el que habrmoes mapeado. En este apartado se elige el mapa de coordenadas al que hay que dirigir la infromaci\u00f3n extra\u00edda. \" width=\"348\" height=\"525\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0022.jpg 348w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0022-199x300.jpg 199w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/a><p id=\"caption-attachment-4998\" class=\"wp-caption-text\">La segunda parte \u00abobjects to bake\u00bb nos lista los objetos que intervendr\u00e1sn en la extracci\u00f3n de mapas. En teor\u00eda se pueden hacer extracciones de varios objetos al mismo tiempo, pero es conveniente ir con cuidado porque dependiendo de la capacidad de nuestra m\u00e1quina esto puede colgar al programa. aunque resulte algo tedioso y si no es abolutamente necesario es mejor ir objeto por objeto. En nuestro caso elegimos el cuerpo. La casilla \u00abenabled\u00bb nos dice que en efecto ese objeto va a ser calculado. Solo ns queda la parte de projection mapping y Mapping coordinates. Sasegudna es la nuestra y nos debemos asegurar que est\u00e9 elegida la opci\u00f3n \u00abuse existing channel\u00bb junto con el n\u00famero uno. En la mayor\u00eda de casos no tendremos m\u00e1s de un canal (el primero) sobre el que habremos mapeado. En este apartado se elige el mapa de coordenadas al que hay que dirigir la infromaci\u00f3n extra\u00edda.<\/p><\/div>\n<div id=\"attachment_4999\" style=\"width: 588px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0032.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4999\" class=\"wp-image-4999 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0032.jpg\" alt=\"Si bien no podremos hacer el c\u00e1lcul de varios objetos, si podremos sacar la infromaci\u00f3n de todos los canales necesarios de una sola tirada. Perimeo elegismo a\u00f1adir canales con el bot\u00f3n &quot;Add&quot; (1) para que nos abra la lista de canales disponibles (2) Como usamos vray tendremos que elegir s\u00f3lo los canales que llevan vray como prefijo. Los mapas que extrajimos de aqu\u00ed fueron: Vray DiffuseFilterMap (para el color) VrayReflectionmap (para la informaci\u00f3n de reflejos) VrayCompleteMap (para el color con todo el resto de informaci\u00f3n a\u00f1adido). VrayReflectioGlossines (para los brillos) \" width=\"578\" height=\"773\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0032.jpg 578w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0032-224x300.jpg 224w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><\/a><p id=\"caption-attachment-4999\" class=\"wp-caption-text\">Si bien no podremos hacer el c\u00e1lculo de varios objetos, si podremos sacar la infromaci\u00f3n de todos los canales necesarios de una sola tirada. Primero elegismo a\u00f1adir canales con el bot\u00f3n \u00abAdd\u00bb (1) para que nos abra la lista de canales disponibles (2) Como usamos vray tendremos que elegir s\u00f3lo los canales que llevan vray como prefijo. Los mapas que extrajimos de aqu\u00ed fueron: Vray DiffuseFilterMap (para el color) VrayReflectionmap (para la informaci\u00f3n de reflejos) VrayCompleteMap (para el color con todo el resto de informaci\u00f3n a\u00f1adido). VrayReflectioGlossines (para los brillos). Luego en la parte inferior elegimos el tama\u00f1o de salida (generalmente lo m\u00e1s grande que se pueda) y en la casilla \u00abfile name and Type\u00bb le decimos donde guarda el mapa y en que formato.<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_5001\" style=\"width: 358px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0042.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5001\" class=\"wp-image-5001 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0042.jpg\" alt=\"En esta parte se define que hacer cuando se termine de el &quot;baking&quot;. Las dos opciones son 1.- reemplazar el material qctivo con la nueva versi\u00f3n o 2.- crear un material cominado (shell) para mostrar los dos materiales.. En nuestro caso no haremos nada. As\u00ed que este men\u00fa no tiene efecto para nosotros.   \" width=\"348\" height=\"203\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0042.jpg 348w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0042-300x175.jpg 300w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/a><p id=\"caption-attachment-5001\" class=\"wp-caption-text\">En esta parte se define que hacer cuando se termine de el \u00abbaking\u00bb. Las dos opciones son 1.- reemplazar el material activo con la nueva versi\u00f3n o 2.- crear un material cominado (shell) para mostrar los dos materiales.. En nuestro caso no haremos nada. As\u00ed que este men\u00fa no tiene efecto para nosotros. Para obligarle a omitir este paso activaremos la casilla \u00abrender to files only\u00bb.<\/p><\/div>\n<div id=\"attachment_5002\" style=\"width: 354px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0052.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5002\" class=\"size-full wp-image-5002\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0052.jpg\" alt=\"Esta parte s\u00f3lo es v\u00e1lida si se ha elegido en el segudno apartado la opci\u00f3n de &quot;use automatic unwrap&quot; que es la soluci\u00f3n r\u00e1pida pero poco adecuada cuadno no se quiere invertir el tiempo en un desplegado de UV's correcto.\" width=\"344\" height=\"201\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0052.jpg 344w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/0052-300x175.jpg 300w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/a><p id=\"caption-attachment-5002\" class=\"wp-caption-text\">Esta parte s\u00f3lo es v\u00e1lida si se ha elegido en el segundo apartado la opci\u00f3n de \u00abuse automatic unwrap\u00bb que es la soluci\u00f3n r\u00e1pida pero poco adecuada cuando no se quiere invertir el tiempo en un desplegado de UV&#8217;s correcto.<\/p><\/div>\n<p>Despu\u00e9s de configurar todo, lanzamos el render desde el bot\u00f3n del mismo men\u00fa. Si lanzamos el render desde el men\u00fa de render no tendremos la extracci\u00f3n sino un render normal.<\/p>\n<p>Una vez extra\u00eddos los mapas procedemos a exportar un modelo especial de nuestra escena para que sea legible en Marmoset. El software acepta dos extensiones muy conocidas: FBX y OBJ.<\/p>\n<p>La segunda suele ser una elecci\u00f3n acertada para la mayor\u00eda de los casos.<\/p>\n<h2>Render surface map.<\/h2>\n<p>Este men\u00fa nos permite extraer informaci\u00f3n en escala de grises en base a la topolog\u00eda del objeto y no a su c\u00e1lculo de luces. Suele ser bastante r\u00e1pido y es adecuado para obtener variada informaci\u00f3n de la geometr\u00eda.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/surfacemap.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5005\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/surfacemap.jpg\" alt=\"surfacemap\" width=\"251\" height=\"492\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/surfacemap.jpg 251w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/surfacemap-153x300.jpg 153w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/a>Primero tenemos el selector de medidas (1). Elegiremos siempre dimensiones iguales para que el mapa sea siempre cuadrado. Para que todos los mapas sean congruentes renderizaremos mapas de 2048.<\/p>\n<p>El map channel (2) hace referencia a lo mismo que en el \u00abrender to texture\u00bb el canal en el que se ha desplegado la malla. Si no se ha hecho de forma espec\u00edfica todo se suele desplegar en el canal 1<\/p>\n<p>El \u00abcavity map\u00bb (3) es el equivalente al mapa de bump porque se\u00f1ala las diferencias de\u00a0 relieve en una superficie.<\/p>\n<p>El \u00abdensity map\u00bb (4) indica donde se encuentra la mayor y menor concentraci\u00f3n de pol\u00edgonos.<\/p>\n<p>El \u00abdust map\u00bb (5) indica aquellos pol\u00edgonos que son totalmente paralelos a al plano z en blanco y hacia el negro para los que llegan a ser paralelos al plano XY o perpendiculares al Z).<\/p>\n<p>El mapa de subsuperficie \u00absubsurface map\u00bb (6) nos informa de la densidad relativa del modelo. Zonas m\u00e1s finas y suceptibles a la translucid\u00e9z son se\u00f1aladas en blanco mientras que las zonas oscuras son m\u00e1s gruesas. Cuadno se quiere tener piel o tneer materiales transl\u00facidos esta es la infromaci\u00f3n adecuada.<\/p>\n<p>Por \u00faltimo en (7)\u00a0 tenemos al \u00abocclusion map\u00bb Mapa de oclusi\u00f3n. que nos muestra las zonas de la geometr\u00eda que chocan con algo\u00a0 o que se aislan de la luz (ocluyen).<\/p>\n<p>No todos los mapas son \u00fatiles ni obligatorios. Es nuestro criterio el que nos permitir\u00e1 saber cuando aplicar uno u otro.<\/p>\n<p>En el siguiente art\u00edculo analizaremos la estructura de marmoset toolbag y como temrinar de cargar nuestro modelo.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 es una representaci\u00f3n en tiempo real (RT)? En infograf\u00eda, cuando hablamos de \u00abtiempo real\u00bb nos referimos a algo que se hace sobre la marcha y obedeciendo a las intenciones del usuario. Hasta ahora todo lo que hemos analizado nos ayuda a conseguir una buena&#8230;<\/p>\n","protected":false},"author":9,"featured_media":4991,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6,8],"tags":[71,238,482,483,484,193],"class_list":["post-4946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion-3d","category-diseno-grafico","tag-3d","tag-3d-max","tag-marmoset-toolbag","tag-quixel-studio","tag-tiempo-real","tag-vray-3-0"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 es una representaci\u00f3n en tiempo real (RT)? En infograf\u00eda, cuando hablamos de \u00abtiempo real\u00bb nos referimos a algo que se hace sobre la marcha y obedeciendo a las intenciones del usuario. Hasta ahora todo lo que hemos analizado nos ayuda a conseguir una buena...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-07T11:59:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-07T19:04:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aleks Alaiza\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aleks Alaiza\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\"},\"author\":{\"name\":\"Aleks Alaiza\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\"},\"headline\":\"Representaci\u00f3n En tiempo real I (Interactividad)\",\"datePublished\":\"2016-03-07T11:59:34+00:00\",\"dateModified\":\"2016-03-07T19:04:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\"},\"wordCount\":2322,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg\",\"keywords\":[\"3d\",\"3D Max\",\"marmoset toolbag\",\"quixel Studio\",\"tiempo real\",\"VRAY 3.0\"],\"articleSection\":[\"Animaci\u00f3n 3D\",\"Dise\u00f1o Gr\u00e1fico\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\",\"name\":\"Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg\",\"datePublished\":\"2016-03-07T11:59:34+00:00\",\"dateModified\":\"2016-03-07T19:04:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg\",\"width\":700,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Representaci\u00f3n En tiempo real I (Interactividad)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\",\"name\":\"Aleks Alaiza\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g\",\"caption\":\"Aleks Alaiza\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/aleks\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/","og_locale":"es_ES","og_type":"article","og_title":"Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai","og_description":"Qu\u00e9 es una representaci\u00f3n en tiempo real (RT)? En infograf\u00eda, cuando hablamos de \u00abtiempo real\u00bb nos referimos a algo que se hace sobre la marcha y obedeciendo a las intenciones del usuario. Hasta ahora todo lo que hemos analizado nos ayuda a conseguir una buena...","og_url":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/","og_site_name":"Blog Escola Espai","article_published_time":"2016-03-07T11:59:34+00:00","article_modified_time":"2016-03-07T19:04:42+00:00","og_image":[{"width":700,"height":700,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","type":"image\/jpeg"}],"author":"Aleks Alaiza","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Aleks Alaiza","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/"},"author":{"name":"Aleks Alaiza","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614"},"headline":"Representaci\u00f3n En tiempo real I (Interactividad)","datePublished":"2016-03-07T11:59:34+00:00","dateModified":"2016-03-07T19:04:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/"},"wordCount":2322,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","keywords":["3d","3D Max","marmoset toolbag","quixel Studio","tiempo real","VRAY 3.0"],"articleSection":["Animaci\u00f3n 3D","Dise\u00f1o Gr\u00e1fico"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/","url":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/","name":"Representaci\u00f3n En tiempo real I (Interactividad) - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","datePublished":"2016-03-07T11:59:34+00:00","dateModified":"2016-03-07T19:04:42+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614"},"breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","width":700,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/presentacion-de-producto-i-representacion-en-tiempo-real\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Representaci\u00f3n En tiempo real I (Interactividad)"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614","name":"Aleks Alaiza","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g","caption":"Aleks Alaiza"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/aleks\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/carat.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=4946"}],"version-history":[{"count":10,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4946\/revisions"}],"predecessor-version":[{"id":5009,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4946\/revisions\/5009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/4991"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=4946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=4946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=4946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}