{"id":129,"date":"2019-10-20T15:22:22","date_gmt":"2019-10-20T13:22:22","guid":{"rendered":"http:\/\/codigoycreatividad.com\/laura\/?p=129"},"modified":"2020-08-12T04:24:33","modified_gmt":"2020-08-12T02:24:33","slug":"2019-ig-facebook-filters","status":"publish","type":"post","link":"http:\/\/codigoycreatividad.com\/laura\/2019-ig-facebook-filters\/","title":{"rendered":"2019\/20 &#8211; IG\/Facebook Filters"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Contigo en la distancia<\/h2>\n\n\n\n<p>Parte del programa Contigo en la distancia, cultura en casa. Secretaria de Cultura. Gobierno de M\u00e9xico. <a rel=\"noreferrer noopener\" href=\"https:\/\/contigoenladistancia.cultura.gob.mx\/detalle\/creacion-de-filtros-de-realidad-aumentada-por-laura-alvarez\" target=\"_blank\">Enlace<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tales for the future<\/h2>\n\n\n\n<p><a href=\"https:\/\/developercircles2019.devpost.com\/\">2019 Developer Circles from Facebook Community Challenge<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>WINNER&nbsp;Regional &#8211; Third Place<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p> Think about the first time you heard an audio story while you were a kid&#8230;or watched a cartoon on an old time slide projector&#8230;that childhood feeling will be experienced on a different level by today&#8217;s kids. They will get to watch as suddenly animated characters pop out of their books. It will feel almost magical. We are witnessing a new era in child education, one where Augmented Reality remixes the real world to create extraordinary experiences for kids. And we want to be among the first to create such experiences. \u00ab<\/p><cite> <a href=\"https:\/\/devpost.com\/software\/tales-for-the-future\">https:\/\/devpost.com\/software\/tales-for-the-future<\/a> <\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio wp-embed-aspect-16-9\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"Tales for the Future demo 2\" width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/6FiI-Pyq5sw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption>Elif<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">IG Tutorials <a href=\"https:\/\/www.youtube.com\/channel\/UCqgFyrlMRFig6fH21j5zhuA\">&#8211; Youtube<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"Tutorial RenderPass b\u00e1sico. Filtro de instagram.  Full Project - Espa\u00f1ol\" width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/Al-DMSSlGY4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">IG Filters <a href=\"https:\/\/www.instagram.com\/yincany\">@yincany<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"Instagram filters..\" width=\"740\" height=\"555\" src=\"https:\/\/www.youtube.com\/embed\/APp4Weiix48?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Functionalities<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Texture animation &#8211; Mp4 to Gif to optimized spreadsheet <\/li><li>Head \/head neck &#8211; occluder<\/li><li>Luts &#8211; Photoshop &#8211; cube to png &#8211; lut patch<\/li><li>Emitters  (2d)<\/li><li>Face paint &#8211; make up &#8211; retouching &#8211; etc..<\/li><li>Face deformation &#8211;  blendshapes  <\/li><li>Body segmentation<\/li><li>Lighting<\/li><li>Animations<\/li><li>Native UI Picker<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Unfinished\/unpublished filters<\/h3>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"00COMPLETO Beta\" width=\"740\" height=\"555\" src=\"https:\/\/www.youtube.com\/embed\/mpXOLitjsds?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Functionalities<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Multi layers 2d occluder (body segmentation, emitters, bg, etc..)<\/li><li>Device motion<\/li><li>Plane tracking   (pinch, drag)  &#8211; <a rel=\"noreferrer noopener\" aria-label=\"Mexico City subway map (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.instagram.com\/a\/r\/?effect_id=345564219658772&amp;ch=YmQ2YzQ5Njc0NWM0MDVlMjkyMzc3MGE2ZDQ1ODAxYjA=\" target=\"_blank\">Mexico City subway map<\/a><\/li><li>Shader &#8211; scripting (symmetrical filter)<\/li><li>Shader -patches (<a href=\"https:\/\/www.instagram.com\/a\/r\/?effect_id=2702950649749575&amp;ch=MDA0NWFhMmYzZmYwOTZlZTI3YWUwODk5YjMxOTVhZDg=\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"updown (abre en una nueva pesta\u00f1a)\">updown<\/a>)<\/li><li>Parallax effect<\/li><li>HSV &#8211; Luts &#8211; Patches &#8211; No png files<\/li><li>Chromatic aberration<\/li><li>SDF<\/li><li>3d emitters <\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Exploring<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Functionalities<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Moving face tracker (scale, rotation, position) within an  animation  texture  (scripting)<\/li><li>Custom &#8211; 3d objects &#8211; blendshapes<\/li><li>2d game physics &#8211; matter.js &#8211; custom 2d object colliders<\/li><li>3d game &#8211; physics &#8211; cannon.js<\/li><li>Patches shaders &#8211; kaleidoscope<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Bibliography<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li> <a href=\"https:\/\/www.udemy.com\/course\/the-complete-spark-ar-course\">https:\/\/www.udemy.com\/course\/the-complete-spark-ar-course<\/a> <\/li><li> <a href=\"https:\/\/www.patreon.com\/user\/posts?u=20402687\">https:\/\/www.patreon.com\/user\/posts?u=20402687<\/a> <\/li><li> <a href=\"https:\/\/github.com\/positlabs\">https:\/\/github.com\/positlabs<\/a> <\/li><li> (3d physics) <a href=\"https:\/\/github.com\/ashleymarkfletcher\/spark-ar-bowling\">https:\/\/github.com\/ashleymarkfletcher\/spark-ar-bowling<\/a> <\/li><li> (2d game)  <a href=\"https:\/\/github.com\/jiyeonseo\/spark-ar-left-right-game\">https:\/\/github.com\/jiyeonseo\/spark-ar-left-right-game<\/a> <\/li><li> (shaders) <a href=\"https:\/\/www.shadertoy.com\/\">https:\/\/www.shadertoy.com\/<\/a><\/li><li>(shaders)   <a href=\"https:\/\/www.patreon.com\/vsynth\">https:\/\/www.patreon.com\/vsynth<\/a> <\/li><li> <a href=\"https:\/\/www.youtube.com\/channel\/UCcAlTqd9zID6aNX3TzwxJXg\/videos\">https:\/\/www.youtube.com\/channel\/UCcAlTqd9zID6aNX3TzwxJXg\/videos<\/a> <\/li><li> <a href=\"https:\/\/github.com\/Oblioio\/DuneBuggyAR\">https:\/\/github.com\/Oblioio\/DuneBuggyAR<\/a> <\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contigo en la distancia Parte del programa Contigo en la distancia, cultura en casa. Secretaria de Cultura. Gobierno de M\u00e9xico. Enlace Tales for the future 2019 Developer Circles from Facebook Community Challenge WINNER&nbsp;Regional &#8211; Third Place Think about the first time you heard an audio story while you were a kid&#8230;or watched a cartoon on&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":130,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,37],"tags":[41,39,40,38],"class_list":["post-129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-augmented-reality","category-spark-ar","tag-facebook","tag-filters","tag-instagram","tag-spark-ar"],"_links":{"self":[{"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/posts\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":26,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/posts\/129\/revisions"}],"predecessor-version":[{"id":214,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/posts\/129\/revisions\/214"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/media\/130"}],"wp:attachment":[{"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/media?parent=129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/categories?post=129"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/codigoycreatividad.com\/laura\/wp-json\/wp\/v2\/tags?post=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}