{"id":2027,"date":"2017-06-12T14:18:19","date_gmt":"2017-06-12T14:18:19","guid":{"rendered":"http:\/\/dyor.roboticafacil.es\/?p=2027"},"modified":"2018-04-24T05:12:54","modified_gmt":"2018-04-24T05:12:54","slug":"personalizacion-dyor-tinkercad","status":"publish","type":"post","link":"https:\/\/dyor.webs.upv.es\/en\/personalizacion-dyor-tinkercad\/","title":{"rendered":"Customization of DYOR FootBot with TinkerCAD"},"content":{"rendered":"<p>In this entry, we describe the necessary steps to customize DYOR robot in TinkerCAD following the example of DYOR FootBot.<\/p>\n<p><!--more--><\/p>\n<p>We will start with the design of DYOR FootBot as described it <a href=\"https:\/\/dyor.webs.upv.es\/personalizacion-dyor-pinzas\/\">DYOR Gripper Customization<\/a>. What we need is to separate each part we would like to 3D Print into several objects (engraving layer of the original design has been removed for simplicity). It is important to remark that the design uses appropriate dimensions for laser cutting, while in 3D printing, there might need some readjustments as a consequence of the 3D Printer tolerance.<\/p>\n<p>Here you can find the separated components:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2029 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_descomposition.png\" alt=\"\" width=\"708\" height=\"629\" srcset=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_descomposition.png 708w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_descomposition-300x267.png 300w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/p>\n<p style=\"text-align: center;\"><div class=\"\"><a href=\"https:\/\/dyor.webs.upv.es\/inkscape-files\/football_decomposition.svg\" target=\"_self\" class=\"emd_dl_purple\" download>Inkscape DYOR FootBot<\/a><\/div>    <style>            \r\n    .emd_dl_purple {\r\n        -moz-box-shadow:inset 0px 1px 0px 0px #d197fe;\r\n        -webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;\r\n        box-shadow:inset 0px 1px 0px 0px #d197fe;\r\n        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );\r\n        background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );\r\n        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');\r\n        background-color:#a53df6;\r\n        -webkit-border-top-left-radius:0px;\r\n        -moz-border-radius-topleft:0px;\r\n        border-top-left-radius:0px;\r\n        -webkit-border-top-right-radius:0px;\r\n        -moz-border-radius-topright:0px;\r\n        border-top-right-radius:0px;\r\n        -webkit-border-bottom-right-radius:0px;\r\n        -moz-border-radius-bottomright:0px;\r\n        border-bottom-right-radius:0px;\r\n        -webkit-border-bottom-left-radius:0px;\r\n        -moz-border-radius-bottomleft:0px;\r\n        border-bottom-left-radius:0px;\r\n        text-indent:0;\r\n        border:1px solid #9c33ed;\r\n        display:inline-block;\r\n        color:#ffffff !important;\r\n        font-family:Georgia;\r\n        font-size:15px;\r\n        font-weight:bold;\r\n        font-style:normal;\r\n        height:41px;\r\n        line-height:41px;\r\n        width:250px;\r\n        text-decoration:none;\r\n        text-align:center;\r\n        text-shadow:1px 1px 0px #7d15cd;\r\n    }\r\n    .emd_dl_purple:hover {\r\n        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );\r\n        background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );\r\n        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');\r\n        background-color:#7c16cb;\r\n    }.emd_dl_purple:active {\r\n        position:relative;\r\n        top:1px;\r\n    }<\/style><\/p>\n<p style=\"text-align: left;\">\n<p>Based on this file, we need to ungroup objects and save them as separated files as:<\/p>\n<ul>\n<li style=\"text-align: left;\">Face (not including eyes, nose and mouth). Save it as &#8220;football_face.svg&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2031 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_face.png\" alt=\"\" width=\"199\" height=\"234\" \/><\/p>\n<ul>\n<li>Eyes, nose and mouth. Save it as &#8220;eye_nose_mouth.svg&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2032 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/eyes_nose_mouth.png\" alt=\"\" width=\"150\" height=\"153\" \/><\/p>\n<ul>\n<li>Body. Save it as &#8220;football_body.png&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2033 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_body.png\" alt=\"\" width=\"242\" height=\"299\" \/><\/p>\n<ul>\n<li>Left and right arms. Save them is two separated files as &#8220;football_left_arm.svg&#8221; and &#8220;football_right_arm.svg&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2034 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_left_arm.png\" alt=\"\" width=\"49\" height=\"194\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2035 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_right_arm.png\" alt=\"\" width=\"39\" height=\"194\" \/><\/p>\n<ul>\n<li>TCRT5000 Support. Save it as &#8220;TCRT5000_support.svg&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2036 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/tcrt5000_support.png\" alt=\"\" width=\"88\" height=\"51\" \/><\/p>\n<ul>\n<li>Robot&#8217;s base. Save it as &#8220;grip_base.svg&#8221;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2037 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/grip_base.png\" alt=\"\" width=\"292\" height=\"532\" srcset=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/grip_base.png 292w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/grip_base-165x300.png 165w\" sizes=\"auto, (max-width: 292px) 100vw, 292px\" \/><\/p>\n<p>Now, in TinkerCAD, we need to select from &#8220;Our Shape Generators&#8221; and select &#8220;Extrusion&#8221;:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2018\/01\/shape_generators.png\" alt=\"\" width=\"195\" height=\"85\" class=\"aligncenter size-full wp-image-3271\" \/><\/p>\n<p>By default, we will see a cylinder as shown:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2040\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/shape_generator_default.png\" alt=\"\" width=\"1640\" height=\"630\" srcset=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/shape_generator_default.png 1640w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/shape_generator_default-300x115.png 300w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/shape_generator_default-768x295.png 768w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/shape_generator_default-1024x393.png 1024w\" sizes=\"auto, (max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p>The aim is to modify the &#8220;main.js&#8221; script with code importing each of the shapes described before. In line 24 need to replace the filename with the one we want to generate, for instance &#8220;football_face.svg&#8221;. In line 42 we need to modify the object height by replacing &#8220;20.0&#8221; with &#8220;3.0&#8221;.<\/p>\n<p>In addition to this, we need to remove the original file from &#8220;Resources&#8221; folder and import our file, in this case  &#8220;football_face.svg&#8221;. In the &#8220;Settings&#8221; we can give some details about the shape we are generating such as the name and a description.<\/p>\n<p>Inkscape generates a &#8220;SVG&#8221; file whose scale depends on the selected units when we imported the original &#8220;DXF&#8221; file (it was in pixels in order to be correct). It looks that, for some reason, in TinkerCAD, we also need to select the appropriate units for the shape generator. By default you will see that these uniters are in &#8220;mm&#8221;, so we have to replace them to &#8220;px&#8221;. This can be done in lines 13 and 14 of the &#8220;SVG&#8221; file, just below &#8220;Resources&#8221;, as shown:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2042 aligncenter\" src=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/svg_units.png\" alt=\"\" width=\"868\" height=\"274\" srcset=\"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/svg_units.png 868w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/svg_units-300x95.png 300w, https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/svg_units-768x242.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/p>\n<p>Once all these steps have been completed, we can &#8220;Save&#8221; the shape and it will be available in your TinkerCAD menu.<\/p>\n<p>Now, you are in position to customize to design, because it allows you to modify the shape.<\/p>\n<p>As an alternative, you can always customize your design from the original &#8220;SVG&#8221; file in Inkscape and import that &#8220;SVG&#8221; file with the &#8220;Import&#8221; utility of TinkerCAD. The main difference is that, once imported, you want be able to modify the shape.<\/p>\n<p>Following the described steps, you should get to the following result:<br \/>\n<iframe loading=\"lazy\" width=\"725\" height=\"453\" src=\"https:\/\/www.tinkercad.com\/embed\/k0R7szBtmqU\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>","protected":false},"excerpt":{"rendered":"<p>Sorry, this entry is only available in Espa\u00f1ol.<\/p>\n","protected":false},"author":1,"featured_media":2043,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[94,13],"tags":[],"class_list":["post-2027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dyor-footbot","category-tinkercad"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football_decomposition_tinkecad.png","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2083,"url":"https:\/\/dyor.webs.upv.es\/en\/personalizacion-dyor-batbot-tinkercad\/","url_meta":{"origin":2027,"position":0},"title":"Customization of DYOR BatBot with TinkerCAD","author":"soporte","date":"Thursday June 22nd, 2017","format":false,"excerpt":"In this entry we will explain the necessary steps to customize DYOR robot with TinkerCAD following the example of DYOR BatBot. We will start with the new design of DYOR robot with arms configuration, as described in Customization of DYOR robot with arms. We need each of individual parts of\u2026","rel":"","context":"In &quot;tinkercad&quot;","block_context":{"text":"tinkercad","link":"https:\/\/dyor.webs.upv.es\/en\/category\/diseno\/tinkercad\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/tinkercad_batman.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/tinkercad_batman.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/tinkercad_batman.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2174,"url":"https:\/\/dyor.webs.upv.es\/en\/ensamblaje-dyor-footbot\/","url_meta":{"origin":2027,"position":1},"title":"Assembly of DYOR FootBot","author":"soporte","date":"Sunday July  9th, 2017","format":false,"excerpt":"In this entry, we show the assembly of DYOR FootBot\u00a0with TinkerCAD and make with laser cutting: Componentes: Placa Arduino Nano I\/O + Arduino Nano v3 (rojo) Powerbank (azul oscuro) Bluetooth SPP-C o HC-06 (\u00e1mbar) Matriz de LEDs 8x8 max7219 (verde) Ultrasonido HC-SR04 (azul) Zumbador de sonido (negro) Servos FS90R, SG90,\u2026","rel":"","context":"In &quot;corte_laser&quot;","block_context":{"text":"corte_laser","link":"https:\/\/dyor.webs.upv.es\/en\/category\/fabricacion\/corte_laser\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/07\/dyor_football.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/07\/dyor_football.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/07\/dyor_football.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2005,"url":"https:\/\/dyor.webs.upv.es\/en\/personalizacion-dyor-pinzas\/","url_meta":{"origin":2027,"position":2},"title":"Personalizaci\u00f3n del robot DYOR con pinzas","author":"soporte","date":"Sunday June 11th, 2017","format":false,"excerpt":"En esta entrada explicamos c\u00f3mo utilizar una plantilla de Inkscape para personalizar el robot DYOR. El dise\u00f1o del robot DYOR puede personalizarse de forma sencilla utilizando Inkscape. Configuraci\u00f3n con pinzas La configuraci\u00f3n con pinzas permite realizar aplicaciones para jugar al futbol o coger\/manipular ciertos objetos. El dise\u00f1o que se presenta\u2026","rel":"","context":"In &quot;inkscape&quot;","block_context":{"text":"inkscape","link":"https:\/\/dyor.webs.upv.es\/en\/category\/diseno\/inkscape\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/football.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1704,"url":"https:\/\/dyor.webs.upv.es\/en\/dyor-corte-laser-tinkercad\/","url_meta":{"origin":2027,"position":3},"title":"Fabricaci\u00f3n del robot DYOR por corte por l\u00e1ser","author":"soporte","date":"Thursday April 20th, 2017","format":false,"excerpt":"Aprende a generar un fichero DXF para fabricar tu robot DYOR por corte por laser utilizando TinkerCAD y Inkscape. La fabricaci\u00f3n por corte por l\u00e1ser es un proceso de fabricaci\u00f3n inheremente en 2D, con lo que la forma m\u00e1s directa de fabricar por corte l\u00e1ser ser\u00eda utilizar programas de dise\u00f1o\u2026","rel":"","context":"In &quot;corte_laser&quot;","block_context":{"text":"corte_laser","link":"https:\/\/dyor.webs.upv.es\/en\/category\/fabricacion\/corte_laser\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/04\/DYOR.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/04\/DYOR.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/04\/DYOR.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2097,"url":"https:\/\/dyor.webs.upv.es\/en\/diseno-tinkercad-del-robot-dyor-basico\/","url_meta":{"origin":2027,"position":4},"title":"Dise\u00f1o TinkerCAD del robot DYOR B\u00e1sico","author":"soporte","date":"Thursday June 22nd, 2017","format":false,"excerpt":"En esta entrada se muestra c\u00f3mo dise\u00f1ar el robot DYOR (versi\u00f3n b\u00e1sica) con TinkerCAD\u00a0paso a paso. Nuestra propuesta para el dise\u00f1o del robot DYOR B\u00e1sico en 3D es como se muestra a continuaci\u00f3n, que est\u00e1 espec\u00edficamente adaptada para la impresi\u00f3n 3D: Para el dise\u00f1o del robot utilizaremos los siguientes ficheros\u2026","rel":"","context":"In &quot;tinkercad&quot;","block_context":{"text":"tinkercad","link":"https:\/\/dyor.webs.upv.es\/en\/category\/diseno\/tinkercad\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/dyor_basico0.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2015,"url":"https:\/\/dyor.webs.upv.es\/en\/personalizacion-dyor-brazos\/","url_meta":{"origin":2027,"position":5},"title":"Personalizaci\u00f3n robot DYOR con brazos","author":"soporte","date":"Sunday June 11th, 2017","format":false,"excerpt":"En esta entrada explicamos c\u00f3mo utilizar una plantilla de Inkscape para personalizar el robot DYOREl dise\u00f1o del robot DYOR puede personalizarse de forma sencilla utilizando Inkscape. Configuraci\u00f3n con brazos Esta configuraci\u00f3n permite dibujar, principalmente animales, personas, personajes, que pueden f\u00e1cilmente personalizarse y decorarse. El dise\u00f1o que se presenta a continuaci\u00f3n\u2026","rel":"","context":"In &quot;DYOR PandaBot&quot;","block_context":{"text":"DYOR PandaBot","link":"https:\/\/dyor.webs.upv.es\/en\/category\/robots\/dyor-pandabot\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/batman.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/batman.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/dyor.webs.upv.es\/wp-content\/uploads\/2017\/06\/batman.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/posts\/2027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/comments?post=2027"}],"version-history":[{"count":0,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/posts\/2027\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/media\/2043"}],"wp:attachment":[{"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/media?parent=2027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/categories?post=2027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dyor.webs.upv.es\/en\/wp-json\/wp\/v2\/tags?post=2027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}