tag:blogger.com,1999:blog-20919376807410366942024-03-12T16:42:16.799-07:00Herramientas Para Desarrollar Videojuegos en EspañolHerramientas Para el Desarrollo de Videojuegos y Lenguajes de Programación en EspañolDepredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.comBlogger238125tag:blogger.com,1999:blog-2091937680741036694.post-38071792693910589572020-02-23T00:50:00.000-08:002020-02-23T00:50:53.429-08:00Crear un archivo Blueprint en UE4<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; text-align: justify;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify; text-decoration-line: none;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; text-align: justify;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; text-align: justify;"><br /></span>
<br />
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: medium;">En este ejemplo aprenderemos a crear el archivo de <i>Blueprint</i> y navegar sobre el editor de <i>Blueprint.</i></span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: medium;"><br /></span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: medium;">INICIO</span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: medium;"><br /></span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: 13.2px;">1.- </span><span style="font-size: 13.2px;">Lo primero que tenemos que hacer es crear un proyecto, o si ya has creado un proyecto puedes seleccionar ese </span><span style="font-size: 13.2px;">proyecto, si aun no sabes como te dejo un <a href="https://recopilacioncodigosprogramacion.blogspot.com/2018/11/iniciando-un-nuevo-proyecto-en-unreal.html" target="_blank">link</a> de como crear un proyecto.</span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-size: 13.2px;"><br /></span></div>
<div style="background-color: white; text-align: justify;">
<div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">2.-Ya en el entorno principal, realizaremos lo siguiente: primero le daremos click derecho, nos saldrá un menú y le daremos en <b>Blueprint Class</b>.</span></span></div>
<div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5846tjhkmwBDD_CNOBappIJRETVldFWdP_ScLucNHuL58XgiZkY6ZWu4LOxsdjKO5skK9a2UUe0Ya06K3-o6P8KPcUVITGSAQaeJI_VGK4_cJyLKDvueHtxjOyVLY1WM6fWM2eOHx7MrC/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="711" data-original-width="430" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5846tjhkmwBDD_CNOBappIJRETVldFWdP_ScLucNHuL58XgiZkY6ZWu4LOxsdjKO5skK9a2UUe0Ya06K3-o6P8KPcUVITGSAQaeJI_VGK4_cJyLKDvueHtxjOyVLY1WM6fWM2eOHx7MrC/s640/1.png" width="386" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><span id="goog_2111683451"></span><span id="goog_2111683452"></span><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">3.-Ahora saldrá otro menú con diferentes opciones, nos enfocaremos en la primera opción, así que damos clic en </span></span><b style="color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px;">Actor</b><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">, para mas información de las demás opciones puedes revisar la documentación o se explicaran en futuros </span></span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">tutoriales.</span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4r3N8N1IBSGR2PQp8U1ieYwg0L5ELWqn4aFxLrXJegX37hbd_FMpgs4J-fTCvoSooRfEgN_kJwXIeBF-I2vSl2olowfIRv1LfVc82YjifgIo4AVYQrX0_C7Uon6y-pDHv2p_GUebcWIQ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="852" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4r3N8N1IBSGR2PQp8U1ieYwg0L5ELWqn4aFxLrXJegX37hbd_FMpgs4J-fTCvoSooRfEgN_kJwXIeBF-I2vSl2olowfIRv1LfVc82YjifgIo4AVYQrX0_C7Uon6y-pDHv2p_GUebcWIQ/s640/2.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">4.-Una vez le demos clic tendremos que colocarle un nombre al archivo, para mejores practicas es necesario colocar primero una nomenclatura que sigue así BP_NombreArchivo, si no quieres puedes simplemente colocar un nombre.</span></span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh526CQ-bsiiF6SR1G_GZLa35_qxv_4Z76RpsHr7Nq9ERswlt4ClRzP-otO0jzt1DmO6CE37j0qSokYbcIM-F_8Ok0XkBFoTGFpbXcMf3vQndYMMyB5PIdUPIAnlVn-8XeZIe4BymDY6zVV/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="299" data-original-width="418" height="456" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh526CQ-bsiiF6SR1G_GZLa35_qxv_4Z76RpsHr7Nq9ERswlt4ClRzP-otO0jzt1DmO6CE37j0qSokYbcIM-F_8Ok0XkBFoTGFpbXcMf3vQndYMMyB5PIdUPIAnlVn-8XeZIe4BymDY6zVV/s640/3.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">5.-Le daremos doble clic para abrir el editor de<b> Blueprints</b> y se nos muestra la siguiente ventana.</span></span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilHUHdsdKfzmqztPdErZxUgvjI-6aqXDIMDabvhNFhrRt3DJZZ_62uWHFFdmaAKkDFWrsE1Pgtq8fRjRTvn4sxGVyyOPa8entI1jqGEL9sf_ZzxDkmWfwDh547ZDYNRRC25tJjWg_h2RtA/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="851" data-original-width="1600" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilHUHdsdKfzmqztPdErZxUgvjI-6aqXDIMDabvhNFhrRt3DJZZ_62uWHFFdmaAKkDFWrsE1Pgtq8fRjRTvn4sxGVyyOPa8entI1jqGEL9sf_ZzxDkmWfwDh547ZDYNRRC25tJjWg_h2RtA/s640/4.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">6.-Tiene diferentes secciones que son áreas donde realizas diferentes tareas, por ahora lo veremos de manera breve y después con la practica, se detallaran mas información, la primera sección son los </span><b style="font-size: 13.2px;">Componentes</b><span style="font-size: 13.2px;">, es una sección donde podemos ver el </span><b style="font-size: 13.2px;">Actor</b><span style="font-size: 13.2px;"> que hemos creado con otras opciones, aquí se pueden crear mas componentes.</span></span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJulOR2AJ_ZN2d3WDLcGjvtZygT5nuDwujpl-6you_2vsEv6cKBFVM-c64vZJcg30kcZHlTLccg34hvewVUwzUYNfuu524zq8ee7HQg0UtASMnZOwQzB3aw_hif7h9OrQQ9i-4CwHAKP2t/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="257" data-original-width="247" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJulOR2AJ_ZN2d3WDLcGjvtZygT5nuDwujpl-6you_2vsEv6cKBFVM-c64vZJcg30kcZHlTLccg34hvewVUwzUYNfuu524zq8ee7HQg0UtASMnZOwQzB3aw_hif7h9OrQQ9i-4CwHAKP2t/s640/5.png" width="615" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">7.-La siguiente sección se llama </span><b style="font-size: 13.2px;">Mi Blueprint</b><span style="font-size: 13.2px;"> aquí podemos ver la parte de los gráficos que es la parte donde conectaremos los eventos para poder dar funcionalidad a nuestros objetos, aquí se indican los nombres. También </span></span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">nos encontramos con <b>Funciones, Macros, Variables y EventDispatchers</b>, podemos ir agregando estas funcionalidades dependiendo nuestras </span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">necesidades.</span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kfmzdDmEWiHucxchUP27ArWkqyM8vXm-WoqIA9jn1dnLQGzVKZH4KI8gAhx-2BQl5DMyjXWeuEpOI0rxYfGdDvKzgl73CZ-v8TQaE2KmH7Z30Wydl9IvTT81iYtg8aKoKpovyNlswSTx/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="359" data-original-width="256" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kfmzdDmEWiHucxchUP27ArWkqyM8vXm-WoqIA9jn1dnLQGzVKZH4KI8gAhx-2BQl5DMyjXWeuEpOI0rxYfGdDvKzgl73CZ-v8TQaE2KmH7Z30Wydl9IvTT81iYtg8aKoKpovyNlswSTx/s640/6.png" width="454" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">8.-La ventana principal o centro es el <b>Viewport</b> aquí podemos manipular sus dimensiones, perspectiva etc.</span></span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULKR5Fww8c4PWZY9p0BG8bBD0R_FAox0h5Y_cLN0mye4314hXQ3f3s0ENgVp_t3bJZjRKmCGBYUnlu0M84KY1E06ICAGPaYxhjmQvbnuIvQrOSlT9RhBfj6XopDQDyg4wvLJcKlrpP_0b/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="627" data-original-width="976" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULKR5Fww8c4PWZY9p0BG8bBD0R_FAox0h5Y_cLN0mye4314hXQ3f3s0ENgVp_t3bJZjRKmCGBYUnlu0M84KY1E06ICAGPaYxhjmQvbnuIvQrOSlT9RhBfj6XopDQDyg4wvLJcKlrpP_0b/s640/7.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">9.-La siguiente ventana es la de los </span><b style="font-size: 13.2px;">Detalles</b><span style="font-size: 13.2px;">, aquí podremos cambiar o configurar opciones para nuestro objeto.</span></span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabiQEHe4iSYIlneFvkYqEhAwJrq6ag-r9B44WENFFViz4AkPtjGB6q4aRCoCVi7V5CePYTyc0OOp9Z0CN9w4x2se0zP4eR-gRdkyrkBIxOsb-gvaoDAIdlA_okp-blL77zcnVrHQ5Chb9/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="807" data-original-width="395" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabiQEHe4iSYIlneFvkYqEhAwJrq6ag-r9B44WENFFViz4AkPtjGB6q4aRCoCVi7V5CePYTyc0OOp9Z0CN9w4x2se0zP4eR-gRdkyrkBIxOsb-gvaoDAIdlA_okp-blL77zcnVrHQ5Chb9/s640/8.png" width="312" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;">10.-Nos encontramos también con una ventana de </span><b style="font-size: 13.2px;">Compilación</b><span style="font-size: 13.2px;">, es donde aparecerán los resultados de lo que se va </span></span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;">efectuando al objeto y nos notificara cualquier error, o advertencias.</span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv3yI-rNt68GyVPzU4Jl18Ikv0OUOXMUxV2KJ9IbgAzP9VX5eSuRGhfhyphenhyphenXQ9a7UWU9XWchyphenhyphenYsFwPJjRwivhvuQ6AIIVFgOG1CRoFCWgw4mPwGRAYYgBTU3kBLc6m1hzQEPr3XQFsxBJL2G/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="161" data-original-width="968" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv3yI-rNt68GyVPzU4Jl18Ikv0OUOXMUxV2KJ9IbgAzP9VX5eSuRGhfhyphenhyphenXQ9a7UWU9XWchyphenhyphenYsFwPJjRwivhvuQ6AIIVFgOG1CRoFCWgw4mPwGRAYYgBTU3kBLc6m1hzQEPr3XQFsxBJL2G/s640/9.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"><br /></span>
<br />
<div>
<br /></div>
<div>
<div>
11.-En la parte donde encontramos el <b>Viewport</b>, veremos dos ventanas mas, <b>Construction Script y Event Graph</b>, ambos son para crear nodos, los nodos que usaremos para darle la funcionalidad.</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAEb0_GK14qjWXlG7dL93uprVuRygJrtQFyoezwYa5Jjf85NIzmvB_uJ3F3JNp1TLncSAIlqqapOQvWe_fzVgOA52s1hIv8gybnzyc5v9Jrgtop9gUsrXuWeHpBNdxd65SmQUm3xlMyj95/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="969" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAEb0_GK14qjWXlG7dL93uprVuRygJrtQFyoezwYa5Jjf85NIzmvB_uJ3F3JNp1TLncSAIlqqapOQvWe_fzVgOA52s1hIv8gybnzyc5v9Jrgtop9gUsrXuWeHpBNdxd65SmQUm3xlMyj95/s640/10.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZx_To3j7raAxiiwCO1bBbwmbDPgtznUymGlMwYh6Hl-oqmT7RyfLIScAGfbxvFHnYIqxnG4nhOee5PL5jRS2X8fWWnUduRoANVg3IBZoUqI0a_eYgYzZWQiKLPlKCfKzfjWQAD5H1otom/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="630" data-original-width="981" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZx_To3j7raAxiiwCO1bBbwmbDPgtznUymGlMwYh6Hl-oqmT7RyfLIScAGfbxvFHnYIqxnG4nhOee5PL5jRS2X8fWWnUduRoANVg3IBZoUqI0a_eYgYzZWQiKLPlKCfKzfjWQAD5H1otom/s640/11.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
12.-También tenemos una fila de botones donde podremos compilar nuestro <b>Blueprint,</b> guardarlo, probarlo etc.</div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6gM3Q1OwfztWGuI1OXb5OZCR8TThZU8tNXsigPlv5AbCJ0VqKknYyT6Xq3nARLmuj2cNUFsghUqkrJbxM0o3nTHld5dY5tNApewiltYb8A6FBMd-4TjkSBgaZle-tT6JaNxs-lk7w-nN/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="82" data-original-width="822" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6gM3Q1OwfztWGuI1OXb5OZCR8TThZU8tNXsigPlv5AbCJ0VqKknYyT6Xq3nARLmuj2cNUFsghUqkrJbxM0o3nTHld5dY5tNApewiltYb8A6FBMd-4TjkSBgaZle-tT6JaNxs-lk7w-nN/s640/12.png" width="640" /></a></div>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 13.2px;"><br /></span></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">TERMINANDO</span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Aprendimos a como crear un archivo <b>Blueprint</b> y darle un vistaso al editor de <b>Blueprints</b>, iremos detallando cada </span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">herramienta mientras vayamos avanzando y sea necesario usarlo.</span><br />
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span>
<span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div>
<br /></div>
</div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-81754098572486375312018-12-02T19:20:00.002-08:002018-12-02T19:20:43.366-08:00Intro Star Wars con GUI Unity 2018<span style="font-size: x-large;">En esta ocasión, realizaremos una pequeña intro al estilo Star Wars con la GUI de Unity 2018.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">EMPEZANDO</span><br />
<br />
<div style="text-align: justify;">
1.-Primero crearemos un proyecto <i>3D</i>, esto para aprovechar la vista de la cámara en perspectiva que es lo que queremos lograr, crearemos una carpeta que se llame Recursos, en esta carpeta necesitaremos una fuente la de <i>Star Wars</i> por ejemplo, puedes dar clic <a href="https://www.dafont.com/es/star-jedi.font" target="_blank">aquí</a> para obtener la fuente. y una canción en formato <i>.mp3</i> para la intro, si es la de <i>Star Wars</i> mucho mejor. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzZDoArEB4viBBDXu0SarDOjokd5JtcMQJhd77JuGvDpIfyb3jc9PoX6jBVeZRZWAV5uifeggEZFBEWt5eNHXcFYaOSyGlxtY-TRFU4cXnXID2kI_qipUfzaI055I0aVYzJ_3IwjqE8dka/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzZDoArEB4viBBDXu0SarDOjokd5JtcMQJhd77JuGvDpIfyb3jc9PoX6jBVeZRZWAV5uifeggEZFBEWt5eNHXcFYaOSyGlxtY-TRFU4cXnXID2kI_qipUfzaI055I0aVYzJ_3IwjqE8dka/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Ahora seleccionamos la <i>Main Camera</i> y cambiaremos algunas opciones, en el inspector donde aparece <i>Camera</i>, cambiaremos el <i>Clear Flags a Solid Color, Background a negro, Projection Perspective, Field of View a 150.</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnwavCFgXxCm4kUeZakwtYOgl5bpie7WUZJxv6VdRX_5fR94mwRpia5zrqT3djfQ0yBFgmAnfs_09_LdKuxFAkKgMcHb0mxgNek9thsg3pFvhqW2Pmc15uNYqpXvNBEDOmAqBwMz6_pR5/s1600/2.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnwavCFgXxCm4kUeZakwtYOgl5bpie7WUZJxv6VdRX_5fR94mwRpia5zrqT3djfQ0yBFgmAnfs_09_LdKuxFAkKgMcHb0mxgNek9thsg3pFvhqW2Pmc15uNYqpXvNBEDOmAqBwMz6_pR5/s320/2.png" width="299" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Ahora en la <i>Jerarquía o Hierarchy</i> agregamos un <i>UI Text</i> dando clic derecho UI > Text y lo nombramos, TextoStarWars.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtchg8lUec8uOFvXecY7fL2JmutUN5B_U08CvWD0yuY8mGlIE0jqRtjUgGFSaInNNKF-I53jXBfPgVE1fzkZ_8uPVy0Jel-BVm9n3jc-HLIWbTbxqZA6pgsQELb2NrLYWCAY7DInp60dbh/s1600/3.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtchg8lUec8uOFvXecY7fL2JmutUN5B_U08CvWD0yuY8mGlIE0jqRtjUgGFSaInNNKF-I53jXBfPgVE1fzkZ_8uPVy0Jel-BVm9n3jc-HLIWbTbxqZA6pgsQELb2NrLYWCAY7DInp60dbh/s400/3.png" width="367" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPC9M0uYTVCuIt19f0cW2VSLrJHFB1ayTq-tR2GsMNFV05YjJpEjhHzxbWg6H21ZI4peSyRvsGNTlruLUFLHgUxeLutqupHnSuCUAKva9UCHqSbKrykGsAssmG6hG4yGoh96LQ_WzOM3Wu/s1600/4.png" imageanchor="1"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPC9M0uYTVCuIt19f0cW2VSLrJHFB1ayTq-tR2GsMNFV05YjJpEjhHzxbWg6H21ZI4peSyRvsGNTlruLUFLHgUxeLutqupHnSuCUAKva9UCHqSbKrykGsAssmG6hG4yGoh96LQ_WzOM3Wu/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora con el<i> canvas</i> creado podemos eliminar nuestro texto, para que nos quede solo el canvas. Ahora crearemos un Texto en <i>3D</i> dando clic derecho al<i> Canvas y en 3D Object y 3D Text.</i> Cambiaremos los siguientes valores en el<i> Text Mesh del Texto 3D</i> colocaremos la intro, si no tienes alguna puedes ver las intros <a href="http://es.starwars.wikia.com/wiki/Texto_de_apertura" target="_blank">aquí</a>, colocas el texto de tal forma que quede el espacio entre lineas, y colocas los siguientes valores.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvitQYYZ7wTaw-BMrtgUzVpqr8Dh1623xYJ97SNCO8ZfG98puMvYP3CZlg3b5uP373PYpXdZ59knXlKVVQR4qiMGkqm3WLRAVbw00nmq1QdJ33vaFRkdqon4BfyBAx5Unq8S4_A-9Vwrnw/s1600/5.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvitQYYZ7wTaw-BMrtgUzVpqr8Dh1623xYJ97SNCO8ZfG98puMvYP3CZlg3b5uP373PYpXdZ59knXlKVVQR4qiMGkqm3WLRAVbw00nmq1QdJ33vaFRkdqon4BfyBAx5Unq8S4_A-9Vwrnw/s400/5.png" width="348" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1TT36S17ExhDkeN9n8gNsQpOSTyAbAatXQjDjocPv3lADIbJyWdX7MO3y6-UbUEtP7BCsllEc5r9NZn5Uoq61-7zCobBHPHI5eH4Xfi7l4tP3a6cCSZ-R3vpBd5Ubmx5GBNOIK3xQESno/s1600/6.png" imageanchor="1"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1TT36S17ExhDkeN9n8gNsQpOSTyAbAatXQjDjocPv3lADIbJyWdX7MO3y6-UbUEtP7BCsllEc5r9NZn5Uoq61-7zCobBHPHI5eH4Xfi7l4tP3a6cCSZ-R3vpBd5Ubmx5GBNOIK3xQESno/s400/6.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Ahora para poder ver el texto de manera inclinada debemos de cambiar los valores en el <i>Rect Transform</i>, para mi estos son los valores que me funcionaron tanto en la <i>Posición y en la Rotación</i>, puedes probar la que mas te guste.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibU47DJuytNKI6AZJG0WMp-EWR8G8UskIZTr3ZwmnS_n0g9mhPDsPsSaJdS-Gbm9_II3jjtkO6E_2nle1SGJuJ9j3ACXE0TddoPL6WZUHrl8vtt11dl6k_qC4dHjpRIkxqIWR8TZH5pOR2/s1600/7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibU47DJuytNKI6AZJG0WMp-EWR8G8UskIZTr3ZwmnS_n0g9mhPDsPsSaJdS-Gbm9_II3jjtkO6E_2nle1SGJuJ9j3ACXE0TddoPL6WZUHrl8vtt11dl6k_qC4dHjpRIkxqIWR8TZH5pOR2/s400/7.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lrKJlOLAADZNtX-Bp76mT74tZNDNhCtLtN2h5B-JS_dIUo542vfmv1VLgmciQHzKMkGFUwcmwhLoJNXrQhMt40Oc2bYVgKgcbZIpXRwS2EGWuyLkMMF5TDDBAZJ-MC0RMUTy0-Q5rCU3/s1600/8.png" imageanchor="1"><img border="0" height="488" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lrKJlOLAADZNtX-Bp76mT74tZNDNhCtLtN2h5B-JS_dIUo542vfmv1VLgmciQHzKMkGFUwcmwhLoJNXrQhMt40Oc2bYVgKgcbZIpXRwS2EGWuyLkMMF5TDDBAZJ-MC0RMUTy0-Q5rCU3/s640/8.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Ahora crearemos la movilidad del texto, para ello crearemos un <i>C# Script </i>y lo llamaremos texto, y se lo asignamos al<i> Texto 3D</i>. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfCiJy6z8UNBZXCQkWp5iG2yL9zJdlcTPTUX6O7r674zMKDL6znYC5Hnk9wtx0xk0EY1ZRp3sAArRWB82v2RTjxt7ieRs1TQjYpySle5uvy5k2W-_bCOd9Iu25S35geFiUbclytZ5xLWTp/s1600/9.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfCiJy6z8UNBZXCQkWp5iG2yL9zJdlcTPTUX6O7r674zMKDL6znYC5Hnk9wtx0xk0EY1ZRp3sAArRWB82v2RTjxt7ieRs1TQjYpySle5uvy5k2W-_bCOd9Iu25S35geFiUbclytZ5xLWTp/s640/9.png" width="488" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Ahora con el <i>Script</i> asignado le damos doble clic y colocamos el siguiente código.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ0DPu5lKEyxHpNW8aTchWFafLtJYtZckCj2EmbJ4vSgiMX39tvXU1W-gJmh3YLJxv5qouN7TlDE4D528cKpBuJPLLrwBhwhYr7jCVQ-j9LO8uMT0JUS2LVfc9ncrktSRQWLZuA2zdl-3/s1600/10.png" imageanchor="1"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ0DPu5lKEyxHpNW8aTchWFafLtJYtZckCj2EmbJ4vSgiMX39tvXU1W-gJmh3YLJxv5qouN7TlDE4D528cKpBuJPLLrwBhwhYr7jCVQ-j9LO8uMT0JUS2LVfc9ncrktSRQWLZuA2zdl-3/s640/10.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.- Ahora de nuestra carpeta de Recursos seleccionamos la canción del intro y se la asignamos a <i>Main Camera</i> para cuando le demos <i>Play</i> suene la música épica.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW0GH_yHwGAqbbMbbLkKIWWK9KvC5BvfKH3ss-7ORXaHEd8XexQGrtjFhLIpO5ucvrVXVeEGAWUwToTxcT8yiya60ZpvePcyUkri5yVgktUsZm7PFGt4OxNE8qtOV-Qvy1CTB0msJ6OOpT/s1600/11.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW0GH_yHwGAqbbMbbLkKIWWK9KvC5BvfKH3ss-7ORXaHEd8XexQGrtjFhLIpO5ucvrVXVeEGAWUwToTxcT8yiya60ZpvePcyUkri5yVgktUsZm7PFGt4OxNE8qtOV-Qvy1CTB0msJ6OOpT/s320/11.png" width="252" /></a></div>
<div style="text-align: justify;">
<br /></div>
<br />
<span style="font-size: large;">TERMINANDO </span><br />
<br />
9.- Ahora que hemos hecho todo esto toca dar al botón de Play y obtenemos el siguiente resultado.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzwSwqzhZUhd5EN1SfN2PX-Qw-e2N8XXbld2nAdPTWJUeW0_zyBX8InRiSsr9pEcmEYN5uqh42PO_cNYnSiXUTZFZKOXOBrrfTdfVQADM-ziVzdyQqtcmbLo6Rb6_Xyt91HoErct2RXQL/s1600/12.png" imageanchor="1"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzwSwqzhZUhd5EN1SfN2PX-Qw-e2N8XXbld2nAdPTWJUeW0_zyBX8InRiSsr9pEcmEYN5uqh42PO_cNYnSiXUTZFZKOXOBrrfTdfVQADM-ziVzdyQqtcmbLo6Rb6_Xyt91HoErct2RXQL/s640/12.png" width="640" /></a><br />
<br />
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium; text-align: justify;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large; text-align: justify;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium; text-align: justify;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span><br />
<br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-57062772748719255272018-12-02T16:29:00.002-08:002018-12-02T16:29:27.749-08:00Manipulando Actors en UE4+<div style="text-align: justify;">
<span style="font-size: x-large;">En esta ocasión vamos a manipular Actors, que son los objetos que utilizamos en UE4+, vamos aprender a como movernos, como escalarlos y como rotarlos para entender un poco su funcionamiento.</span></div>
<br />
<span style="font-size: large;">EMPEZANDO</span><br />
<span style="font-size: large;"><br /></span>
<div style="text-align: justify;">
1.- Creamos un nuevo proyecto o si tenemos uno ya existente podríamos abrirlo, los<b> Actors</b> son todos los objetos con los que manejamos en <i>UE4,</i> estos tienen una serie de propiedades y son de todo tipo. Vamos a aprender a usar los <b>Actors</b> en <i>UE4</i>. Si el proyecto que iniciaste tiene el <i>Starter Content, </i>vamos a usar los objetos que viene en esa carpeta, si no intenta crear un nuevo proyecto en blanco con el <i>Starter Conten</i>t ya que este contiene muchos cosas a utilizar.</div>
<div style="text-align: justify;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpfT2zh3tzmQtFDsmeSas5L4MMc7PLrwsYPz7_MHst_MB4gflOLdynq88hBCZe94azA3PIs44-rFkw93eyONGun-29F5dpfr_zCDEGQDVMiECilmxeJsrvEIvo2mZjCFzWtzkUb-kzEYYh/s1600/1.png" imageanchor="1"></a><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpfT2zh3tzmQtFDsmeSas5L4MMc7PLrwsYPz7_MHst_MB4gflOLdynq88hBCZe94azA3PIs44-rFkw93eyONGun-29F5dpfr_zCDEGQDVMiECilmxeJsrvEIvo2mZjCFzWtzkUb-kzEYYh/s640/1.png" width="640" /><br />
<br />
<div style="text-align: justify;">
2.- En la carpeta <i>Starter Content</i> le damos doble clic y buscamos otra carpeta llamada <i>Props</i> y la abrimos aquí podemos utilizar algunos objetos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWbZaTUTh9JRL6-ECe47og4KMrGBhCSH4Q7QSYkg5rl4nSrj76d2gp3bNs2W9Kay5ILjStG8hG6Kx36GlNLBmrD-4RgdKLTIWMmP3zOpVbckny4rPzSmU23jRvO0h626jvAFDlknJZVvq/s1600/2.png" imageanchor="1"><img border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWbZaTUTh9JRL6-ECe47og4KMrGBhCSH4Q7QSYkg5rl4nSrj76d2gp3bNs2W9Kay5ILjStG8hG6Kx36GlNLBmrD-4RgdKLTIWMmP3zOpVbckny4rPzSmU23jRvO0h626jvAFDlknJZVvq/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Tomaremos de los objetos de esta carpeta el<b> SM_Couch</b> lo seleccionamos y lo arrastramos a la escena. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcMZHUHVmioOFaZIfJmupWArLnHoBHO0Nri3BMsJ_iHPPB7c5fTpha7BLya12XX8xtvgM3tdmx7g1kIWPalFrw53e_ishAN4r-kdsqAY7IXS6kC5BHIiFzqEXYZFEc7flBxgRj3j6xKD9K/s1600/3.png" imageanchor="1"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcMZHUHVmioOFaZIfJmupWArLnHoBHO0Nri3BMsJ_iHPPB7c5fTpha7BLya12XX8xtvgM3tdmx7g1kIWPalFrw53e_ishAN4r-kdsqAY7IXS6kC5BHIiFzqEXYZFEc7flBxgRj3j6xKD9K/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora podremos manipular este <b>Actor</b>, vamos a usar las herramientas de <i>Transformación</i>, la cual consisten en la <i>posición del Actor, Escala y Rotación</i> el cual podemos ver en la escena en la parte de arriba por default nos sale la opción de posicionar el objeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXFJMO1FaUV7DBbFcKJ7yzkVMrdhoxI9SEuzPztV-UqZbuYTTKOIxRXQzMb3TG2EzJhbz6C3pf7-NYDVR1gAaYHi9WJAle2FpkBtL128CGgEpGY2jF07q043p1jleHZIoopKDMfnYYgFD/s1600/4.png" imageanchor="1"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXFJMO1FaUV7DBbFcKJ7yzkVMrdhoxI9SEuzPztV-UqZbuYTTKOIxRXQzMb3TG2EzJhbz6C3pf7-NYDVR1gAaYHi9WJAle2FpkBtL128CGgEpGY2jF07q043p1jleHZIoopKDMfnYYgFD/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Puedes mover el objeto donde quieras usando las flechas de colores que te aparecen, en las <i>posiciones X, Y y Z</i>, puedes probar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSXDOpfLROmVCWmjSDUKgWefvv5eSbLZqu_CO78vIwfqqbBJ7c6pJjp_nHnl-7SMQZpNZZmzWMr0BlfYASELEG5slVHmGvdZEeV6XIsDiZo8cW6MmawdJXDiyNRvIqZusOcTOhpPSbAeY/s1600/5.png" imageanchor="1"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSXDOpfLROmVCWmjSDUKgWefvv5eSbLZqu_CO78vIwfqqbBJ7c6pJjp_nHnl-7SMQZpNZZmzWMr0BlfYASELEG5slVHmGvdZEeV6XIsDiZo8cW6MmawdJXDiyNRvIqZusOcTOhpPSbAeY/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Ahora si seleccionas el siguiente botón o presionas la <i>tecla E</i> podrás empezar a rotar el objeto, ahora notaras que las flechas de colores que aparecían antes ahora son sustituidas por lo siguiente, puedes manipular y rotar también.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqIncnZYaEyHbHOIbDx0tSQnoTeiOJLJzUGg6F4WE9aaqIta4_HafPRdMHLanmT9Pugcruv0AygpDkx8OSvAzemIYkTSj_HuWc4W5Sl2LuKP2ztQfhcJMo35j6B9URlProud6oWBOEHolk/s1600/6.png" imageanchor="1"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqIncnZYaEyHbHOIbDx0tSQnoTeiOJLJzUGg6F4WE9aaqIta4_HafPRdMHLanmT9Pugcruv0AygpDkx8OSvAzemIYkTSj_HuWc4W5Sl2LuKP2ztQfhcJMo35j6B9URlProud6oWBOEHolk/s640/6.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUA7-kAeOtWnn64327YlRE4N-4PoHg4ccliWL_bkPCFfzB1h9JJv8P-jH_JgsB4hOlgWmNaTNdqzWFaBhpYVJEbY2ljOJJu7tN2hHjmaQ-duRzwVecFcr67rIPcdiSz5_N-SnrSM9epJd/s1600/7.png" imageanchor="1"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoUA7-kAeOtWnn64327YlRE4N-4PoHg4ccliWL_bkPCFfzB1h9JJv8P-jH_JgsB4hOlgWmNaTNdqzWFaBhpYVJEbY2ljOJJu7tN2hHjmaQ-duRzwVecFcr67rIPcdiSz5_N-SnrSM9epJd/s640/7.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Ahora nos situamos en el siguiente botón o podemos usar la <i>tecla R</i> para poder escalar el objeto, ahora nos saldrá el siguientes colores pero con cubos, podemos escalar el objeto dependiendo el color que seleccionemos, si le damos en el cubo blanco que esta en el centro, podremos escalarlo en todas direcciones, puedes intentar probar escalarlo. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzMeOk3nnKZyWJoaj3pvkgNYN0_v7Ra8tYSrsK9cEN4cuufkM28gSosJ7UPwvJ-yUmfrJ6W_NLJIsORO0YDhwjM0noDKYNSPAT-KKqP4smojdArplh1OBrCr6i5exk_-QjNlV8SLu-JBq/s1600/8.png" imageanchor="1"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzMeOk3nnKZyWJoaj3pvkgNYN0_v7Ra8tYSrsK9cEN4cuufkM28gSosJ7UPwvJ-yUmfrJ6W_NLJIsORO0YDhwjM0noDKYNSPAT-KKqP4smojdArplh1OBrCr6i5exk_-QjNlV8SLu-JBq/s640/8.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-kXQCkA-yrTExFDKSwQ3V_G60zaKpLRrnzYgoYEY_gGFYAQZ1CMmt0049M-JxB18H9I-eUb7mo8NnD4nyAKyc8Zljc50mbqQFbBTetaViO0o7eGtjbFJuXv3kuQJQTsf276HMbJWmBIy/s1600/9.png" imageanchor="1"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-kXQCkA-yrTExFDKSwQ3V_G60zaKpLRrnzYgoYEY_gGFYAQZ1CMmt0049M-JxB18H9I-eUb7mo8NnD4nyAKyc8Zljc50mbqQFbBTetaViO0o7eGtjbFJuXv3kuQJQTsf276HMbJWmBIy/s640/9.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<br />
<span style="font-size: large;">TERMINANDO</span><br />
<span style="font-size: large;"><br /></span>
8.- Para terminar, seleccionado el <b>Actor</b> podemos cambiar estos valores en la ventana <i>Detalles </i>que se encuentra a la derecha de la escena en la parte de <i>Transformación</i> ahí podemos cambiar esos valores y obtendremos también cambiar lo que queramos, <i>escala, rotación o la ubicación</i>.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMR-gvlYRrOmQR_qIHGlMNxpwz7PNker6NiV_wv9iNnBfscYtnLo1doIPT9nCNKCCpRcFoEuUe_U88mDyt50O1alIB3db97QzrfTjIz8mLVTwdRKHcUirF02dLzl-eY5rHIxSTksBtJsLZ/s1600/10.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMR-gvlYRrOmQR_qIHGlMNxpwz7PNker6NiV_wv9iNnBfscYtnLo1doIPT9nCNKCCpRcFoEuUe_U88mDyt50O1alIB3db97QzrfTjIz8mLVTwdRKHcUirF02dLzl-eY5rHIxSTksBtJsLZ/s640/10.png" width="408" /></a><br />
<br />
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium; text-align: justify;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large; text-align: justify;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium; text-align: justify;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span><br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-38892938478261721192018-12-02T12:17:00.001-08:002018-12-02T12:17:33.153-08:00Creando un TileSet y un TileMap en Godot 3<div style="text-align: justify;">
<span style="font-size: x-large;">En este tutorial crearemos un TileSet y un TileMap para poder crear niveles en Godot 3, con estas herramientas podremos crear diversos niveles y editarlos a voluntad.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.- Para comenzar necesitaremos crear un proyecto en <i>Godot 3</i>, una vez que lo hayamos creado necesitaremos agregarle los recursos que necesitaremos, para ello usaremos imágenes <i>.PNG</i> u otro formato que desees, usares <i>PNG</i> por la transparencia, bien como queremos construir un nivel necesitaremos imágenes de acuerdo a la creación del nivel, una vez que hayas escogido las imágenes tienes que agregarlas al proyecto para ello debes ubicar la ruta de tu proyecto y si lo deseas crear una carpeta y ahí meter las imágenes para tener un orden y en <i>Godot</i> ya nos tendría que aparecen las imágenes que agregamos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEEYrkWybnsA7RkIjxSgBIKAms8QAJfYHjQl0f6ungFO1giziI2-Mb7kGgGrhAi5T3WqshAJOUURuBepm28VmOnmH48ID_5-f0ceq0yk0xjlIHfmqRU9_YWkNIT0UoQAGdcY6oLiE9e7wl/s1600/1.png" imageanchor="1"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEEYrkWybnsA7RkIjxSgBIKAms8QAJfYHjQl0f6ungFO1giziI2-Mb7kGgGrhAi5T3WqshAJOUURuBepm28VmOnmH48ID_5-f0ceq0yk0xjlIHfmqRU9_YWkNIT0UoQAGdcY6oLiE9e7wl/s320/1.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppBXrXh6Q4IA0JtiiQKw7sTok9SA_IgIi0YC-5jC9a3vf8tPvbOUUwQ8zdiwI7eL0SWlWGyWm4wuL5JTvEfvbUf53xU33_JqhDNnd5fT6USrV6Kx1tDXi0Ger65O61moBEVTlBYnxyb4N/s1600/2.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppBXrXh6Q4IA0JtiiQKw7sTok9SA_IgIi0YC-5jC9a3vf8tPvbOUUwQ8zdiwI7eL0SWlWGyWm4wuL5JTvEfvbUf53xU33_JqhDNnd5fT6USrV6Kx1tDXi0Ger65O61moBEVTlBYnxyb4N/s400/2.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4e3su7G0pp7yOPQVkTRFxzgOt5BhFZfGyFU0kSKx-T4gNst0DMvKRCkyR3tH1GeW1XErxrel3M3EvBbxKqyjM0qeXeVlxca6THy-PuHwm8z7WgsfjXyuYGyQv7upW68MyPqgtpRjFqIez/s1600/3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4e3su7G0pp7yOPQVkTRFxzgOt5BhFZfGyFU0kSKx-T4gNst0DMvKRCkyR3tH1GeW1XErxrel3M3EvBbxKqyjM0qeXeVlxca6THy-PuHwm8z7WgsfjXyuYGyQv7upW68MyPqgtpRjFqIez/s400/3.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- El siguiente paso es crear nuestro <b>TileSet</b> que sera un recurso que utilizaremos para después poder usar nuestro <b>TileMap</b>, entonces lo primero que hacemos es cambiar la vista si aun no lo esta a <i>2D</i> e ir a la ventana o <i>Dock Scene</i> dar en el botón "+" y agregar un <i>Node 2D.</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinWFlnZUsvybXMMHMX9vzXaJXC8Y9Jy5SvPpqy3hjwJEHOxBN64V1I6vq7l3Ko4jbCZJ9vg9TdNnV4x-y3a4pU2w-_MhG4gi5Z4sSpCXNSfr0N3QmxNAAeKkWpquv0xnAC2u8jTRhHpDMc/s1600/4.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinWFlnZUsvybXMMHMX9vzXaJXC8Y9Jy5SvPpqy3hjwJEHOxBN64V1I6vq7l3Ko4jbCZJ9vg9TdNnV4x-y3a4pU2w-_MhG4gi5Z4sSpCXNSfr0N3QmxNAAeKkWpquv0xnAC2u8jTRhHpDMc/s400/4.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcyFA0lbadiLgN2mdPqPxfNgh3DIbDUUpo8t0v9UApcP546kC3DMkfb8R28N8w004914EPC2J1a2Q76K_xtt1xhNipF4TA-Eo59D42r9ia4iRZV93LOrO3-QP20TJQ-EAfqnT3cMfgjGyj/s1600/5.png" imageanchor="1"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcyFA0lbadiLgN2mdPqPxfNgh3DIbDUUpo8t0v9UApcP546kC3DMkfb8R28N8w004914EPC2J1a2Q76K_xtt1xhNipF4TA-Eo59D42r9ia4iRZV93LOrO3-QP20TJQ-EAfqnT3cMfgjGyj/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMuVhPGvJs9x132d7nNxsruGKJRNOpqQPQwltjHzMrBghJbVrgqPwm1BFCuL6QhhXWVlPCEvIo8c6Z132cx8F2udcUtChstt7bwVBcAEaXNZAvg3_-P10xx0juYbdhf8iqlUm0gM-6PZEF/s1600/6.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMuVhPGvJs9x132d7nNxsruGKJRNOpqQPQwltjHzMrBghJbVrgqPwm1BFCuL6QhhXWVlPCEvIo8c6Z132cx8F2udcUtChstt7bwVBcAEaXNZAvg3_-P10xx0juYbdhf8iqlUm0gM-6PZEF/s400/6.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Ahora que hemos creado nuestro nodo raíz, agregaremos un nodo <i>Sprite</i> que le asignaremos nuestras imágenes que representaran al nivel de la siguiente forma, al <i>Node2D</i> creado le daremos clic derecho y le daremos <i>+Add Child Node</i>, ahora buscaremos <i>Sprite</i> y agregaremos uno.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdazh6OclCr9VwPCI9cSQJGyldcg7XOteQGwjGzcUQLaz3ckWKK6UivdZlLTiGE9ae2plKXqcmUsj6-0A6-19TJCtX2Lckzi6wG3FD5V9p4U49vrFo01mAbIk_ahZjbSVqDdIi7F6_-at/s1600/7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdazh6OclCr9VwPCI9cSQJGyldcg7XOteQGwjGzcUQLaz3ckWKK6UivdZlLTiGE9ae2plKXqcmUsj6-0A6-19TJCtX2Lckzi6wG3FD5V9p4U49vrFo01mAbIk_ahZjbSVqDdIi7F6_-at/s400/7.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic14mhNgKydNw4cZb2aZMupSBBBhKVWcVuRnDaikIYYXjL8dLb1dCEW-qoj8CXyUckMi_VTHZCbmmOCEF4qpCak7RVcL9eYzCkpwqTlx_ju-2rc6rAWUozEXj1SnKoZgFLJZUVeVeuYYzt/s1600/8.png" imageanchor="1"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic14mhNgKydNw4cZb2aZMupSBBBhKVWcVuRnDaikIYYXjL8dLb1dCEW-qoj8CXyUckMi_VTHZCbmmOCEF4qpCak7RVcL9eYzCkpwqTlx_ju-2rc6rAWUozEXj1SnKoZgFLJZUVeVeuYYzt/s640/8.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbLh0rXdmIdlQgi6KruoGXemMRRzHpG4P6nlMxvBQ48prwzdbUVbG-LBXITyqTo_Fowf3jjWVIbZ2UXl7IQCw_x0jy90dbzFjy6z7Am3MB547E3DW3-3Dnq70UdpDIIW3ZAUFEcGFsGnQ/s1600/9.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbLh0rXdmIdlQgi6KruoGXemMRRzHpG4P6nlMxvBQ48prwzdbUVbG-LBXITyqTo_Fowf3jjWVIbZ2UXl7IQCw_x0jy90dbzFjy6z7Am3MB547E3DW3-3Dnq70UdpDIIW3ZAUFEcGFsGnQ/s400/9.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Nos situamos en nuestra carpeta donde están las imágenes y con el <i>Sprite</i> seleccionado arrastramos una de las imágenes donde se encuentra <i>Texture <null></i> y esto le asignara la imagen, en la ventana de la escena podemos ajustar la imagen por si se saliera. Existen otros nodos que se pueden agregar para darle mas vida, por ejemplo el <i>StaticBody2D y el CollisionShape2D</i> como hijos del <i>Sprite</i>, pero de momento solo los mencionare y lo realizaremos cuando lo ocupemos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-U0U0JRusvdewQZbWLpnyTBoX2Ky646rwHiJLOxf5zFG8AhU3vwEZXRikft20maqU8A1yc2igq3mcOMMjuF4uwSBE_La3OoAtszVWNSVFTt4VrIgbw7Lw7iN9V_4LBR3s8RxHjEmcC9C/s1600/10.png" imageanchor="1"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-U0U0JRusvdewQZbWLpnyTBoX2Ky646rwHiJLOxf5zFG8AhU3vwEZXRikft20maqU8A1yc2igq3mcOMMjuF4uwSBE_La3OoAtszVWNSVFTt4VrIgbw7Lw7iN9V_4LBR3s8RxHjEmcC9C/s640/10.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-SMLUK0p5NjwMA2f3_y255hvo-7lu2bFOySoKl9zu6Ro3HPEg9OAEZ0rfDHxULOy1uxh4pcbu-FBfVfUnWjLXaUZSbDG8mBOi8eyvlKRxVzw_gNdy533115hdryPX__IxT0Dz7OWyZTh/s1600/11.png" imageanchor="1"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-SMLUK0p5NjwMA2f3_y255hvo-7lu2bFOySoKl9zu6Ro3HPEg9OAEZ0rfDHxULOy1uxh4pcbu-FBfVfUnWjLXaUZSbDG8mBOi8eyvlKRxVzw_gNdy533115hdryPX__IxT0Dz7OWyZTh/s640/11.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Repetimos los pasos 3 y 4 para agregar las demás imágenes si es que tenemos mas de una, si no deseas repetir el proceso solo puedes darle <i>Ctrl + D</i> seleccionando el primer <i>Sprite</i> y este hará una copia, y solo arrastras la imagen sustituyendo la que ya tiene, recuerda acomodarlo en la escena.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAq8g_y08tRhRoTmcprFzllN_faAerKMgfnhFoLbtyVEkcFD32x801OrDHRkHWjWA9VjW_xi69Z1jpAIkTZwUWw-AJWXU6zsnY-LqGlQxiZdr6XgTzYIt2BGPsJriF73UvYnXG2WW0WEi/s1600/12.png" imageanchor="1"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAq8g_y08tRhRoTmcprFzllN_faAerKMgfnhFoLbtyVEkcFD32x801OrDHRkHWjWA9VjW_xi69Z1jpAIkTZwUWw-AJWXU6zsnY-LqGlQxiZdr6XgTzYIt2BGPsJriF73UvYnXG2WW0WEi/s640/12.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Ahora guardaremos la escena y le daremos un nombre.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZzHJgie-ZaG-o3mwcC2SQpir7OKX1tdNQvIlys9x5zPHNl0GxCbcvJ7-4IbmdfpXuGZZxWXFbPlA-R_9oG5lCWCgcHPblsjV3MCdBIBAQzDHLEbMLgzSsUC0XR-vcMVt1aUMrMJ8AQ5m/s1600/13.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZzHJgie-ZaG-o3mwcC2SQpir7OKX1tdNQvIlys9x5zPHNl0GxCbcvJ7-4IbmdfpXuGZZxWXFbPlA-R_9oG5lCWCgcHPblsjV3MCdBIBAQzDHLEbMLgzSsUC0XR-vcMVt1aUMrMJ8AQ5m/s400/13.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5erLQFzx5dNHc5qEbkLOVmIeF4ZByP6AwRFZnSGgJ5JYqGMV47EZPY5-P95lvRqqo0S4_YuMHHuTJrmS7UmNrWQwjbqX2mDyKm_fHdmh8tMfPTWi8ptcU5jMuwKNU8fWdKDFOR54ThLIR/s1600/14.png" imageanchor="1"><img border="0" height="536" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5erLQFzx5dNHc5qEbkLOVmIeF4ZByP6AwRFZnSGgJ5JYqGMV47EZPY5-P95lvRqqo0S4_YuMHHuTJrmS7UmNrWQwjbqX2mDyKm_fHdmh8tMfPTWi8ptcU5jMuwKNU8fWdKDFOR54ThLIR/s640/14.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHwC9_0fKKEVVJ7iG3Cw-ryXpZTb35yyBx5MIHXcPkWqkvDdkHVYLxxQJOZJI1n2c3YySzJwt86cPNZ37WFgO69lFDv0kEaBvBHqjSM4vcLGh2IpyeUTunx3BKhHNj7VepKEJ4H-7bKbT/s1600/15.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHwC9_0fKKEVVJ7iG3Cw-ryXpZTb35yyBx5MIHXcPkWqkvDdkHVYLxxQJOZJI1n2c3YySzJwt86cPNZ37WFgO69lFDv0kEaBvBHqjSM4vcLGh2IpyeUTunx3BKhHNj7VepKEJ4H-7bKbT/s400/15.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Ahora lo convertiremos en un<i> Recurso</i> para poderlo utilizar, para ello nos vamos a el menú<i> Scene > Convert To > TileSet..</i> y le daremos un nombre con extensión .res.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gJs53ZOIPdUiDcqP1NR5fmxTBPqj9XHyklZxD3BkGmwrYRAvlyeMeS5qsjCDeVPqy0hh2oxyGi2W3vL5BAg24mGVhKROq50t9IxK0WTFRo0nc4erXyL6asrDuoArwoZAs0uEZ2Bs7561/s1600/16.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gJs53ZOIPdUiDcqP1NR5fmxTBPqj9XHyklZxD3BkGmwrYRAvlyeMeS5qsjCDeVPqy0hh2oxyGi2W3vL5BAg24mGVhKROq50t9IxK0WTFRo0nc4erXyL6asrDuoArwoZAs0uEZ2Bs7561/s640/16.png" width="456" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZUlrLqyZhgo7WYVfedWpE4c4LEaKamZJsyHCsCvxb628a9UlsQdYhIT8oAI1_rFbiMgs7DNbsJQ1h5xI6SU1SgR0Y30I9jcX_7l8i5cDc7UcLZbCNxU89U3iN_zWOTUnrg1-3Q-KrduV/s1600/17.png" imageanchor="1"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZUlrLqyZhgo7WYVfedWpE4c4LEaKamZJsyHCsCvxb628a9UlsQdYhIT8oAI1_rFbiMgs7DNbsJQ1h5xI6SU1SgR0Y30I9jcX_7l8i5cDc7UcLZbCNxU89U3iN_zWOTUnrg1-3Q-KrduV/s640/17.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DmjhagyykKcELIX3vszuOxHGyJGzlN9j3YINpE0H4mLU0tsPIX90mubi-C7PeG7kVN63mV2RAmtmorvR8Ibw6Hi6hv_ykYZoD0nXp00yMBUu01X2NPxf_env8HrQO_kdigy-6dSt1G8f/s1600/18.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DmjhagyykKcELIX3vszuOxHGyJGzlN9j3YINpE0H4mLU0tsPIX90mubi-C7PeG7kVN63mV2RAmtmorvR8Ibw6Hi6hv_ykYZoD0nXp00yMBUu01X2NPxf_env8HrQO_kdigy-6dSt1G8f/s320/18.png" width="190" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.- Ahora que ya hemos creado nuestro<i> Recurso</i> podemos borrar los <i>Sprites</i> de la escena dejando solo el <i>Node2D.</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hLGmUOmHQrJSPJWUXeuEbznRdm3ghZhKzonWel-Zn99f4GtDq9GPMsSJlQAsbZblMhtRiubDnw9CsyGIWSxYcXT6Itp3-f5BOp7wTQzro6zV5T62sjyjtIUA3tXxAxefgPQ0ozpvAV1B/s1600/6.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hLGmUOmHQrJSPJWUXeuEbznRdm3ghZhKzonWel-Zn99f4GtDq9GPMsSJlQAsbZblMhtRiubDnw9CsyGIWSxYcXT6Itp3-f5BOp7wTQzro6zV5T62sjyjtIUA3tXxAxefgPQ0ozpvAV1B/s400/6.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
9.- Ahora crearemos nuestro <b>TileMap</b>, para ello le daremos clic derecho al <i>Node2D +Add Child Node </i>y buscaremos <b>TileMap</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUipE4H9aLeg1ddxyUYLx2bLegt3_GPIiCRyDxnCv85m_PQQAGpi13egiVo91ttUW5_M3lFvGalZj2HdkUTKjsK4_1w4VDRtlIB-okRMt1AeyHLgmRvJ5XSSD0w16O-fhb7Ww4n08-JUY/s1600/7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUipE4H9aLeg1ddxyUYLx2bLegt3_GPIiCRyDxnCv85m_PQQAGpi13egiVo91ttUW5_M3lFvGalZj2HdkUTKjsK4_1w4VDRtlIB-okRMt1AeyHLgmRvJ5XSSD0w16O-fhb7Ww4n08-JUY/s400/7.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34t98m53gs2M-3WshS6t7kQmPsPrVrGAEKDTI_Pgz4a0dzM2BwFmiw7L2TwZ69cfi9y841SOdIg_poxbCd4v5rp4JrqEp0kNA6cYcxLeaGZ2SyFe7OtwtoZcINVfjN7Vprc-TS0WmnOXx/s1600/19.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34t98m53gs2M-3WshS6t7kQmPsPrVrGAEKDTI_Pgz4a0dzM2BwFmiw7L2TwZ69cfi9y841SOdIg_poxbCd4v5rp4JrqEp0kNA6cYcxLeaGZ2SyFe7OtwtoZcINVfjN7Vprc-TS0WmnOXx/s640/19.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
10.- Nos creara una<i> Cuadricula o Grid</i>, ahora con el <b>TileMap</b> seleccionado, buscamos nuestro <b>TileSet</b> que habíamos creado en mi caso <i>tile.res</i> y lo asignamos en el inspector donde pone <i>Tile Set <null></i> y ahora nos aparecerá al lado izquierdo de nuestro <i>Grid</i> las imágenes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgccuxUw5uGpfUIFJ3GVw-hH6wr9ttTU13hfrptOHflC9z8oV6UUhHyxkjXJdoC6ByDrwCta73-sQ4JqS8DWo54symPRgttj0kweBe1L36ppl_RLeGivMmqIWvE3MpUXoTh5_trJGDrhU0O/s1600/20.png" imageanchor="1"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgccuxUw5uGpfUIFJ3GVw-hH6wr9ttTU13hfrptOHflC9z8oV6UUhHyxkjXJdoC6ByDrwCta73-sQ4JqS8DWo54symPRgttj0kweBe1L36ppl_RLeGivMmqIWvE3MpUXoTh5_trJGDrhU0O/s640/20.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFP0nfAfVxcS-eH3Npd07RPrmnxb__JCQhlH2XqOkFZZwsfQVBUDHFSSAjK3Wn2E9dA819tUwc3IQCrsFI3QB4uTfG7mtYz9fgmfQW3ZyvAuix9KtmKJv62GSHRjfoi93SaiLZ_fKRLut/s1600/21.png" imageanchor="1"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFP0nfAfVxcS-eH3Npd07RPrmnxb__JCQhlH2XqOkFZZwsfQVBUDHFSSAjK3Wn2E9dA819tUwc3IQCrsFI3QB4uTfG7mtYz9fgmfQW3ZyvAuix9KtmKJv62GSHRjfoi93SaiLZ_fKRLut/s640/21.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
11.- Intentamos construir un nivel con esta herramienta, puedes probar las herramientas que están en la parte de arriba de las imágenes estas contienen opciones para poder manipular las imágenes y así terminaremos este tutorial.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7aRjb5GQX2ru5CQ0jHXioejMQYF8a577ZDST47Z55_SeUCGYH5uG9ZOLUqgN1q_AxHAimAi8T629SYP0dz9aXSu4WoFu7sSDo_o6vi_Nb1Z0_eu7uBPAlVy4rkmoNOj_gjMuGq9OW-aBD/s1600/22.png" imageanchor="1"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7aRjb5GQX2ru5CQ0jHXioejMQYF8a577ZDST47Z55_SeUCGYH5uG9ZOLUqgN1q_AxHAimAi8T629SYP0dz9aXSu4WoFu7sSDo_o6vi_Nb1Z0_eu7uBPAlVy4rkmoNOj_gjMuGq9OW-aBD/s640/22.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-20899556781479240932018-11-29T14:57:00.002-08:002018-11-29T14:57:44.944-08:00Reloj Digital Unity 2018<div style="text-align: justify;">
<span style="font-size: x-large;">En esta ocasión realizaremos un reloj digital usando GUI de Unity 2018, mostraremos horas, minutos y segundos.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.- Para este ejemplo utilizaremos una fuente con la extensión <i>.ttf</i> puedes descargar una <a href="https://www.dafont.com/es/" target="_blank">aquí</a>, lo primero que necesitaremos es la fuente y crear un proyecto <i>2D en Unity 2018</i>, crearemos una carpeta llamada <i>Fuentes</i> y ahí colocaremos la fuente que vamos a utilizar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzl7FwDQusyo11GZGbc8wUkc_c41548sH492fcnhmZtMuxwQ2Du8C8JK3OOLtR1RV2NQreKQqkhyphenhyphenOTIBIhbHeB4cgwu31qIeMvoAeGiM0q61NUV1ViB-9hWyVSdDEyXKOMsnaS9M2eGF2L/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzl7FwDQusyo11GZGbc8wUkc_c41548sH492fcnhmZtMuxwQ2Du8C8JK3OOLtR1RV2NQreKQqkhyphenhyphenOTIBIhbHeB4cgwu31qIeMvoAeGiM0q61NUV1ViB-9hWyVSdDEyXKOMsnaS9M2eGF2L/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Ahora en el panel de <b>Hierarchy o Jerarquía</b>, agregaremos con clic derecho en <i>UI > Text</i>, esto creara un<b> GameObject</b>, lo llamaremos <i>TextoReloj</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHizD86nYqOF1vl8CN-D4fdQD3HjVnwiH-x9m7XNlbtvkzTeGgDkCRJpMOgSan4pWg5U9ektw05FfwWMbgkceDoU3Dl2E8UiFxDF3Kd_j1vYa6HScSbUND7LhZKugpZa4amkVNf92PUwvL/s1600/2.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHizD86nYqOF1vl8CN-D4fdQD3HjVnwiH-x9m7XNlbtvkzTeGgDkCRJpMOgSan4pWg5U9ektw05FfwWMbgkceDoU3Dl2E8UiFxDF3Kd_j1vYa6HScSbUND7LhZKugpZa4amkVNf92PUwvL/s400/2.png" width="395" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhF9EC8n3naAm2R7WncBQrxZWUG9REMcT7SpgXTAnIwj8b-K6_jAx4lcjwvVaMwNIJS8CH7s5enRHHY5NAsmfpokPA7BSOERSGnhIAU786SjwFsXW6tOTu8or3_dM3cjsTJt93Aka0wDz/s1600/3.png" imageanchor="1"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhF9EC8n3naAm2R7WncBQrxZWUG9REMcT7SpgXTAnIwj8b-K6_jAx4lcjwvVaMwNIJS8CH7s5enRHHY5NAsmfpokPA7BSOERSGnhIAU786SjwFsXW6tOTu8or3_dM3cjsTJt93Aka0wDz/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Ahora hay que cambiar algunas propiedades del Texto en el <i>Inspector</i>, con el texto seleccionado nos situamos en las siguientes propiedades, el texto podemos dejarlo con <i>00:00:00</i> ya que este texto se sustituirá con el <i>Script, en Font</i> colocamos nuestra fuente que descargamos, el tamaño de la fuente le podemos dejar un numero que queramos por ejemplo lo dejare en 90, la alineación la dejaremos en horizontal y vertical centrado y el <i>Overflow</i> de vertical y horizontal lo dejaremos en<i> Overflow</i> ambas y el color de la fuente la dejaremos en blanco, para que se centre mas a la ventana nos situamos en <i>Rect Transform</i> le damos clic a los Anchor o el cuadro con una mira y seleccionamos top y center.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcCSB2UM-OrKlIO5NA3FgPb0qtot4yQ0WzenQu9ilvLR2vCN_FIqmaY84zY3_MEni0qUhWnbyvf162ghcl-fP9OuOzEImI8z03RHjmD8UGNRwjuQ_VX_VW6-O79cPrGnBXJXFPK4NJvLdB/s1600/4.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcCSB2UM-OrKlIO5NA3FgPb0qtot4yQ0WzenQu9ilvLR2vCN_FIqmaY84zY3_MEni0qUhWnbyvf162ghcl-fP9OuOzEImI8z03RHjmD8UGNRwjuQ_VX_VW6-O79cPrGnBXJXFPK4NJvLdB/s320/4.png" width="293" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznSyYRRw0EMhmw8KdTH34wW6ZMUjKC5AavlYnms4JGHCUQWUYSwu0Ucszvxy-fNdF0A37JuHgZjOXoeOSMJBl5U64G0xyJRox5HUoZwfug3bG8KsMnm5ExoDCfscanrwx0tVLU97Yn425/s1600/5.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznSyYRRw0EMhmw8KdTH34wW6ZMUjKC5AavlYnms4JGHCUQWUYSwu0Ucszvxy-fNdF0A37JuHgZjOXoeOSMJBl5U64G0xyJRox5HUoZwfug3bG8KsMnm5ExoDCfscanrwx0tVLU97Yn425/s400/5.png" width="310" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Para ver como va quedando le podemos dar al botón de<i> Play y en Maximize on Play </i>para ponerlo en toda la pantalla</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLweRvbyFJnOGb6lVS_SqWwyitbGvGggJn647jNUzCTbMlf6x5zxxccGhXDcjyppCNGVwPXsyjzPz71EOg8xqs4IV0P29giW-4KLNorRgeH9K6KQyfuF-CIQs9DzKk2tq-LymuO5j2nq9/s1600/6.png" imageanchor="1"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLweRvbyFJnOGb6lVS_SqWwyitbGvGggJn647jNUzCTbMlf6x5zxxccGhXDcjyppCNGVwPXsyjzPz71EOg8xqs4IV0P29giW-4KLNorRgeH9K6KQyfuF-CIQs9DzKk2tq-LymuO5j2nq9/s400/6.png" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
5.- Ahora crearemos un <i>Script</i> para darle funcionalidad, para ello si lo deseamos podemos crear una carpeta llamada<i> Scripts</i> y ahí darle clic derecho <i>Create > C# Script,</i> lo llamaremos reloj</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9PYMHUosUqW5fv66-AMB9ByteljRHST9lhR0UJK8oBO76ftnpWHI_6jrqybfzTkTrqyL3cOXH8w8xmPVMgvMOOjbdoalbP9huctaliWZMTPxk49zjS5iMwZRUdgOFK4lJL5DwzKRLko9/s1600/7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9PYMHUosUqW5fv66-AMB9ByteljRHST9lhR0UJK8oBO76ftnpWHI_6jrqybfzTkTrqyL3cOXH8w8xmPVMgvMOOjbdoalbP9huctaliWZMTPxk49zjS5iMwZRUdgOFK4lJL5DwzKRLko9/s400/7.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Seleccionamos el <i>TextoReloj</i> y en la carpeta <i>Script</i> arrastramos al <i>TextoReloj</i> para agregar el <i>Script.</i> </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1WYCyVz_mh3utKwluELpkhlLnxWKP1P9a4B6nRCW2WvtZjFQa2EeWEGPHpUM-u0_qJvnLM4dB6nAwCtf40nwNS8OGlOGhQ6IjnUB6OQquTE870Qn2j3beXbnJSrIesyFZFtx2TLPrKcC/s1600/8.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1WYCyVz_mh3utKwluELpkhlLnxWKP1P9a4B6nRCW2WvtZjFQa2EeWEGPHpUM-u0_qJvnLM4dB6nAwCtf40nwNS8OGlOGhQ6IjnUB6OQquTE870Qn2j3beXbnJSrIesyFZFtx2TLPrKcC/s640/8.png" width="492" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Ahora damos doble clic sobre el <i>Script</i> y agregamos el siguiente código y guardamos y nos regresamos a <i>unity</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4mxPbw9zW0hoKLRNJ6iWwei0kDM3YZIHS3bvASOgLKwS6TR9diy58xEEAY3mPKZ_OnysimtxzHqKeadcFZD38j25Chjr1YBQlfbDvpCFSjt1zKDX8wx7knOCI-cH34sW6XrqK8VvHtya7/s1600/9.png" imageanchor="1"><img border="0" height="612" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4mxPbw9zW0hoKLRNJ6iWwei0kDM3YZIHS3bvASOgLKwS6TR9diy58xEEAY3mPKZ_OnysimtxzHqKeadcFZD38j25Chjr1YBQlfbDvpCFSjt1zKDX8wx7knOCI-cH34sW6XrqK8VvHtya7/s640/9.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.-Ahora revisamos que no tengamos errores al regresar a <i>Unity</i> y le damos a <i>Play</i> con el botón de <i>Maximize On Play</i>. Y obtendremos el siguiente resultado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwSvemuQDBS08JeR8QIFmmfWMn2Rbd2pKEoMOGzhNve7x-K7_1a5Krh3Pj5TEF6Bn-LMTSEDYXtjuRM0O3OAxIFtR2sCDes_AtSkewDwBlZeG0xOQKmiCI-MOksIczTtbiQ4coM8kQomp/s1600/10.png" imageanchor="1"><img border="0" height="610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwSvemuQDBS08JeR8QIFmmfWMn2Rbd2pKEoMOGzhNve7x-K7_1a5Krh3Pj5TEF6Bn-LMTSEDYXtjuRM0O3OAxIFtR2sCDes_AtSkewDwBlZeG0xOQKmiCI-MOksIczTtbiQ4coM8kQomp/s640/10.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eso es todo de momento, el código puede que no se les sea familiar en este momento, lo único a comentar es que tener bases de programación sera mas fácil ir entendiendo para que uso tal y cual cosa, iré ampliando en la sección de programación algunos puntos a entender.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"><br /></span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-19367095277746590352018-11-29T11:29:00.000-08:002018-11-29T11:29:10.965-08:00Introducción a los Blueprint en UE4<div style="text-align: justify;">
<span style="font-size: x-large;">En esta ocasión veremos una introducción de los que son los Blueprints, lo que podemos hacer con ellos y demás información relevante.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.-Bueno empezaremos con una introducción de lo que son los <b>Blueprints</b>, los <b>Blueprints</b> es un lenguaje de <i>Script Visual, en UE4</i> es un sistema de <i>Scripting</i> para completar <i>Gameplay</i> y que esta basado en el concepto de usar una interfaz basado en nodos para crear elementos del <i>Gameplay</i> con el editor de <i>UE4</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Los <i>Lenguajes de Programación</i> comunes usan la <i>Programación Orientada a Objetos</i> lo que definen clases y objetos en el motor. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Este tipo de <i>Scripting</i> es extremadamente flexible que proporciona la habilidad para que los diseñadores usen un completo rango de conceptos y herramientas que generalmente están disponibles para el programador, también las ventajas que tienen para el programador es que si eres novato o avanzado podrás crear de forma mas rápida una base que ya se tiene y de forma mas rápida.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-¿Como funcionan los <b>Blueprints</b>?, bien estos funcionan por medio de nodos que se conectan para realizar eventos, funciones y variables todo mediante hilos hasta poder crear complejos elementos de <i>Gameplay</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd61qoueUIeSqusoZAG5lnJmuP4PLbvRwRZK037nOFlP_YAtlADFWYHdb8zoPVBAaT5X4Vs-CO0UneJ-q96_2Awu0gILJN2P34XGDrdNA41oWQQ0d1yZYBHkhZau-Io18NkjxaHRKfHLwS/s1600/1.png" imageanchor="1"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd61qoueUIeSqusoZAG5lnJmuP4PLbvRwRZK037nOFlP_YAtlADFWYHdb8zoPVBAaT5X4Vs-CO0UneJ-q96_2Awu0gILJN2P34XGDrdNA41oWQQ0d1yZYBHkhZau-Io18NkjxaHRKfHLwS/s640/1.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.-Los usos mas comunes donde se aplican los <i>Blueprin</i>t son en <i>Niveles y Clases</i>. El <b>Blueprint</b> de niveles tiene su propio<b> Blueprint </b>el cual puede manipular los <i>Actors</i> que son los objetos en la escena, control de cinemáticas usando <i>Actors del Matinee</i> que es una ventana donde se crean <i>cinemáticas</i>, <i>Checkpoints, etc</i>. Este también puede interactuar con los<b> Blueprint </b>de clases colocados en el nivel por ejemplo <i>leer y establecer variables o lanzadores(triggers)</i> con eventos personalizados.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El <i>Blueprint</i> de clases son ideales para realizar objetos interactivos como lo son puertas que abren y cierran, elementos coleccionables, escenario que se destruye, etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.-Podemos realizar por ejemplo un <i>Script de Construcción de nivel</i>, el cual podemos agregar objetos a la escena cuando ocurra cierto tipo de evento y que actualice el editor, por ejemplo una caja con municiones que aparece aleatoriamente en el nivel.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkm9bWtJGmUIyij09IWSgnuQIGr_S_0z-U9_MmlSgHfDR7frQRGRFS-h_j8LN8dllFncofHo2jAyip_SmVCi6En66E7g-_sq9kpus-A2__7K1VuZBflvSxossm9qVSx8-drYkD3rT4VXXn/s1600/2.png" imageanchor="1"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkm9bWtJGmUIyij09IWSgnuQIGr_S_0z-U9_MmlSgHfDR7frQRGRFS-h_j8LN8dllFncofHo2jAyip_SmVCi6En66E7g-_sq9kpus-A2__7K1VuZBflvSxossm9qVSx8-drYkD3rT4VXXn/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.-Otro ejemplo seria crear un personaje jugable que posea diferentes tipos de habilidades, controles, cuando disparar, puntos etc, las posibilidades son muchas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9oC77uJASQmKaFnwq0_kbghrEvzjTyovLl_k3N0Ak-9CmRknEwpFkL9gwCMyqwA2T3pTb1pZYdyGdpySpDc0oNgAlrZv9qnZA7aRS3s-fQnN8XX3LKorGjRYPJE-VG54IKJLTXHVPE2c8/s1600/3.png" imageanchor="1"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9oC77uJASQmKaFnwq0_kbghrEvzjTyovLl_k3N0Ak-9CmRknEwpFkL9gwCMyqwA2T3pTb1pZYdyGdpySpDc0oNgAlrZv9qnZA7aRS3s-fQnN8XX3LKorGjRYPJE-VG54IKJLTXHVPE2c8/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
Con los <b>Blueprints</b> tenemos otra alternativa para crear nuestras piezas de <i>Gameplay</i>, para los diseñadores que quieres dar una idea de como realizar dicho <i>Gameplay</i> o un prototipo de un programador para mostrar su idea puede ser una buena opción para utilizar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-50986159986304947702018-11-29T10:36:00.003-08:002018-11-29T10:36:51.357-08:00Recursos o Resources Conceptos en Godot 3<div style="text-align: justify;">
<span style="font-size: x-large;">En esta ocasión hablaremos sobre otro tipo de objetos especiales en Godot, los recursos o resources para entender un poco su funcionalidad.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.-¿Que son los recursos? Los recursos como te mencionaba en la intro son tipos de objetos especiales dentro de <i>Godot</i>, mientras los nodos que ya habíamos visto anteriormente se representan por medio de comportamientos, por citar un ejemplo seria la interacción física con controles de <i>Interfaces de Usuario UI</i> los <b>Recursos o Resources</b> representan datos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Por ejemplo hay un nodo que es el <i>AnimatonPlayer</i> que es responsable de reproducir y detener animaciones, pero antes de usar este nodo es indispensable saber que es necesario de los datos que vienen del recurso <i>Animation. Animation</i> contiene todas las propiedades de los nodos que se necesitan para ser animados, el nodo <i>AnimationPlayer</i> lee los datos lo que hará cambios en la escena.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Como lo puedes imaginar, hay bastantes tipos de <b>Recursos</b> en el motor, pero raramente se crean manualmente. Por ejemplo cuando establecemos una propiedad de textura de un <i>Sprite, Godot</i> crea un <b>Recurso</b> del archivo de la imagen y se lo coloca. Lo mismo sucederá con el ejemplo que te mencionaba del <i>AnimationPlayer</i> este creara el <b>Recurso</b> <i>Animation</i> para ese nodo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-Ahora si tu deseas crear un <b>Recurso</b> manualmente se realiza el siguiente paso, en la ventana del <i>Inspector</i>, nos encontramos con el siguiente botón, este botón le damos clic para crear un <i>nuevo Recurso.</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBodolGV9E4V3Kd69nsRmR-ILRzphdm9a8pP2W4N_fj8-dOcjI4PQ5Y7TrLMwhz19eNvZqAoTKxf1CitI52A39Y1rlTSpr592alN6G6pyBP2e27bEit09_rjc9Fjoz5e30ix_7DTVknenN/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBodolGV9E4V3Kd69nsRmR-ILRzphdm9a8pP2W4N_fj8-dOcjI4PQ5Y7TrLMwhz19eNvZqAoTKxf1CitI52A39Y1rlTSpr592alN6G6pyBP2e27bEit09_rjc9Fjoz5e30ix_7DTVknenN/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aquí, nos aparecerán muchos <b>Recursos</b> proporcionados por <i>Godot</i>, pero como te mencionaba anteriormente, muy rara vez necesitaremos crearlos manualmente.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEDkmDgYuGLJZWM8BZ2B1ddW9pEt4DSaGoMrx3JrgmATuL4QE2s-TEqojk0AbgA2t5p0l99xY2sH_EDct0nIUi5OOZV0Rv85d1YdYK5eiOAjGP9tis_Md4w6WePayKzIPTXcQVdPn5SqV/s1600/2.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEDkmDgYuGLJZWM8BZ2B1ddW9pEt4DSaGoMrx3JrgmATuL4QE2s-TEqojk0AbgA2t5p0l99xY2sH_EDct0nIUi5OOZV0Rv85d1YdYK5eiOAjGP9tis_Md4w6WePayKzIPTXcQVdPn5SqV/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Existe otra forma de personalizar recursos pero para no saturar de información lo dejaremos hasta aquí.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en </span><a href="https://www.patreon.com/Depredador1220" style="color: #888888; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: large;" target="_blank">Patreon</a><span style="background-color: white; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: medium;"> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<div style="text-align: justify;">
<br /></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-67024147112324558072018-11-26T19:54:00.000-08:002018-11-26T19:54:04.903-08:00Hola Mundo Con UI Text en Unity 2018<div style="text-align: justify;">
<span style="font-size: x-large;">En este tutorial crearemos un Hola Mundo con el UI Text de Unity y con una archivo Font.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;">EMPEZANDO</span><br />
<span style="font-size: large;"><br /></span>
<div style="text-align: justify;">
1.-Primero crearemos un nuevo proyecto en <i>2D</i>, luego debemos de tener un archivo de fuente con formato .ttf, puedes descargar una en esta <a href="https://www.dafont.com/es/" target="_blank">pagina</a>. Una vez descargada nuestra fuente la importamos a Unity, previamente debemos de crear una carpeta llamada Fuentes y ahí meterlo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnG1bTa0vPBIPv73R63HcYgrkU5MaQqwXjtlUSbdTsFKsO9XDBuCJ7lhOk2e4EHsKkYBGO6Whddv4usOBlCKC1lAGta_KVEIKwd2x_X758SYqyUmlJAjy5kp1ODViu96cUOei-MtG2vDv0/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnG1bTa0vPBIPv73R63HcYgrkU5MaQqwXjtlUSbdTsFKsO9XDBuCJ7lhOk2e4EHsKkYBGO6Whddv4usOBlCKC1lAGta_KVEIKwd2x_X758SYqyUmlJAjy5kp1ODViu96cUOei-MtG2vDv0/s400/1.png" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik7ogmXzCAE4D_e9NUZrVU8FqCgZGryCmZGBS40iWcIqv7XPpZfnlM3_LhDeSbIgB2R9-RniDk-O-onRKUG8n6IxCp8HvR9Zk1tzbSD9UabbF4PYaTCy9vOpH01I8Q-4rja9qR46WifeWE/s1600/2.png" imageanchor="1"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik7ogmXzCAE4D_e9NUZrVU8FqCgZGryCmZGBS40iWcIqv7XPpZfnlM3_LhDeSbIgB2R9-RniDk-O-onRKUG8n6IxCp8HvR9Zk1tzbSD9UabbF4PYaTCy9vOpH01I8Q-4rja9qR46WifeWE/s320/2.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Ahora en el panel de<i> Jerarquía o Hierarchy</i> le damos clic derecho <b>UI > Text.</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMd_mikv97VfoxBCdT_V7I9gx_kKJVgLDB8UI6DmmPVtSo9ERfFGdDa4f6iFjwXHTHrnPbKNj39vnMvuHWrPPNLzhAVQejM4QcJLk6U6QtGKevqW0uXn-7wxGLrtoNlwdhYbD7Bk8DZjnx/s1600/3.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMd_mikv97VfoxBCdT_V7I9gx_kKJVgLDB8UI6DmmPVtSo9ERfFGdDa4f6iFjwXHTHrnPbKNj39vnMvuHWrPPNLzhAVQejM4QcJLk6U6QtGKevqW0uXn-7wxGLrtoNlwdhYbD7Bk8DZjnx/s640/3.png" width="366" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Esto nos creara un <i>Text</i> incluido en el <i>Canvas</i>, le damos un nombre al <i>GameObject</i> lo llamaremos <i>HolaMundoTexto</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50Xrmgh1QQ2ZqLCzWGvyTsxogoqW4PEDvQjjxKe14EH89cpYMjlQ1ZcEWNLGK8beHrGH-GzlEaxldhCU68cmq5AJWU4Q8aiCdO1vTvUl3eRm0_W2tM_G4LVQcrMtT6AFECufXKeR925rJ/s1600/4.png" imageanchor="1"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50Xrmgh1QQ2ZqLCzWGvyTsxogoqW4PEDvQjjxKe14EH89cpYMjlQ1ZcEWNLGK8beHrGH-GzlEaxldhCU68cmq5AJWU4Q8aiCdO1vTvUl3eRm0_W2tM_G4LVQcrMtT6AFECufXKeR925rJ/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora en el inspector colocamos las siguientes opciones, en el <i>Text </i>colocamos <i>Hola Mundo</i>, en la fuente, agregamos nuestra fuente que descargamos. En el<i> Font Size</i>, le dejamos un valor de 90(o el que te guste), en <i>Aligment</i> lo dejamos en <i>Horizontal y Vertical Centrado</i>, En <i>Overflow</i> tanto para <i>Vertical como Horizontal lo dejamos en Overflow</i> y el Color lo dejamos en blanco.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbVUcZC98Dn0JYW_WVb1JwtKmuBgj2Rj1yxVcWUd-IMjyfE2CfbcFchLwCnALg6gxbJYJymeR5BDhNNtQZz-CENJD6jX_vfjeHvKtoe-SHuBoztzIiCdy_Zo79ivecHJIMf3neNNmcVaK/s1600/5.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbVUcZC98Dn0JYW_WVb1JwtKmuBgj2Rj1yxVcWUd-IMjyfE2CfbcFchLwCnALg6gxbJYJymeR5BDhNNtQZz-CENJD6jX_vfjeHvKtoe-SHuBoztzIiCdy_Zo79ivecHJIMf3neNNmcVaK/s640/5.png" width="478" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Ahora en el inspector con el <i>HolaMundoTexto</i> seleccionado nos vamos a las opciones de <i>Rect Transform</i>, le damos clic al cuadro que nos aparece ahí.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNUr3Fen9qlnjpxp2Ho9sOac9ufmpQUwX8BkHwZ8eANQC0uXCl91dNVvtKWj0Vzifsyi2vyEiVW8EcHkURQA0cLDLhs6vi0hrhdWVHIjw3QNRdqS7qdmgasN9NkX69XcidzO-mVKATNN17/s1600/7.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNUr3Fen9qlnjpxp2Ho9sOac9ufmpQUwX8BkHwZ8eANQC0uXCl91dNVvtKWj0Vzifsyi2vyEiVW8EcHkURQA0cLDLhs6vi0hrhdWVHIjw3QNRdqS7qdmgasN9NkX69XcidzO-mVKATNN17/s320/7.png" width="249" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Y seleccionamos la siguiente opción que es <b>Top y Center</b>, si vez que no te sale en esa posición puedes probar en otras ya que aun no hemos profundizado en los Anchor lo mejor sera probar una que se ajuste a tus necesidades, iremos viendo mas conceptos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI_YukCsd6rFUlj9hwsTzI1AZZkFAMvqHf4Fkf4MxBKlQ-_j7HxpW5FJKMAUZMxEcpz4kIjxJnLQlbiMRUpg94gFwzBmzuTSts4UsP3clabfK1YW1qmLcy1yGjeW7gnikveLjRqwWuwDeG/s1600/8.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI_YukCsd6rFUlj9hwsTzI1AZZkFAMvqHf4Fkf4MxBKlQ-_j7HxpW5FJKMAUZMxEcpz4kIjxJnLQlbiMRUpg94gFwzBmzuTSts4UsP3clabfK1YW1qmLcy1yGjeW7gnikveLjRqwWuwDeG/s400/8.png" width="317" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.-Ahora ya tenemos listo las opciones para poder mostrar el texto en nuestra pantalla de <b>Game</b>, usamos la opción de <i>Mazimize On Play</i> para poder ver el texto en pantalla completa y nos mostrara nuestro texto en pantalla completa, le daremos al botón de <b>Play</b> y podemos ver el resultado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwTMuwOXIH48C5QDYS2FVmQcoE9Gr9YtABp2uFyjjxMTspeckxVmvu0-qPpk7rImkbuwFONsPQBPsku6p5BAq6eidsodo4t3cf9XABZXBmz0TqwwEvwX9tGsTE2MBAaYrDb3ZdjA8Ojuo/s1600/9.png" imageanchor="1"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwTMuwOXIH48C5QDYS2FVmQcoE9Gr9YtABp2uFyjjxMTspeckxVmvu0-qPpk7rImkbuwFONsPQBPsku6p5BAq6eidsodo4t3cf9XABZXBmz0TqwwEvwX9tGsTE2MBAaYrDb3ZdjA8Ojuo/s640/9.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Este ejemplo en muy simple pero nos da las bases para empezar a crear textos en pantalla, ya que mas adelante utilizaremos esta forma de trabajar para crear los <i>HUD</i> que son información que se muestra al jugador por ejemplo las vidas, munición, nombre, etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="margin: 0px;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-45612391196361574342018-11-26T18:39:00.000-08:002018-11-26T18:39:37.599-08:00Conciendo el espacio de trabajo en Unreal Engine 4+<div style="text-align: justify;">
<span style="font-size: x-large;">En este apartado le daremos un vistaso al espacio de trabajo en Unreal Engine 4+, conoceremos las partes mas importantes que vemos y describiremos lo que podemos hacer en cada una de las áreas.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.- Como habíamos visto en el apartado anterior en donde aprendimos a crear un proyecto, ahora tocara revisar las partes que componen, cuando empezamos un nuevo proyecto con las opciones en blanco y con el contenido inicial vemos el espacio de trabajo en <b>Unreal</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix7FBMN0bIm5TQ8ZV4GpdS4dH8rKozvff1XEj44iPA_MwSk9GnW5-N3S8e-GzX7kmDA_H5rGx3zrszODTWz_7PnOos8_e_QN6ihY34lBp_ClAE8TAAch1EnVSV71iPADVf4_xNZ-I6zWV4/s1600/1.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix7FBMN0bIm5TQ8ZV4GpdS4dH8rKozvff1XEj44iPA_MwSk9GnW5-N3S8e-GzX7kmDA_H5rGx3zrszODTWz_7PnOos8_e_QN6ihY34lBp_ClAE8TAAch1EnVSV71iPADVf4_xNZ-I6zWV4/s640/1.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-Ahora dividiremos en piezas para explicar cada ventana que nos aparece, en primer lugar en esta ventana que te muestro es nuestro Escena, donde colocamos todos nuestros <i>Assets</i> y cosas que deseemos agregar, de momento podemos ver que hay dos sillas y una mesa, si eres curioso y quieres probar moverte por el espacio te sera familiar ya que no es muy difícil moverse, puedes usar el <i>mouse </i>o el teclado como si jugaras en un juego <i>FPS</i> para moverte con <i>W, A, S y D</i> también en esta ventana podemos transformar nuestros objetos los cuales son <i>Escalar, Rotar y Mover</i>, podemos cambiar el tipo de vista y otras cosa de momento solo explicare las ventanas, en posteriores tutoriales profundizaremos en detalles ya cuando corresponda. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9lCQGaEuL7rDf3NA2XUMT2r09CFWdb7dhrRk9VzmMx8QADW9sReyDK_LdzjhgWTHginPc0JDQw2MVkTGLvkCcWbZK8i3YXyHfmYDwc6iocRU6znGRmDNOjwhdt9INWZ9Uk12cb46VPdT/s1600/2.png" imageanchor="1"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9lCQGaEuL7rDf3NA2XUMT2r09CFWdb7dhrRk9VzmMx8QADW9sReyDK_LdzjhgWTHginPc0JDQw2MVkTGLvkCcWbZK8i3YXyHfmYDwc6iocRU6znGRmDNOjwhdt9INWZ9Uk12cb46VPdT/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.-En la siguiente ventana que te muestro que esta a la derecha en la parte de abajo, podemos ver dos pestañas, la de <b>Details(Detalles)</b> y la de <b>World Settings(Ajustes del Mundo)</b>, en la pestaña de <b>Details</b> nos muestra los detalles de un objeto seleccionado, por ejemplo si seleccionamos una silla con clic izquierdo podemos ver los detalles de esa silla y modificar algunas opciones que queramos, por ejemplo la localización en el espacio, rotación, escala y la movilidad de la silla, los materiales entre otros componentes, también podemos agregar nuevos componentes en un botón llamado <i>+Add Component</i> y agregar un <b>Blueprint</b>(Que es un <i>Script Visual</i>). En el <b>World Settings</b>, podemos modificar aspectos del Mapa o del Mundo creado por ejemplo, la luz, física, el modo de juego, el tipo de render, audio etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9bKE8EJ-mCYSFZbwct3dUcklwZDwz-cZnoyUaPuH02nMzyrlHJ7vxWq2zI6bQCFSSB_e8FS6abBxdSzXMNIxWbV4sJr53xL99quUO8swv90bOZ_1CcXzfZJ9_HyBCkRKQWR5d0T-7KJ7/s1600/3.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9bKE8EJ-mCYSFZbwct3dUcklwZDwz-cZnoyUaPuH02nMzyrlHJ7vxWq2zI6bQCFSSB_e8FS6abBxdSzXMNIxWbV4sJr53xL99quUO8swv90bOZ_1CcXzfZJ9_HyBCkRKQWR5d0T-7KJ7/s320/3.png" width="242" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLWEccnt13yRFMGADEnO-6nEUNG10K2Lor945bRgYb5ExOrHbxxJeCoso6y-hXRx9UXO4XIPtNy-RG1ScA-2ptYfYb5Hqz_GUTR9r7EWJhyDvQCLSyiZGd1-btKXZ_PEmfkHU-5kvUwzQ/s1600/4.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLWEccnt13yRFMGADEnO-6nEUNG10K2Lor945bRgYb5ExOrHbxxJeCoso6y-hXRx9UXO4XIPtNy-RG1ScA-2ptYfYb5Hqz_GUTR9r7EWJhyDvQCLSyiZGd1-btKXZ_PEmfkHU-5kvUwzQ/s320/4.png" width="245" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Arriba de las ventanas descritas anteriormente podemos ver el <b>World Outliner</b>, aquí se encuentran todos los elementos que componen la escena, podemos insertar, eliminar ocultar y emparentar con otros elementos de la escena.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWpo11p86hmntJIsxFXvOiT0ixB92dh6RgVmW1pZCOruT1lwlYXiZepIjncMK2YGjvvDDj7xT2ro7eh8XnZVBv5TBGVHV3F84Nf47o5EAfKNOYouJKVk2YRYO4hXjG71N-RikdWOByxLv/s1600/5.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWpo11p86hmntJIsxFXvOiT0ixB92dh6RgVmW1pZCOruT1lwlYXiZepIjncMK2YGjvvDDj7xT2ro7eh8XnZVBv5TBGVHV3F84Nf47o5EAfKNOYouJKVk2YRYO4hXjG71N-RikdWOByxLv/s320/5.png" width="242" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- La ventana de abajo es el <b>Content Browser</b>, aquí es donde se encuentran nuestros <b>Assets</b> y todo lo que vamos a utilizar, aquí podemos crear <i>carpetas, materiales, animaciones, Scripts y exportar nuestros objetos 3D o nuestros Sprites,</i> lo mismo que hacemos para organizarlo mejor es usando carpetas para cada cosa que vayamos creando.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuU25kS6aeU7UrH1LBhM4-QB0Y4K1jt-KThw5N5Ejgro9NEZwWKD8vo3l2V6zqTBMbRjfBgaQKnmgeILXnda4TS88HEhJdCXr6H77LAvGVpOrKa8Cj2bWopWIghh_Bq4zZbGqT4RmtZCG/s1600/6.png" imageanchor="1"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuU25kS6aeU7UrH1LBhM4-QB0Y4K1jt-KThw5N5Ejgro9NEZwWKD8vo3l2V6zqTBMbRjfBgaQKnmgeILXnda4TS88HEhJdCXr6H77LAvGVpOrKa8Cj2bWopWIghh_Bq4zZbGqT4RmtZCG/s640/6.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- En la parte de arriba a la izquierda, podemos ver el menú de herramientas, en el menú de herramientas podemos ver <b>File, Edit, Window y Help,</b> en los cuales en <b>File o Archivo</b> podemos guardar, abrir, etc, en <b>Edit o Editar</b> podemos ver opciones como regresar copiar, pegar, eliminar y las preferencias, en <b>Window o Ventana</b>, podemos ver abrir otras ventanas que no aparecen en la pantalla principal, mezclador de audio, estadísticas, etc. y en <b>Help o Ayuda</b>, podemos ver información como la wiki, tutoriales etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWNKzAl3vJjZzu7k6hwaKDuiya7ruIWEHB4RSLhywv0u0Z8P-i0z7XpTlsf4pv4qkZRjFSFOLOgxGFmQGyZGcNbr295yacI_sXkm_EfyB1ma_mU4Q2F2BieXufvMizFQJiV8WwsHp0onFC/s1600/7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWNKzAl3vJjZzu7k6hwaKDuiya7ruIWEHB4RSLhywv0u0Z8P-i0z7XpTlsf4pv4qkZRjFSFOLOgxGFmQGyZGcNbr295yacI_sXkm_EfyB1ma_mU4Q2F2BieXufvMizFQJiV8WwsHp0onFC/s400/7.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFf54yx0C4E1ZTDHrqzRQAxOsdDwhj5yGs3Fhm90MvC_te1RxkadfAdqhN5w83KJB9XLryEajMnhrgF6F9QPrwB2dy0JcgvE-Ik-4N_Li4YJnZCSRBrM1OtOtOA8ykGR_oyteHsmosoD4C/s1600/8.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFf54yx0C4E1ZTDHrqzRQAxOsdDwhj5yGs3Fhm90MvC_te1RxkadfAdqhN5w83KJB9XLryEajMnhrgF6F9QPrwB2dy0JcgvE-Ik-4N_Li4YJnZCSRBrM1OtOtOA8ykGR_oyteHsmosoD4C/s400/8.png" width="148" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Gh7kDnYw_m8Wh4n_WxHHWxOJCkVa7ETsH6tWD3-Gp_wsnSJ62zmfhv6zLj99EQbVdN3pX9wrgp5Rj-WH3EG4Okbw6Rx-HV-NlT8ZFXCW76rI18sFyAk9W_DH9RljMvBWFANyHkv5rM8b/s1600/9.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Gh7kDnYw_m8Wh4n_WxHHWxOJCkVa7ETsH6tWD3-Gp_wsnSJ62zmfhv6zLj99EQbVdN3pX9wrgp5Rj-WH3EG4Okbw6Rx-HV-NlT8ZFXCW76rI18sFyAk9W_DH9RljMvBWFANyHkv5rM8b/s400/9.png" width="285" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCvvAUPdvt6uOadFFmlAZQOmrcnWQmgCSeeHwnWAg9R6NMHJQglOfGHIfmra3yYbeyitHJuY4Fd85FejdtMHDJatAROglnEM4sycCKjNtb-yeltFTJP_TDFbW_aQzIOpq2kGasJeduS8Z/s1600/10.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCvvAUPdvt6uOadFFmlAZQOmrcnWQmgCSeeHwnWAg9R6NMHJQglOfGHIfmra3yYbeyitHJuY4Fd85FejdtMHDJatAROglnEM4sycCKjNtb-yeltFTJP_TDFbW_aQzIOpq2kGasJeduS8Z/s400/10.png" width="150" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuhXSwYCVLGAdGFX7GV49p4I2_BHP-Pbg5sJfwCJrGi0ZkFgP3COYPgZWo6Z6Q7hALRAUuT4eVl9JCGUInkhh7UkWGdCASSmouj_9OmOz6CSBzIEGkAxFTzhPT6RWVD5z6gai5yTV4-h7M/s1600/11.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuhXSwYCVLGAdGFX7GV49p4I2_BHP-Pbg5sJfwCJrGi0ZkFgP3COYPgZWo6Z6Q7hALRAUuT4eVl9JCGUInkhh7UkWGdCASSmouj_9OmOz6CSBzIEGkAxFTzhPT6RWVD5z6gai5yTV4-h7M/s400/11.png" width="188" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Abajo del menú, podemos ver la ventana de <b>Modes</b>, aquí podemos agregar objetos a la escena también conocidos como <b>Actors</b>, existen diferentes tipos, de momento solo los explicare ya los veremos con mas detalles cuando los vayamos usando, puedes verlo por tu mismo dando clic en un objeto y agregándolo a la escena. Aquí en los modos no solo podemos agregar objetos también podemos pintarlos, crear terrenos, agregar arboles, plantas o editar una geometría para poder crear escenarios. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6cPvwmF2HDkxfJhhjL2NKW3uJ1EA1IKye6-fb0F-wDEFuNyYSe8A-wdxAy9qfSPrPQV4Y29H3-aZ2-rDoGcBUGIfd07T154rpqg3rZ6xp5QFBAznD7pFZyciUWDD4MZt27yLqUwbH44I/s1600/12.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6cPvwmF2HDkxfJhhjL2NKW3uJ1EA1IKye6-fb0F-wDEFuNyYSe8A-wdxAy9qfSPrPQV4Y29H3-aZ2-rDoGcBUGIfd07T154rpqg3rZ6xp5QFBAznD7pFZyciUWDD4MZt27yLqUwbH44I/s400/12.png" width="288" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.-Por ultimo vemos otro menú en lo alto de nuestra escena, aquí vienen otras opciones interesantes, podemos ajustar cambios en los <b>Settings</b>, ir a la tienda en <b>Marketplace</b> o ejecutar el Juego en <b>Play</b>. Puedes dar el botón de <i>Play</i> para probar ejecutar la escena actual.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBeqXQb191kKoMriEagaAm9mUQA4SR4MKVH1qT0aCtmcFDA-84m-4cmKKZkTbtH8ExLWHEb0yzXbqikrikhUl29AXlTMBL1FkWyTvMg_biBJlvKduBYksZswkdT0AYzeUU0ccPHZSVHYGp/s1600/13.png" imageanchor="1"><img border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBeqXQb191kKoMriEagaAm9mUQA4SR4MKVH1qT0aCtmcFDA-84m-4cmKKZkTbtH8ExLWHEb0yzXbqikrikhUl29AXlTMBL1FkWyTvMg_biBJlvKduBYksZswkdT0AYzeUU0ccPHZSVHYGp/s640/13.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
En este pequeño resumen, pudimos ver las partes que componen el espacio de trabajo en <b>Unreal Engine</b>, no detallamos todos las opciones ya que seria saturar de información, con esto ya nos dimos una idea general de mas o menos como podemos trabajar, ya nos enfocaremos en las tareas concretas cuando empecemos a crear piezas para crear un juego.</div>
<div style="text-align: justify;">
<br /></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: small;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-family: arial, tahoma, helvetica, freesans, sans-serif;"><span style="line-height: 18.48px;"></span></span></div>
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; text-align: justify;">
<span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: small;"><br /></span><span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px;"></span><span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: small;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888; text-decoration-line: none;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-59331161398533089832018-11-26T17:33:00.000-08:002018-11-26T19:57:42.761-08:00Game Loop y Escenas Conceptos en Godot 3<span style="font-size: x-large;">Un elemento clave en los videojuegos es el Game Loop y las Escenas, veremos en este apartado las definiciones y como funcionan en Godot 3.</span><br />
<br />
<span style="font-size: large;">EMPEZANDO</span><br />
<br />
<span style="font-size: large;">GAME LOOP</span><br />
<br />
<div style="text-align: justify;">
1.-El <b>Game Loop</b> es un elemento clave a la hora de crear videojuegos ya que funciona en manera de un ciclo de repetición que va actualizando todo lo que vemos en la pantalla como lo son el mundo o mapa del juego, los botones que presiona el jugador y la acciones que se realizan y todas las animaciones que ocurren en el juego.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-<b>Godot 3</b> tiene dos tipos de <b>Game Loop: Idle y Fixed. Idle</b> es llamado en cada frame y es dibujado lo mas rápido posible. El <b>Fixed</b> tiene un paso de tiempo arreglado que es sincronizado con los ciclos de la física que por default es de <b>60FPS(Frames Por Segundo)</b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<span style="font-size: large;">ESCENAS</span><br />
<br />
<div style="text-align: justify;">
3.- Los nodos como vimos anteriormente, no pueden hacer mucho por si solos. Para explotar el máximo potencial de los nodos, los nodos necesitan trabajar con otros nodos para expandir su funcionalidad, es ahí donde entran las Escenas. La escena es otro nodo pero que contiene nodos hijos, formando una estructura de árbol. Hay que tener en cuenta que la escena es construida por muchos nodos hijos pero con un solo padre que en este caso es nuestra escena. La escena padre es también conocida como <b>Raíz o Root</b> en ingles, el cual tiene muchos hijos y nietos según la estructura. </div>
<br />
<span style="font-size: large;">TERMINANDO</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
Iremos viendo mas definiciones para ir identificando cosas claves del desarrollo de videojuegos, así que con estas definiciones terminamos este apartado para ir en una dirección correcta. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-11114889267877177692018-11-24T12:42:00.000-08:002018-11-24T12:42:37.921-08:00Plantillas en Unity 5 Versión 2018<div style="text-align: justify;">
<span style="font-size: large;">Aprenderemos a identificar las plantillas que ofrece el Unity Hub junto la Versión 2018.2.0f2 y te resumiré un poco el contenido que estas plantillas nos ofrecen.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1.-Si has instalado <b>Unity 5</b> en su <b>Versión 2018.2.0f2</b> habrás notado que ahora utiliza nuevas plantillas, si cuando lo instalaste usaste la opción de instalar desde <b>Unity Hub</b> notaras algunos pequeños cambios.</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUIMozt_rY-ic3HNWEUqRzmsNHUlUl3JIoRPUQXsaw44jPDLxexUpRFWK7w10ZkF_7FamQreuc2jedaCO2MQIkK02BHT_saLJzYOBfVQOI0kbUq_9QcoGuazRbOgIPGgtclye2yl9q1nsj/s1600/1.png" imageanchor="1"><img border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUIMozt_rY-ic3HNWEUqRzmsNHUlUl3JIoRPUQXsaw44jPDLxexUpRFWK7w10ZkF_7FamQreuc2jedaCO2MQIkK02BHT_saLJzYOBfVQOI0kbUq_9QcoGuazRbOgIPGgtclye2yl9q1nsj/s640/1.png" width="640" /></a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgewwuvJC5Ru2L9_Cwemeowe3EP_UKemZMZSHqY_ABTZwZHic43nQO-45GaxYqGMYht8jyXpuhW2WQ2ozApgGolLkGRE5y4xPKU-E5CcvE5lI57aN3xJ9yVQust69UQ3zx-o1BmJW9kp4of/s1600/2.png" imageanchor="1"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgewwuvJC5Ru2L9_Cwemeowe3EP_UKemZMZSHqY_ABTZwZHic43nQO-45GaxYqGMYht8jyXpuhW2WQ2ozApgGolLkGRE5y4xPKU-E5CcvE5lI57aN3xJ9yVQust69UQ3zx-o1BmJW9kp4of/s640/2.png" width="640" /></a><br />
<br />
<span style="font-size: large;">PLANTILLAS O TEMPLATES</span><br />
<br />
<div style="text-align: justify;">
2.-Ahora le daremos un vistaso a las <b>plantillas o Templates</b> que nos ofrece <b>Unity</b>, en ella podemos ver las siguientes, <b>2D, 3D, 3D con extras(en desarrollo y revisión), RP de Alta Definición(en desarrollo y revisión), RP Ligero(en desarrollo y revisión), VR RP Ligero(en desarrollo y revisión)</b>, las cuales te las describo.</div>
<br />
<div style="text-align: justify;">
<b>2D</b> - Configura los ajustes del proyecto para aplicaciones <i>2D</i> que incluye importación de texturas en imágenes, el <i>Sprite Picker, Vista de Escena, Luces y la cámara en vista Ortográfica</i>. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>3D</b> - Configura los ajustes del proyecto para aplicaciones en <i>3D</i> que utiliza <i>Unity</i> construido basándose en una linea de procesamiento y render.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>3D con extras</b> - Configura los ajustes del proyecto para aplicaciones en <i>3D</i> construido basándose en una linea de procesamiento y render pero con la diferencia que nuevas funcionalidades en <i>post-procesamiento</i> en pila, varios <i>Presets</i> que son cosas ya hechas que podemos usar para alguna cosa en la que lo necesitemos para empezar a desarrollar y contenidos de ejemplo .</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>RP de Alta Definición</b> - Configura los ajustes del proyecto que usa plataformas de alta definición y que soportan la tecnología <i>Shader Model 5.0(DX11 y superior).</i> Esta plantilla es construida con el <i>Scriptable Render Pipeline(SRP)</i> que es un flujo basado en render moderno que incluye tipos de materiales avanzados y mejoras para arquitectura de luces, como el anterior trae <i>Presets</i> y contenidos de ejemplos para usarlos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>RP Ligero</b> - Configura los ajustes del proyecto donde el rendimiento es una consideración primaria y usa la solución de cocinado(<i>Bake</i>) de luces dándole prioridad. Usa también el <i>Scriptable Render Pipeline(SRP)</i> que es un flujo basado en render moderno que incluye tipos de materiales avanzados y mejoras para arquitectura de luces.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>VR RP Ligero</b> - Configura los ajustes del proyecto donde el rendimiento es la primera consideración pero para <i>Realidad Virtual(VR en ingles)</i> que usa la solución de cocinado(<i>Bake</i>) de luces dándole prioridad. Usa también el <i>Scriptable Render Pipeline(SRP)</i> que es un flujo basado en render moderno que incluye tipos de materiales avanzados y mejoras para arquitectura de luces.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIlHZtrO8MQFYFbM9kX6sLVxs-BP0jG9FGehKYF9uvwkwONZVmjjS0PCCZdCTPErhePLNhgTRbLGwdiyAXCvlBXzERhGwsOHNW0r45xDFIOHXXV5_PECkpLN3QKh8hmJAvKMCUPbFPdMr/s1600/3.png" imageanchor="1"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIlHZtrO8MQFYFbM9kX6sLVxs-BP0jG9FGehKYF9uvwkwONZVmjjS0PCCZdCTPErhePLNhgTRbLGwdiyAXCvlBXzERhGwsOHNW0r45xDFIOHXXV5_PECkpLN3QKh8hmJAvKMCUPbFPdMr/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Algunas <b>plantillas o Templates</b> que nos ofrece <b>Unity en su Versión 2018</b> están aun en revisión y propensas a errores ya que están realizando pruebas pero pueden usarse y sacar provecho de algunas de sus <b>Presets</b> y poderlos estudiar y entender mejor. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-88306271732408913362018-11-24T09:59:00.002-08:002018-11-24T09:59:42.104-08:00Iniciando un nuevo proyecto en Unreal Engine 4+<div style="text-align: justify;">
<span style="font-size: large;">Empezaremos entendiendo como crear un nuevo proyecto en Unreal Engine 4+, existen muchas cosas que al principio puede confundirnos o abrumarnos pero explicaremos para entender y poder empezar con pie derecho.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">EMPEZANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.-Si ya has decidido instalar <b>Unreal Engine 4</b> podemos empezar, primero que nada tenemos que buscar el logo que nos aparece al instalar, el logo es el de <b>Epic Games</b> en donde contiene una librería de cosas relacionadas con esta empresa, así que lo primero es dar doble clic sobre el logo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tuUAoH-NajbQli7AJCe3b129F2HfHcGXZe5npEa1dN7UDvp1GGrVpMpprvhVejhsnUa7VldYHl61U24dn43bIf2lLX_CiQsa_fECt55q3Q086R4p7-6yoKcrGEjl5h-Zm1Qsbs290UQ0/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tuUAoH-NajbQli7AJCe3b129F2HfHcGXZe5npEa1dN7UDvp1GGrVpMpprvhVejhsnUa7VldYHl61U24dn43bIf2lLX_CiQsa_fECt55q3Q086R4p7-6yoKcrGEjl5h-Zm1Qsbs290UQ0/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-Cuando instales <b>Unreal Engine</b> te pedirá que crees una cuenta, es opcional, estos pasos lo debiste haber hecho en la instalación así que pasaremos de esto, una vez que ya pusiste tu cuenta y todo te aparecerá la siguiente pantalla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMcVnB-fBGF5BR54SKV5epSTEYyvPNaSL8lC_70WMDCOQMa8pexrKKr1e3MVGGaAGFGepA36c2OoEh1sJZjRVSyWdQrSrQKbcsIfWdho9KI5OtEtdHFtL7mVATKXHujDlCcA81oZeVrP_/s1600/2.png" imageanchor="1"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMcVnB-fBGF5BR54SKV5epSTEYyvPNaSL8lC_70WMDCOQMa8pexrKKr1e3MVGGaAGFGepA36c2OoEh1sJZjRVSyWdQrSrQKbcsIfWdho9KI5OtEtdHFtL7mVATKXHujDlCcA81oZeVrP_/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- En el menú de <b>Epic</b> podemos ver que tenemos diferentes opciones, estas son el motor y juegos famosos como <b>Fornite, Unreal Tournament</b> y otras opciones mas, puedes navegar libremente como desees antes de enfocarnos en cosas del motor. Bien En la primera pestaña llamada <b>Unreal Engine</b>, podemos ver las opciones de comunidad, aprender, el mercado de <b>Assets de Unreal</b> y la biblioteca y un botón amarillo con un menú desplegable al lado donde dice iniciar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKB9YDVhCgmO6HKehb-9Q03Wm6ApjI61gM1pCFVxFxy3QNYuNHZZpoY4KQnVdII45fT13kLmhJ2DasCcHpntR3jl-LEjdXyhueCtakMmytcRseX59WNvk0uiZ-kIydF3FqHt3TtdCgBt_S/s1600/3.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKB9YDVhCgmO6HKehb-9Q03Wm6ApjI61gM1pCFVxFxy3QNYuNHZZpoY4KQnVdII45fT13kLmhJ2DasCcHpntR3jl-LEjdXyhueCtakMmytcRseX59WNvk0uiZ-kIydF3FqHt3TtdCgBt_S/s320/3.png" width="195" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Si vas a la opción de biblioteca podrás ver los motores que has instalado y también la opción de poder instalar otras versiones de motores, si le das al botón de + te da la opción de instalar el motor actual, es tu decisión instalar versiones de motores para probar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlybZ3jWZWoRm9qaBdReGCcXB2eT6krfoe4vQC3VQtElXNQFIISS6RLSsbQX8BU9mwFd-0Ee0THzJY0L-sBk0jo3bjjHc9sORzUGMpQTDanRFyklqwR16ODFDB7s8qsxEEXSg1roCIPEp/s1600/4.png" imageanchor="1"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlybZ3jWZWoRm9qaBdReGCcXB2eT6krfoe4vQC3VQtElXNQFIISS6RLSsbQX8BU9mwFd-0Ee0THzJY0L-sBk0jo3bjjHc9sORzUGMpQTDanRFyklqwR16ODFDB7s8qsxEEXSg1roCIPEp/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Ahora en esta misma sección podemos ver una vez que empecemos a desarrollar los proyectos que hemos empezado en la sección de mis proyectos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBoZQ5zXoMcBAk3pIOfL0dKFM1Km7uANAKR5iZjVgcDcR61WpltH_k_Y2lCuDmNYVNpa1NL7TZCv8ZBK1ETYqKXT_c9BX3VeM507XoWxE2co4lOth-mjpooTiZBToJcckghOCJt8K0PZ6/s1600/5.png" imageanchor="1"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBoZQ5zXoMcBAk3pIOfL0dKFM1Km7uANAKR5iZjVgcDcR61WpltH_k_Y2lCuDmNYVNpa1NL7TZCv8ZBK1ETYqKXT_c9BX3VeM507XoWxE2co4lOth-mjpooTiZBToJcckghOCJt8K0PZ6/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.-Ahora vamos ha empezar, ya hemos vistos las secciones, recuerdas el botón amarillo de iniciar, es hora de presionarlo, por default, nos dirá la versión del motor y no te aparecerá el menú desplegable, este saldrá si tienes mas motores instalados así que presionamos el botón. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5r9i4QVYLD7x8wwF0knkwKId4T3wXagSnQ2BHri4oJfUhB-bERHWyysn5khx23b0IgD9xiIp10Wpajcr1YMGa8bvBEjK1l3TaCd3xgcMdiXY2ipux9JvzcXjL0IVUxA-QjkMzBCMaNal/s1600/6.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5r9i4QVYLD7x8wwF0knkwKId4T3wXagSnQ2BHri4oJfUhB-bERHWyysn5khx23b0IgD9xiIp10Wpajcr1YMGa8bvBEjK1l3TaCd3xgcMdiXY2ipux9JvzcXjL0IVUxA-QjkMzBCMaNal/s400/6.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TEMPLATES O PLANTILLAS</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Una vez presionado el botón, podemos ver diferentes opciones o plantillas, estas vienen divididas en dos partes, en <b>Blueprint o C++</b>, también vienen definidos por el tipo de juego que queramos hacer, si por ejemplo tu primera opción es crear un <b>FPS</b> lo seleccionas, este te creara una plantilla con los elementos básicos de un <b>FPS</b> para que empieces a probar, lo mismo para las demás plantillas, la plantilla en blanco te pondrá una pequeña escena donde solo tendrás lo básico, <b>Unreal</b> maneja dos formas de programar, una Visual por medio de los <b>Blueprint</b> y la otra por el <b>Lenguaje de Programación C++</b>, así que cualquiera que sea tu elección para empezar podemos escogerlo en esas pestañas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cMwoVkpAvEhh0SQ0FENGi1Pig-aI3wv9g_vPqY-Ex8XxKie7nPnKtzMuN3cBRTAlHjpIBlFoT6rOozU5NXb3zyn_sq_WvvlB1uMOqF1SuRCd2s9VoZdsgQq6VZynEqvSjGN6n0hIXGMy/s1600/7.png" imageanchor="1"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cMwoVkpAvEhh0SQ0FENGi1Pig-aI3wv9g_vPqY-Ex8XxKie7nPnKtzMuN3cBRTAlHjpIBlFoT6rOozU5NXb3zyn_sq_WvvlB1uMOqF1SuRCd2s9VoZdsgQq6VZynEqvSjGN6n0hIXGMy/s640/7.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.- Una vez que eliges como vas a empezar nos movemos a la parte de abajo, donde vienen las opciones, hay 3 menús en los cuales te pregunta, para que plataforma vas a desarrollar, <b>Escritorio o Consola o Dispositivos Móviles</b>, la segunda te pregunta el nivel gráfico que tendrá y el ultimo si quieres que empiece con un contenido inicial que te proporciona el motor o sin contenido.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihP3QZJt3JbX34D5ZnOM3e7vsEgk3EPp3FBo1L4w0dr6IPOiQJvobo7p1KJfqzdkdZTFVSCzwqUVNQQxkF5XT6yfhk8H6ecH4TpRRp2xbSQwYDehhXXckXlFAHLJ9LQU4N8oZNPJkbAvKa/s1600/8.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihP3QZJt3JbX34D5ZnOM3e7vsEgk3EPp3FBo1L4w0dr6IPOiQJvobo7p1KJfqzdkdZTFVSCzwqUVNQQxkF5XT6yfhk8H6ecH4TpRRp2xbSQwYDehhXXckXlFAHLJ9LQU4N8oZNPJkbAvKa/s400/8.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvDpkzNvA44JuiqWD-uxkHpMEAiB7My60qRhBXkXjFNLH3lWzYHj0tdvmaowINwhUUFMv6Z1ZmuPVwYpoS9p-iWnQy7zl7SmWM7LU9W9hyxMfvgUUQOks00Vw1fOjB21nKC_ptuFhsD5D/s1600/9.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvDpkzNvA44JuiqWD-uxkHpMEAiB7My60qRhBXkXjFNLH3lWzYHj0tdvmaowINwhUUFMv6Z1ZmuPVwYpoS9p-iWnQy7zl7SmWM7LU9W9hyxMfvgUUQOks00Vw1fOjB21nKC_ptuFhsD5D/s400/9.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGU2_3WS0xX5ZvYQMnF0jndNUO49yptHtZ6ClR5j13tARS3IunJcq9x5eLvONk4Tb8kRDIp3t3UtH1eJ60_bZ72hyAquG49LVAXfzHgTz4Mbzmc3g-tQR8WFczCWwVtLIuKcH2q_GbStL/s1600/10.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGU2_3WS0xX5ZvYQMnF0jndNUO49yptHtZ6ClR5j13tARS3IunJcq9x5eLvONk4Tb8kRDIp3t3UtH1eJ60_bZ72hyAquG49LVAXfzHgTz4Mbzmc3g-tQR8WFczCWwVtLIuKcH2q_GbStL/s400/10.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
9.- Por ultimo te pide la localización de donde se guardara el proyecto, te pide la ruta, podrás darle al botón con los tres puntos "..." para escoger la carpeta y te pide un nombre, coloca un nombre sin espacios o si lo deseas poner guion bajo para distinguirlo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSoa8s3xL8fss78Ez-EBRlDFFh2DC9dAQ6VQYW8Hb0kzIGVuXBRbbOtOjUsQ1JG8TC0xbvueUT5C4ufVKZNKdhqiHi1M8KvHlvGYTghPDdha1bMfZxCsK-MnQg7k-Uy5YqDCm3s3obU7ma/s1600/11.png" imageanchor="1"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSoa8s3xL8fss78Ez-EBRlDFFh2DC9dAQ6VQYW8Hb0kzIGVuXBRbbOtOjUsQ1JG8TC0xbvueUT5C4ufVKZNKdhqiHi1M8KvHlvGYTghPDdha1bMfZxCsK-MnQg7k-Uy5YqDCm3s3obU7ma/s640/11.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">TERMINANDO</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
10.- Ahora ya que has decidido todo esto, lo siguiente es crear el proyecto, en el botón verde como te muestro.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HByzOtAmY4XIw2ZvtvMSN4WFIxQ-IDBSnFMcHdixrVsoELggvcba1aZij4-eUuOZhYxj6nu9Amb9A3S9dtLlQd3c4ZWmPepR6BSXUe9SRPi0PtgdaFXVi0Aj3u2ybLZa03XT5Bt2hf2c/s1600/12.png" imageanchor="1"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HByzOtAmY4XIw2ZvtvMSN4WFIxQ-IDBSnFMcHdixrVsoELggvcba1aZij4-eUuOZhYxj6nu9Amb9A3S9dtLlQd3c4ZWmPepR6BSXUe9SRPi0PtgdaFXVi0Aj3u2ybLZa03XT5Bt2hf2c/s640/12.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
11.-Si todo ha salido bien, habrás creado tu primer proyecto y hasta aquí lo dejaremos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw_WJ0exP-G9jccf69B4ZWBHgMC6ztUJQQPJ5X5carvuVZZbxTz-YUVD6EL4x8kTj8FV2wSlzFhD2A205slH9rA3fd8KssSDdOHhZVE_IunyV3PBQ9SO2WWksn-st1Q70JMGHVt6cuUTcI/s1600/13.png" imageanchor="1"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw_WJ0exP-G9jccf69B4ZWBHgMC6ztUJQQPJ5X5carvuVZZbxTz-YUVD6EL4x8kTj8FV2wSlzFhD2A205slH9rA3fd8KssSDdOHhZVE_IunyV3PBQ9SO2WWksn-st1Q70JMGHVt6cuUTcI/s640/13.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="line-height: 18.48px;"></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<br />
<br />Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-89856862107506916522018-11-23T17:14:00.000-08:002018-11-23T17:16:19.596-08:00Nodos En Godot 3.0<div style="text-align: justify;">
<span style="font-size: large;">Todos los juegos de Godot 3.0 están basados en nodos y escenas, para este tutorial te explicare mas a detalle lo que son los nodos y como nos ayudan a elaborar videojuegos en este increíble motor.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Nodos</span></div>
<div style="text-align: justify;">
Los nodos son pequeños elementos que componen la funcionalidad de las escenas en <i>Godot 3</i>, estos tienen diferentes tipos de funcionalidades para cada tipo de cosas que deseemos elaborar. También los nodos son demasiado fundamentales para la construcción de los juegos, estos se componen de pequeños bloques con propiedades que le dan funcionalidad los cuales poseen un nombre y poseen propiedades que podemos modificar según sea la ocasión. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Los nodos tienen la particularidad de que pueden extenderse vía <i>POO(Programación Orientada a Objetos)</i> que es una forma de programar mediante objetos y clases que hace que puedas dividirlo en secciones y así poder trabajar de una manera mas ordenada. En la funcionalidad del juego los nodos pueden usarse ya sea mediante un <i>script</i> que son mas conocidos, lo cual puede variar en funcionalidad, tu puedes programar un <i>script</i> de cuando un jugador dispara un arma o camina por un mundo <i>2D</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">¿Donde los encontramos?</span></div>
<div style="text-align: justify;">
Los nodos podemos encontrarlos en la parte derecha de la pantalla, concretamente en la parte de <i>Scene</i>, si le damos al botón de <i>"+"</i> podemos crear nuestros nodos como te muestro en esta pantalla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dozWzAcrjfJq0CnCpVbCgMMFqpmn1aq8OBmVAP8QSrviCfAEuFDZU5cKN-xNlazhfILjR56HKTaoY8mDUi6EVteXOFICdgfbLHVa1ozzfktIOJiXJbaNojJzncGNB4b1P1TlsgAl2x9K/s1600/1.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dozWzAcrjfJq0CnCpVbCgMMFqpmn1aq8OBmVAP8QSrviCfAEuFDZU5cKN-xNlazhfILjR56HKTaoY8mDUi6EVteXOFICdgfbLHVa1ozzfktIOJiXJbaNojJzncGNB4b1P1TlsgAl2x9K/s320/1.png" width="225" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YkVnrjiC4W4frRNgNUaQEsl_c80t4xwRks_dzHDMTqDZjj3GZSWDu2xb2l0mfRTObkHiGYLIdkP1dk11ZSZISdCe47rrrQpGvToSBeHxBmY28HEzCtEunBN5s6-KxvR-4gheAwkmmQ_M/s1600/2.png" imageanchor="1"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YkVnrjiC4W4frRNgNUaQEsl_c80t4xwRks_dzHDMTqDZjj3GZSWDu2xb2l0mfRTObkHiGYLIdkP1dk11ZSZISdCe47rrrQpGvToSBeHxBmY28HEzCtEunBN5s6-KxvR-4gheAwkmmQ_M/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Tipos de Nodos</span></div>
<div style="text-align: justify;">
Los tipos de nodos mas importantes son <b>Node2D, Spatial y de Control</b>. Estos Nodos están basados en muchos tipos de nodos referente a su nombre, por ejemplo el<b> <i>Node2D</i></b> se utiliza para nodos que tienen que ver con el desarrollo de juegos <i>2D</i> ejemplos los <i>sprites</i>, partículas en <i>2D,</i> colisiones etc. Los <b>Spatial</b> podemos usarlos para juegos <i>3D</i> con sus respectivos nodos, ejemplos modelos <i>3D</i>, posición etc. Los de <b>Control</b> se utiliza para <i>GUI</i> o Interfaces de usuarios como lo son botones o menús y elementos de menú, existen otros nodos pero los mas importantes son esos.<br />
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6kPwAM7CPpp3jYJrL2u-6v277hTg0ejf_J_efke743rDuMYfGI4B8RbR5ift_dhlktuGgf7syTFOsfMExffv3DE4_ocIJh3PXkZ2pBshqBZzSFPbW5M7zs7EBs_J7DJQjuF3W3K4tB_W/s1600/5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6kPwAM7CPpp3jYJrL2u-6v277hTg0ejf_J_efke743rDuMYfGI4B8RbR5ift_dhlktuGgf7syTFOsfMExffv3DE4_ocIJh3PXkZ2pBshqBZzSFPbW5M7zs7EBs_J7DJQjuF3W3K4tB_W/s400/5.png" /></a></div>
<div style="text-align: justify;">
<br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9tERhYfPMiMIxBrc5FGNoZThy2xloXnx3hW9vRuQ_EmWHdudUAkXDsxn6U0UoW5H6Y1oxJbJc9PYkLEp2Oo8ZqXeitV0ZL5I6IDyEBlSNLW2lxDmSjSEKIWndYrN9Oxf18TUqj4t9MM0z/s1600/3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9tERhYfPMiMIxBrc5FGNoZThy2xloXnx3hW9vRuQ_EmWHdudUAkXDsxn6U0UoW5H6Y1oxJbJc9PYkLEp2Oo8ZqXeitV0ZL5I6IDyEBlSNLW2lxDmSjSEKIWndYrN9Oxf18TUqj4t9MM0z/s400/3.png" /></a><br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ0qnAO0nKyPaXNuUqZv1eoeimEDQ713pz6bBy5Eb_qvO_eH43qbfrzbCllhqcOUy9YjveTmmNr5VkoZ0aXq1FmbsY4ekKAtzpwiFuDnguHDSWSiutAlp9_EsW8FPlZehzBnNsswqC_gA/s1600/4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ0qnAO0nKyPaXNuUqZv1eoeimEDQ713pz6bBy5Eb_qvO_eH43qbfrzbCllhqcOUy9YjveTmmNr5VkoZ0aXq1FmbsY4ekKAtzpwiFuDnguHDSWSiutAlp9_EsW8FPlZehzBnNsswqC_gA/s400/4.png" /></a></div>
<div style="text-align: justify;">
<br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">En este pequeño resumen podemos entender un poco mas los nodos que son muy importantes cuando desarrollamos videojuegos en Godot 3.0.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="margin: 0px;">
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-5170305544687033322018-11-22T11:14:00.003-08:002018-11-22T11:14:58.731-08:00Que podemos desarrollar con Unity 5<div style="text-align: justify;">
<span style="font-size: large;"><i>Unity 5</i> es un motor muy completo que nos permite desarrollar infinidad de estilos de juegos que podamos imaginar, en esta introducción de que podemos hacer con <i>Unity 5</i> te explicare los alcances de este increíble motor. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Proyectos 2D o 3D</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Unity 5 cuenta con una extensa variedad de herramientas de las cuales podemos sacar mucho provecho, ya sea que te encante desarrollar juegos en <i>2D</i> o <i>3D</i> <i>Unity</i> tiene la solución a esto, cuando empezamos a desarrollar el motor nos pregunta primeramente que queremos desarrollar y establece una plantilla para la cual te pone exactamente en el tipo de juego que quieres desarrollar mas concretamente te pone el plano <i>2D</i> o <i>3D</i>. <i>Unity</i> es flexible con respecto a sus plantillas puedes estar desarrollando en un plano <i>3D</i> y poder cambiar a una vista <i>2D</i> cuando lo desees.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Si eres un entusiasta del <i>2D</i>, te permite exportar todos tus <i>Sprites</i> para poder utilizarlos, contiene una extensa variedad de extensiones para este fin con un soporte adecuado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para el <i>3D</i> es similar, si tienes tus modelos <i>3D</i> contiene una variedad de extensiones para poder exportarlos, tanto materiales, texturas, animaciones <i>Unity</i> tiene soporte para muchas extensiones.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aquí te muestro juegos creados con <i>Unity</i>, uno <i>3D</i> y otro <i>2D</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0l4ghFIoPGPESI1KNOowU6k9EYtz-NvtNTZiBgWOedbV8QyYTg4fT6MoJ8v3XO-io-mZgPOY4OYWbHlDxM-sepIhfeteJ7xQyojKoPpVPcUljly4vh8UK-SbPONXle9CS0ZUOyHhTRH8h/s1600/2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0l4ghFIoPGPESI1KNOowU6k9EYtz-NvtNTZiBgWOedbV8QyYTg4fT6MoJ8v3XO-io-mZgPOY4OYWbHlDxM-sepIhfeteJ7xQyojKoPpVPcUljly4vh8UK-SbPONXle9CS0ZUOyHhTRH8h/s640/2.jpg" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17U4Pm0XULreLzgNbppp1CGfDcdJuXIsIW9IPTUz0tPBloKHabqrSHemSe_RvymCfG2Qk1rreTXz4ckIwZX4T3bzkovoNes6Ks8DSFLSUmgb-LxlWMWr6PRRplCD8OMxPfT3CHDPPe7Es/s1600/1.jpg" imageanchor="1"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17U4Pm0XULreLzgNbppp1CGfDcdJuXIsIW9IPTUz0tPBloKHabqrSHemSe_RvymCfG2Qk1rreTXz4ckIwZX4T3bzkovoNes6Ks8DSFLSUmgb-LxlWMWr6PRRplCD8OMxPfT3CHDPPe7Es/s640/1.jpg" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Puedes usar <i>Unity</i> para desarrollar tu <b>Videojuego</b> favorito, tu tienes que adaptar tus habilidades y estilo de juego y poder crear una variedad de pruebas en <i>Unity</i>, así que todo es posible teniendo un equipo de trabajo o trabajar en solitario teniendo los elementos adecuados para poder desarrollarlo, el limite es la imaginación.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-73180960549708302472018-11-21T19:20:00.000-08:002018-11-21T19:20:56.011-08:00Primer Script: Diseño de nuestro Panel en Godot 3 Parte 2 de 2<div style="text-align: justify;">
<span style="font-size: large;">En esta segunda parte del primer script creado con Godot 3.0, le daremos una funcionalidad mediante un <i>script</i> a lo que habíamos creado anteriormente, cuando presionemos el botón tendremos que hacer que suceda algo.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.-Ahora tendremos que crear un script para darle una funcionalidad, ¿Como hacemos eso?, bien lo primero que tenemos que hacer es adjuntarle a nuestro panel un <i>Script</i> lo que haremos es de la zona donde se encuentra nuestra <i>Scene</i>, buscamos el <i>Panel</i>, le daremos clic derecho y seleccionaremos lo siguiente <i>+Attach Script</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqGIMWG_PB5BgUjoo2GelZWePRBSwvdsnHIUlv8gkWDLyqKc_99UvqpafWagfHJkqvsJuS16sMv6-9gQGWY4iTyeQGgMvZ1LOaC0O4Vo1IyutRtnIMDpzQH5pW-0YBk3bUcXk_cFRabqdw/s1600/1.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqGIMWG_PB5BgUjoo2GelZWePRBSwvdsnHIUlv8gkWDLyqKc_99UvqpafWagfHJkqvsJuS16sMv6-9gQGWY4iTyeQGgMvZ1LOaC0O4Vo1IyutRtnIMDpzQH5pW-0YBk3bUcXk_cFRabqdw/s400/1.png" width="240" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-Después de esto nos aparecerá un cuadro donde adjuntara al nodo actual un <i>Script</i>, tendremos que poner las opciones que se nos indican aquí que son: <b>Language</b>, aquí pondremos <i>GDScript</i> por lo regular lo pone por defecto, en caso de que no selecciónalo ya que de momento aprenderemos a usarlo en este tutorial. <b>Inherits</b>, sera la clase que heredara a los demás elementos una funcionalidad para este caso sera al botón y a la etiqueta, la cual escogimos que fuera el panel ya que es el que contiene a los demás elementos, otro elemento importante que debemos darnos cuenta es el <b>Path</b> que sera el nombre del <i>Script</i> que se encuentra en nuestro res, las demás opciones podemos verlos en futuros tutoriales con mas detalles mientras los vayamos ocupando de momento para no saturarnos con esa información es necesaria, si todo ha ido bien nos saldrá en letras color verde que es un <b>Script</b> valido y que podemos crear un nuevo <i>Script</i>, le daremos en crear.</div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWkcUqDdkhMVFuwtlGqGHNzCl3NqwNxdcsnjnC8QQ-yf6I5evZb-jCzfMY8YgoyaAgPmUNMt0TeWxKHpK2eEBCrUxfrqz7MhwpF34Oy79u04pkkIbpOX9cBPyhf89i27EaNEbEhdeHxbG7/s1600/2.png" imageanchor="1"><img border="0" height="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWkcUqDdkhMVFuwtlGqGHNzCl3NqwNxdcsnjnC8QQ-yf6I5evZb-jCzfMY8YgoyaAgPmUNMt0TeWxKHpK2eEBCrUxfrqz7MhwpF34Oy79u04pkkIbpOX9cBPyhf89i27EaNEbEhdeHxbG7/s640/2.png" width="640" /></a></span><br />
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
3.- Si todo ha ido bien nos saldrá el siguiente Script, donde podemos ver la sintaxis que es el código con el que tenemos que programar, esta compuesto por palabras en ingles que entendiendo su funcionalidad podremos crear funcionalidad a las cosas que vayamos creando, notaras que hay palabras en un color diferente los que tienen un color rojo, verde y azul son palabras que se conoce en programación como palabras reservadas, estas palabras se les llama así ya que son palabras destinadas a realizar una funcionalidad en particular, si tu utilizaras estas palabras para otro uso como por ejemplo ponerle un nombre que se puede(lo veremos mas adelantes con las Variables) ocurrirá errores, las variables que son palabras que nosotros utilizamos para poder almacenar valores ya sea números, palabras o alguna otra cosa, estas podemos ponerle primeramente la palabra reservada "var" seguido de un nombre que queramos y después ponerle el valor a almacenar. Si no eres programador pronto con la practica iras aprendiendo, para los que lo son pueden saltarse esta explicación, pues bien, también en este <i>Script</i> generado podemos ver que tienen un "#" y lo pone de color gris, esto se les llama comentario, los comentarios nos sirven como forma de recordar lo que estamos haciendo, puedes poner un pequeño texto describiendo lo que estas haciendo aquí y para que, sirven para cuando trabajas en equipo y no programaste una parte puedas entender para que se usaron o que funcionalidad se hace en esa parte del código, mas adelante cuando detallemos mas cosas iré explicándolas para no saturarte de información.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbslKUP6cmr1hja6LgfTZlhozhO5Si3gMWsxyPE1uKOh4hYNYRlTmYrXpBZ8SsVhcJlIzTIDnrw2dKimqGt0JYDLenrG1s3dcAMsiv7O7-N096zyndHNcIvDy669_ssKAz048eilusPx6r/s1600/3.png" imageanchor="1"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbslKUP6cmr1hja6LgfTZlhozhO5Si3gMWsxyPE1uKOh4hYNYRlTmYrXpBZ8SsVhcJlIzTIDnrw2dKimqGt0JYDLenrG1s3dcAMsiv7O7-N096zyndHNcIvDy669_ssKAz048eilusPx6r/s640/3.png" width="640" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
4.-Ahora podemos darle algo de funcionalidad al código, para no confundirte con los comentarios los eliminaremos, recuerda que son todos los que tienen "#" al principio y están de color gris para que nos quede un poco mas limpio algo así.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3jYHwBJg7W_5iOwbAoGF9XNjPdmdJ1cfgK1j2gKilGtimJ5RrBuptzyTyp_zjHFApJvC3fs69q-9QzB65SGD_GQN27EJ8MWvi1jUoRh408LDNJfUezpLpvPvcNVJPepI5qeAPorWS6oM/s1600/8.png" imageanchor="1"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3jYHwBJg7W_5iOwbAoGF9XNjPdmdJ1cfgK1j2gKilGtimJ5RrBuptzyTyp_zjHFApJvC3fs69q-9QzB65SGD_GQN27EJ8MWvi1jUoRh408LDNJfUezpLpvPvcNVJPepI5qeAPorWS6oM/s640/8.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Ahora colocaremos el siguiente código que te muestro a continuación, debes de respetar el espacio ya que si no Godot te dirá que hay un problema de identacion, por eso es importante los espacios, coloca el siguiente código como te lo pongo a continuación.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1iHKIiX2GD9USJ7AzUGPuwGH63sPYv8dPClphelBrWFYHaEf7q3x624YBQM6sRwNyDOaTVVYoe29FrbG1QrMRI64C69rBwn24XEQhbFnpiiLEN2vwYAZuqz06gnDFl_PqNaDZhwuV2QQ/s1600/9.png" imageanchor="1"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1iHKIiX2GD9USJ7AzUGPuwGH63sPYv8dPClphelBrWFYHaEf7q3x624YBQM6sRwNyDOaTVVYoe29FrbG1QrMRI64C69rBwn24XEQhbFnpiiLEN2vwYAZuqz06gnDFl_PqNaDZhwuV2QQ/s640/9.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Si no te ha marcado ningún error lo siguiente es darle al botón de <i>Play</i> que se encuentra arriba a la derecha, nos mostrara nuevamente nuestro Panel, pero si le das ahora al botón cambiara el texto de el <i>Label</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy201pewugjqfO1kDMs-nOA_oNv0RjO7fBseMck7BqQLnIbd3b2Rufnaz4hzzBGmziCoBqACsXo9zD4xTapb2TsWLdJmEAHLvr_lBKub9uaqe0ZIf-rK0naWiLmAo7ob5IDVlnbrr0Oby0/s1600/10.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy201pewugjqfO1kDMs-nOA_oNv0RjO7fBseMck7BqQLnIbd3b2Rufnaz4hzzBGmziCoBqACsXo9zD4xTapb2TsWLdJmEAHLvr_lBKub9uaqe0ZIf-rK0naWiLmAo7ob5IDVlnbrr0Oby0/s400/10.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBOZLsg6XmwdQhYT4EfWX1fYEaEC8qawXYG7iYiJR4tHAlApYoHoUvoJYbv3X4tJ62n7VSq5OtxGd5pXbTz0Zj629IE3hcCRSdp2y1eCtVkRxUZ9ydgZ3PNuZ-qjOEQhxsF8CPMJfPZ4m1/s1600/12.png" imageanchor="1"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBOZLsg6XmwdQhYT4EfWX1fYEaEC8qawXYG7iYiJR4tHAlApYoHoUvoJYbv3X4tJ62n7VSq5OtxGd5pXbTz0Zj629IE3hcCRSdp2y1eCtVkRxUZ9ydgZ3PNuZ-qjOEQhxsF8CPMJfPZ4m1/s400/12.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75jd_4rW5utYKcsXJqkmTWfOV175YbEC-hiW_PAi8WU7Va4pMxiIvnl0rJL2zY_XRHziRdzVH9fB1pDRTvzm8YPuAYn9zGKkvygEno0PbE1XpaOv7w9jotBT9IHrq3ANqGtluoo7ax84S/s1600/11.png" imageanchor="1"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75jd_4rW5utYKcsXJqkmTWfOV175YbEC-hiW_PAi8WU7Va4pMxiIvnl0rJL2zY_XRHziRdzVH9fB1pDRTvzm8YPuAYn9zGKkvygEno0PbE1XpaOv7w9jotBT9IHrq3ANqGtluoo7ax84S/s400/11.png" width="400" /></a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Eso fue todo por este momento, la sintaxis del código puede ser confuso de momento, seguiremos practicando para ir entendiendo poco a poco la funcionalidad, de momento si no entiendes no te preocupes, cada cosa a la vez. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-44588930530594569192018-11-13T06:59:00.000-08:002018-11-21T19:19:12.143-08:00Primer Script: Diseño de nuestro Panel en Godot 3 Parte 1 de 2<div style="text-align: justify;">
<span style="font-size: large;">Scripts, son lo que le da funcionalidad a nuestros objetos en una escena, en esta ocasión realizaremos nuestro primer script en Godot 3, esta sección esta dividida en dos partes, el diseño y el script, le daremos diseño a unos objetos que crearemos en una escena para después en la siguiente parte irnos introduciendo a los scripts.</span></div>
<br />
<div style="text-align: justify;">
1.-Empezaremos creando un nuevo proyecto, lo podemos llamar como queramos para poder iniciar, ahora nos movemos por el espacio de trabajo para 2D, ¿Que vamos ha hacer?, bien lo primero que haremos es una pequeña funcionalidad de poner una etiqueta o label y un botón estos contenidos a su vez en un panel, recordar el principio de emparentamiento, bien, entonces empezaremos creando el nodo raíz para ello le daremos el botón + en <i>Scene</i>, lo siguiente sera en el cuadro de búsqueda poner <i>Panel</i> y le daremos en crear y nos aparecerá nuestro panel creado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiA8f2rfOcG2fu0AVONI0ExCLaqx5iUiJ75BMqZNH-5ZjFzFzOJsur3gCIyOszW7BG9erhh8oUHV_h3blNo7PQPa8nh0RHoEFSsyTW9x4PBSJg08YWJZfTaQsuM8ndxZRpVEO0YX6oFVI/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiA8f2rfOcG2fu0AVONI0ExCLaqx5iUiJ75BMqZNH-5ZjFzFzOJsur3gCIyOszW7BG9erhh8oUHV_h3blNo7PQPa8nh0RHoEFSsyTW9x4PBSJg08YWJZfTaQsuM8ndxZRpVEO0YX6oFVI/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUnRqnEc249h-kd4cpZhC8hVbTUycez2lcefDhRmuqwH36B2ITY-NPPGeE3w5LTF-3OQDRVERL75G9Ro5qc5x6c_IDRcnmoPJo6FhwF8lZdUpBELXJgM9skiGfHnSG3trHePZWjIx7XqS9/s1600/2.png" imageanchor="1"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUnRqnEc249h-kd4cpZhC8hVbTUycez2lcefDhRmuqwH36B2ITY-NPPGeE3w5LTF-3OQDRVERL75G9Ro5qc5x6c_IDRcnmoPJo6FhwF8lZdUpBELXJgM9skiGfHnSG3trHePZWjIx7XqS9/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlGhTYjJmnO0OgFdo3dbZRJbYnStCuUMMSuEUZewAYROn0rAFrKx02MlxSjjp0wj8eIFEyS9TSHDOx2UdSrlnfvywriUj6TEJskCOO8lAZ8vEx6qaaLbhxiwu4WHxAIOECh88uV8GiM3i/s1600/3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlGhTYjJmnO0OgFdo3dbZRJbYnStCuUMMSuEUZewAYROn0rAFrKx02MlxSjjp0wj8eIFEyS9TSHDOx2UdSrlnfvywriUj6TEJskCOO8lAZ8vEx6qaaLbhxiwu4WHxAIOECh88uV8GiM3i/s400/3.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.-Con nuestro nodo raíz creado, tocara crear el <i>label</i>, para ello en <i>Panel</i> le daremos clic derecho y le daremos en <i>+Add Child Node</i> nos mandara a la ventana de crear nuevo nodo, en el cuadro de búsqueda buscaremos <i>Label</i>, lo seleccionamos y lo creamos y podemos ver ahora que el <i>label</i> es hijo del <i>panel</i>. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio17JMQsGZp4xGY6Bbn3L8cY8GSIzXsZaBieo_RtL8SInuB0_aoSAa6DxhCn7r54iWsv7uIFcQPV2Qu8YY_KRUI6afwwPW60TzxUt-OOwI1V3ITTdMFftqmzKxFPHE_Gr5CKMpK_1pcnyO/s1600/4.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio17JMQsGZp4xGY6Bbn3L8cY8GSIzXsZaBieo_RtL8SInuB0_aoSAa6DxhCn7r54iWsv7uIFcQPV2Qu8YY_KRUI6afwwPW60TzxUt-OOwI1V3ITTdMFftqmzKxFPHE_Gr5CKMpK_1pcnyO/s320/4.png" width="184" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipxyo6WzyxX1C3Nk5CTIgX6CdI8i18xpe1onb1RRfK64jtwuj65dkFW6jyQJWGSRz2NbYZ7-fhLWh0vFtf2OgbaNaSxJXBL9DpHdyh0_-zp6RSy8tJWnGjJL2QWpZgR7IQW1QTtYalTi61/s1600/5.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipxyo6WzyxX1C3Nk5CTIgX6CdI8i18xpe1onb1RRfK64jtwuj65dkFW6jyQJWGSRz2NbYZ7-fhLWh0vFtf2OgbaNaSxJXBL9DpHdyh0_-zp6RSy8tJWnGjJL2QWpZgR7IQW1QTtYalTi61/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiccR6utp5emRxbNaBpb3Hg-A4O1QwCFuOdUqn23-uXUf8IkKFPF3sr8lEyMK_-G6Rp5t7jqltFqpLI28YtL2Gb2_SB5BgD65Mcz8045jl6b0MU7Zsfxp-o57LyMY8zDUBg_bZZEAa05mZI/s1600/6.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiccR6utp5emRxbNaBpb3Hg-A4O1QwCFuOdUqn23-uXUf8IkKFPF3sr8lEyMK_-G6Rp5t7jqltFqpLI28YtL2Gb2_SB5BgD65Mcz8045jl6b0MU7Zsfxp-o57LyMY8zDUBg_bZZEAa05mZI/s400/6.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.-Ahora realizaremos la misma acción para crear el botón, en el nodo de<i> Panel</i> le daremos clic derecho y seleccionaremos <i>+Add Child Node</i> nos mandara a la ventana de crear nuevo nodo, en el cuadro de búsqueda buscaremos <i>Button </i>lo seleccionamos y lo creamos, podemos observar que ahora nuestro <i>Panel</i> contiene dos hijos un <i>Label</i> y un <i>Botón</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQrT810U7WqMBGvzqhQXnvljPHXXMOaXmYDepDPhSeGpRe9rZyeIoJPV-Bwx4QuiSnvjt5SZJggKyy1pB_0_8hlSbO-zCuU7P4lVLNcWB13ECHrp7Biko4D84vFHWqEhNyux48Qo1VbTx/s1600/4.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQrT810U7WqMBGvzqhQXnvljPHXXMOaXmYDepDPhSeGpRe9rZyeIoJPV-Bwx4QuiSnvjt5SZJggKyy1pB_0_8hlSbO-zCuU7P4lVLNcWB13ECHrp7Biko4D84vFHWqEhNyux48Qo1VbTx/s320/4.png" width="184" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiTE_Zhv6DsJf6YJqzfSt-v9JRsqwpi48PUdkxhjJcf0MxuicjpC_VTHf7Gg5gTij_kby2iMPU6MlilGg9nDn7LFO1XZJCvxRTFJvnGb7O2whjm4Hf9ZqykSKHfrmfLZdI70GxKRhemMvP/s1600/7.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiTE_Zhv6DsJf6YJqzfSt-v9JRsqwpi48PUdkxhjJcf0MxuicjpC_VTHf7Gg5gTij_kby2iMPU6MlilGg9nDn7LFO1XZJCvxRTFJvnGb7O2whjm4Hf9ZqykSKHfrmfLZdI70GxKRhemMvP/s640/7.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0EL2INui9i_aytkGlJyQZI5MA2NNlCiZ34TiQzFbPZtPcd4olavw4-KPUIfGxsuqAPFnq2Jmul6yMpZ7ZJ65nd6xC7TPzMMffCoe_cP3dTxDkIb9f4jkfk_k5MYcw7vMOslm4Cn6oSzQ/s1600/8.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0EL2INui9i_aytkGlJyQZI5MA2NNlCiZ34TiQzFbPZtPcd4olavw4-KPUIfGxsuqAPFnq2Jmul6yMpZ7ZJ65nd6xC7TPzMMffCoe_cP3dTxDkIb9f4jkfk_k5MYcw7vMOslm4Cn6oSzQ/s400/8.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora tenemos lo que necesitamos, pero aun no le hemos dado un diseño adecuado, selecciona cada elemento y ve dándole forma de tal manera que te quede algo similar a esto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZsFEwvS_xxXNMfmyvHU38Fvp-Ulkxsh19zAzDlRnxaRUNJUVF3-ehTKnKRhUCZNdPQNU_GIfVQ3YYK9c65GdXL99zGnYTzhRrsupKZeGJJm28vK_OSBbb7WgwKmfBmBn5FtyZQ0oOC8R/s1600/9.png" imageanchor="1"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZsFEwvS_xxXNMfmyvHU38Fvp-Ulkxsh19zAzDlRnxaRUNJUVF3-ehTKnKRhUCZNdPQNU_GIfVQ3YYK9c65GdXL99zGnYTzhRrsupKZeGJJm28vK_OSBbb7WgwKmfBmBn5FtyZQ0oOC8R/s400/9.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Esto es nada mas para tener los objetos alineados y como queremos, necesitamos agregar algo de información en los elementos para poder saber que vamos a hacer, primero necesitamos que nuestro <i>Label</i> tenga un mensaje, así que lo seleccionamos, en el Inspector vendrá una opción llamada <i>Text</i>, en el cuadro podemos colocar un mensaje y damos <i>Enter</i> para aceptar y ver los cambios, podemos jugar con las demás opciones, te lo dejo para que pruebes, en otro momento podemos ver a detalle cada uno.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMQFd5c1vr90f1lQpys8Vg0DaDMyrhq3L1JLiLShkx0Qe8RG3_CTDGOiyk_VzlcZncoYyfX16kMPTmer6zBuEnWXzXqzhcYdP5ASCgNxjdLXF5zYTrj7YmF9CLsvTJ7iZCslczzXwMrrH/s1600/10.png" imageanchor="1"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMQFd5c1vr90f1lQpys8Vg0DaDMyrhq3L1JLiLShkx0Qe8RG3_CTDGOiyk_VzlcZncoYyfX16kMPTmer6zBuEnWXzXqzhcYdP5ASCgNxjdLXF5zYTrj7YmF9CLsvTJ7iZCslczzXwMrrH/s640/10.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.-Realizaremos el mismo proceso con nuestro <i>botón</i>, seleccionamos nuestro <i>botón</i> en nuestra <i>Scene</i>, luego nos vamos al inspector y buscamos la opción de <i>Text</i>, introducimos un mensaje para nuestro <i>botón</i> y le daremos <i>Enter</i> para ver el efecto, le podemos dar ejecutar y guardar nuestro panel y podemos comprobarlo ahora como quedo nuestro diseño pero sin ninguna funcionalidad aun.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrU_mpmcYUfyrqb7VcRBGME7XC0oI_PmfLvtVhpW2A5520UXTvrKvgUx5wd63_cyEGtoXSpjlNhlT8IBRAEZZ8llHSD4ud1DizOesI47rasH3Nt_hcHOKnZ-K3UZZXkEBlq1zf0CRJt_Wr/s1600/11.png" imageanchor="1"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrU_mpmcYUfyrqb7VcRBGME7XC0oI_PmfLvtVhpW2A5520UXTvrKvgUx5wd63_cyEGtoXSpjlNhlT8IBRAEZZ8llHSD4ud1DizOesI47rasH3Nt_hcHOKnZ-K3UZZXkEBlq1zf0CRJt_Wr/s640/11.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYwQBJewqwNGpcWKqHMEs_3hGy6lGqlds1v8L0BZwaZsOsPRScnwyJf9DjNWBFe5R1cEpjZPsqYMArcy995L8L1o-ycvWkECbrUO6Rga2tJHh8hNqNK_VxErpYLVotdabUaZy4fJ7e4APi/s1600/12.png" imageanchor="1"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYwQBJewqwNGpcWKqHMEs_3hGy6lGqlds1v8L0BZwaZsOsPRScnwyJf9DjNWBFe5R1cEpjZPsqYMArcy995L8L1o-ycvWkECbrUO6Rga2tJHh8hNqNK_VxErpYLVotdabUaZy4fJ7e4APi/s640/12.png" width="640" /></a></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Hemos terminado nuestro diseño, en el siguiente tutorial crearemos una funcionalidad básica, crearemos nuestro primer Script para tener una noción de como funciona, hasta el siguiente tutorial.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-73146221924546131902018-11-09T06:48:00.004-08:002018-11-09T06:48:55.257-08:00Scripting: Introducción en Godot 3<br />
<div style="text-align: justify;">
<span style="font-size: large;">Scripting en Godot 3, empezaremos a ver conceptos de programación en Godot, los lenguajes de programación que soporta y como podemos trabajar con estas herramientas para poder darle funcionalidad</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.-Empezaremos paso a paso para no saturarnos de información, te daré una pequeña reseña de lo que podemos hacer e iremos desglosando poco a poco todo para su mejor entendimiento.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Introducción.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En versiones anteriores de <i>Godot 3.0</i> solo había una opción para poder programar en <i>Godot</i>, este lenguaje era <i>GDScript</i>, ya que godot iniciaba e iba ganando seguidores poco a poco se fue incrementando el numero de lenguajes de programación para poder trabajar con las herramientas que proporciona el motor, actualmente en estos días, el motor soporta 4 lenguajes de programación con las que podemos experimentar y probar, esto da mas flexibilidad cuando trabajas con lenguajes que conoces ya que en ocasiones nos decantamos mas por un lenguaje que por otro y a veces intentar aprender un nuevo lenguaje de programación hace que desistas en intentar probarlo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Lenguajes de programación soportados por Godot 3.0</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Los principales lenguajes de programación que permite godot son los siguientes, <i>GDScript</i> y <i>VisualScript, </i>estos lenguajes iniciales fueron escogidos ya que su nivel de integración con <i>Godot</i> hizo que la experiencia al programar fuera mas adecuada y agradable para trabajar, pero también se sumaron los otros dos lenguajes restantes <i>C# y C++</i> estos integrados en entornos separados o sea que se puede trabajar en otros programas fuera de <i>Godot</i> y que al final se pueden integrar. Estos lenguajes son muy populares para programar videojuegos, entonces fueron pensados para trabajar de esa forma, así muchos entusiastas que venían de otras plataformas podrían conocer <i>Godot</i> como fue mi caso.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Conociendo los lenguajes de programación de Godot 3.0</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<b>GDScript</b>: Este lenguaje fue con el que venia integrado el motor, como los lenguajes de programación tiene sus pro y contras comparados con otros lenguajes, algunos puntos importantes(no todos) de por que programar con este lenguaje son:</div>
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;">Es simple y fue diseñado para los usuarios que vienen de lenguajes como <i>Lua, Python, Squirrel</i>, etc.</li>
<li style="text-align: justify;">Carga y compila rápido.</li>
<li style="text-align: justify;">Se integra bien con el editor de escenas, lo que permite poder acceder a los nodos, señales y otros elementos.</li>
<li style="text-align: justify;">Tiene un buen uso con herramientas de Álgebra Lineal como lo son vectores, transformaciones etc.</li>
</ul>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE1mLnChzlXuw1SRrATLCmdgKTKIt-oATNA0lqjGY9MHVq39w3_UpHZcrKirwWu2v7aSNQIaQENy0OXrOZZiIuXWH2WqgGyBUvdvP5RBCM-S3ydIwTJGEtB7R-_MpudFTVMOvRBluG_k-7/s1600/1.png" imageanchor="1"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE1mLnChzlXuw1SRrATLCmdgKTKIt-oATNA0lqjGY9MHVq39w3_UpHZcrKirwWu2v7aSNQIaQENy0OXrOZZiIuXWH2WqgGyBUvdvP5RBCM-S3ydIwTJGEtB7R-_MpudFTVMOvRBluG_k-7/s640/1.png" width="640" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
<b>VisualScript: </b>Esto es una implementan de un lenguaje visual, de colocar bloques y hacer conexiones, esta herramienta fue diseñada para los no programadores por ejemplo para artistas y diseñadores de videojuegos, si has utilizado <i>Unreal Engine</i> podrás ver un parecido a los <i>Blueprints</i>, pero no solo esta limitado para esta clase de usuarios los programadores novatos y los mas experimentados pueden sacar flujos excelente de trabajo y construir excelentes bloques.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbuP6P0TJUow6rMQIDv32JrdgXC5D92LmR8C-3MQmf0vXoReu4sR0-8ySSaTiJkF_ko3Iqewop4N1zbrqg9HtKWNCDdeIBc54wixZTK8e91KH7Pr5QhdQ_gC3ThN_mxCPPhN_8d3AFSrGJ/s1600/2.png" imageanchor="1"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbuP6P0TJUow6rMQIDv32JrdgXC5D92LmR8C-3MQmf0vXoReu4sR0-8ySSaTiJkF_ko3Iqewop4N1zbrqg9HtKWNCDdeIBc54wixZTK8e91KH7Pr5QhdQ_gC3ThN_mxCPPhN_8d3AFSrGJ/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>.NET/C#: </b>Este lenguaje es el preferido por muchos programadores, para los que venimos de motores como<i> Unity</i> podrán decir lo eficiente que es, también es usado por compañías, ahora con la integración en godot, podemos experimentar y usarlo con este lenguaje.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFon7ELKanQeNJu3PETAdigZIMzHejp4bWwelIBJa5F-ON1BmbWGJzk-0Btu0iDoOcq9rDYUVPb3yZ64lvELnAbLuydDZlnxQY87Xzq719YTkYyIef7Gr76VNdIgwhdUX2KQF_Ny18Wn4/s1600/3.png" imageanchor="1"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFon7ELKanQeNJu3PETAdigZIMzHejp4bWwelIBJa5F-ON1BmbWGJzk-0Btu0iDoOcq9rDYUVPb3yZ64lvELnAbLuydDZlnxQY87Xzq719YTkYyIef7Gr76VNdIgwhdUX2KQF_Ny18Wn4/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>GDNative/C++: </b>Con la integración de <i>GDNative</i> ahora podemos usar lenguajes de programación como <i>C++</i> sin la necesidad de recompilar, osea de volver a estar reiniciando <i>Godot</i>. Este lenguaje es muy usado por su rendimiento y no es necesario usarlo para todo el desarrollo de un videojuego, solo cosas esenciales.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLh_0rHwkzbYR0_oKgux9az5-W4j2gkQnG6QXyPwBGCc6-2Cs2wG00qPVARg5SpcZgbejG37T_WWJi0IxeBJaGVuu8a-uZPA7h-elvfdPdoGus6sh_SoxjgAuWuN13OcsuxqRuMJBwjOV/s1600/4.png" imageanchor="1"><img border="0" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLh_0rHwkzbYR0_oKgux9az5-W4j2gkQnG6QXyPwBGCc6-2Cs2wG00qPVARg5SpcZgbejG37T_WWJi0IxeBJaGVuu8a-uZPA7h-elvfdPdoGus6sh_SoxjgAuWuN13OcsuxqRuMJBwjOV/s640/4.png" width="640" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Bien, hemos terminado la parte inicial de scripting, en futuras actualizaciones puede ser que agreguen otros lenguajes populares como javascript o java como tal o le den mas soportes, no sabemos, lo cierto es que con la cantidad que tiene ahora mismo es mas que suficiente para probar.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Excelente, recuerda siempre practicar y releer estos conceptos ya que la repetición y la practica son las bases para aprender y entender, cada vez lo harás mejor, si deseas apoyar al sitio siempre puedes dar clic a la publicidad que aparece en el sitio para poder mantener este espacio, saludos.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-45172155653289471672018-11-08T06:49:00.001-08:002018-11-08T06:49:11.555-08:00Instanciar: Ejemplo practico en Godot 3<br />
<div style="text-align: justify;">
<span style="font-size: large;">Vamos ahora a realizar un ejemplo con los conceptos aprendidos de instanciar y emparentamiento, veremos la importancia de los nodos y como estos se pueden instanciar y demostrar con una sola acción poder manipular varios objetos.</span><br />
<span style="font-size: large;"><br /></span>
1.- Como vimos anteriormente, los conceptos de nodos y escenas son muy importantes cuando trabajamos con Gogot 3, una de las principales características es poder instanciar, que tienen un principio de emparentamiento, por ejemplo, hablar sobre un árbol, el cual contiene ramas y estas ramas hojas, cada cosa depende de alguien superior, pero individualmente tiene uno su comportamiento, si tu cortas la hoja de un árbol la rama no tiene por que caer con la hoja, en cambio si tu cortas la rama y si esta a su vez contenía hojas, estas se verán afectadas, lo mismo de decir talar el árbol, pues bien, este principio quería explicarte con un ejemplo representativo, asi que vamos a comenzar.<br />
<br />
2.- Inicia un nuevo proyecto en Godot, cuando lo creas te enviara a la vista en 3D, nosotros nos cambiaremos a la vista 2D y le daremos clic.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0297OIofPmXCwnxuhE4Z1jG8IupHxkFEn6Cv0zZVT2AJrDRQpj6LYnv2Hx7S5IZtPSsedG_H34gtw9dJjM-oqW7W0PRkqEI2_FVZmLVLOSdblC4Du6Pni8sL-TkPYj9WGN7lkCsVBrXA/s1600/1.png" imageanchor="1"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0297OIofPmXCwnxuhE4Z1jG8IupHxkFEn6Cv0zZVT2AJrDRQpj6LYnv2Hx7S5IZtPSsedG_H34gtw9dJjM-oqW7W0PRkqEI2_FVZmLVLOSdblC4Du6Pni8sL-TkPYj9WGN7lkCsVBrXA/s320/1.png" width="320" /></a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBna_GwfZrwWg2V6uvFyk-4QbS0fQWB5e95h8PILGuSODEbHtJ-veqMM9NVNYTiJetW0yX70Hp3GVS1u__2_iCZgSOBlar_8ex26SFdpAgSKQRzxqCuQDi0W-bsWWwm9kC5viO21Fkg19S/s1600/2.png" imageanchor="1"><img border="0" height="434" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBna_GwfZrwWg2V6uvFyk-4QbS0fQWB5e95h8PILGuSODEbHtJ-veqMM9NVNYTiJetW0yX70Hp3GVS1u__2_iCZgSOBlar_8ex26SFdpAgSKQRzxqCuQDi0W-bsWWwm9kC5viO21Fkg19S/s640/2.png" width="640" /></a><br />
<br />
3.- Cuando creamos el proyecto nos crea los archivos por default, en ello un icono con el logo del programa, podemos observar en la parte izquierda de la pantalla, nosotros utilizaremos de ejemplo el logo para demostrar el principio básico de emparentamiento y de instanciar, podemos usar el mismo objeto creando varios a la vez.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yacEl5tyXeC7WJ35uonwL42Cd-VSTgvNSxuU7POLKGCHuFyE5b1pmWpfEmrjYa0yCMI4KZHtM_B94bHbErqSnbU1mX1iSMu2x-BmpBDA2vHxETX-ip6-5zWOIURIlV0vsthHGAsiYb5F/s1600/3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yacEl5tyXeC7WJ35uonwL42Cd-VSTgvNSxuU7POLKGCHuFyE5b1pmWpfEmrjYa0yCMI4KZHtM_B94bHbErqSnbU1mX1iSMu2x-BmpBDA2vHxETX-ip6-5zWOIURIlV0vsthHGAsiYb5F/s400/3.png" /></a><br />
<br />
4.- Ahora que vamos ha hacer, lo primero es crear un nuevo nodo, para ello nos colocamos en la parte derecha de la pantalla, le daremos al botón de "+" y crearemos un nodo llamado <i>Node2D </i>y le daremos al botón de crear y tendremos nuestro nodo creado<i>.</i><br />
<i><br /></i>
<i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD7gzOzL6WZnn14x7lvQmfvHM0wSekOx17wn5FFj6EfgJ70REnfn1uxnrKADor_7nl6hCbom3se0X7kj5T7GZSfuOzyue5-sq6rpbuexjuvP3vvoKd1WVABdDTXfxLf-0dylNqTTQznOdp/s1600/4.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD7gzOzL6WZnn14x7lvQmfvHM0wSekOx17wn5FFj6EfgJ70REnfn1uxnrKADor_7nl6hCbom3se0X7kj5T7GZSfuOzyue5-sq6rpbuexjuvP3vvoKd1WVABdDTXfxLf-0dylNqTTQznOdp/s400/4.png" /></a></i><br />
<br />
<br />
<i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9aUNGrB9upVfN-Od_ikB9v6zZ-0gOt5wgXxCU1rMHS6XW9eXaLecwghwDl3C-JerfmXRfS53fEguEWuKYve4X39_8iTIXqNZuE07onwYChIaEdEGS6FOXIro1Lq9w5eqGdo6AoedDUhS/s1600/5.png" imageanchor="1"><img border="0" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9aUNGrB9upVfN-Od_ikB9v6zZ-0gOt5wgXxCU1rMHS6XW9eXaLecwghwDl3C-JerfmXRfS53fEguEWuKYve4X39_8iTIXqNZuE07onwYChIaEdEGS6FOXIro1Lq9w5eqGdo6AoedDUhS/s640/5.png" width="640" /></a></i><br />
<i><br /></i>
<i><br /></i>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5aJorbI2yFxmp1-muA9eJD6bvFGfTYFDT-T-gnYKvULRxgXKlhhFp0RLA0oyw2SAD6VfykLFwspPaWhak9y0Lgn7tVNk7oEf8a1sdwE-W1LpOdC6nfPia7udBeiHsy6u_o7qyy9UNN7R/s1600/6.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5aJorbI2yFxmp1-muA9eJD6bvFGfTYFDT-T-gnYKvULRxgXKlhhFp0RLA0oyw2SAD6VfykLFwspPaWhak9y0Lgn7tVNk7oEf8a1sdwE-W1LpOdC6nfPia7udBeiHsy6u_o7qyy9UNN7R/s400/6.png" /></a><br />
<br />
5.- Ahora que ya tenemos los elementos en la escena identificamos nuestro Nodo que creamos, nos aparecerá en la pantalla un cuadro con unos puntos en sus esquinas, lo cual podemos estirar o ajustar a un tamaño que queramos, lo colocaremos en una parte de la pantalla para poder demostrar este sencillo experimento, aquí este nodo raíz sera nuestro nodo padre.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLhluceA7Xkyoznl5LajhS3DoImofprBlfKh9hhfVVTGVgn1H1fjudFZLxzV0oIk8N0PUlXBvUnng4lYdcW9cpGsfbdVf90qIJTL7i6NHbBEo4znQ5pt-tlPQuP1FgKwtkk8wzUBwRUIG/s1600/7.png" imageanchor="1"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLhluceA7Xkyoznl5LajhS3DoImofprBlfKh9hhfVVTGVgn1H1fjudFZLxzV0oIk8N0PUlXBvUnng4lYdcW9cpGsfbdVf90qIJTL7i6NHbBEo4znQ5pt-tlPQuP1FgKwtkk8wzUBwRUIG/s640/7.png" width="640" /></a><br />
<br />
6.- Ahora que hemos creado nuestro nodo Padre, lo siguiente sera arrastrar nuestro icono del lado izquierdo y colocar abajo de nuestro cuadro como te lo muestro en esta imagen, este se ajustara al tamaño del nodo.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5IIkMYdChlloHIk1Qgv3NY5A_Y0zUiQmNFqDOxOYxIzvWdAAfhcUO3aTZxmYs6L9VbWD8eEvk38Bnp6stbPJ6yWsfXu-yfcw3b9sfRofFqhKHBZxrvNBbFxY5ZSLp_w7y4BOzC8Ch67y/s1600/8.png" imageanchor="1"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5IIkMYdChlloHIk1Qgv3NY5A_Y0zUiQmNFqDOxOYxIzvWdAAfhcUO3aTZxmYs6L9VbWD8eEvk38Bnp6stbPJ6yWsfXu-yfcw3b9sfRofFqhKHBZxrvNBbFxY5ZSLp_w7y4BOzC8Ch67y/s640/8.png" width="640" /></a><br />
<br />
7.- Ahora podemos crear 3 instancias mas u objetos del mismo icono y arrastrarlo a la pantalla, recuerda ajustar sus tamaños, como te muestro en la imagen, si se pierden en la pantalla siempre puedes dar el botón de la rueda del mouse y buscar fuera de los limites, bien ajustamos las medidas y quedara algo así.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxlOO2bGv76ohNFxujOmX26o58QZ9Y46wD018qGNF3ihLPb4jpq6d2KEQUhHo6BkvhmLrcu0PGTUQreGQzeNaPM7LHMcGqov8Uc1iPdjDdLfF5mQDqD_f1_A4LpH8CutVGfObj2-inZf92/s1600/9.png" imageanchor="1"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxlOO2bGv76ohNFxujOmX26o58QZ9Y46wD018qGNF3ihLPb4jpq6d2KEQUhHo6BkvhmLrcu0PGTUQreGQzeNaPM7LHMcGqov8Uc1iPdjDdLfF5mQDqD_f1_A4LpH8CutVGfObj2-inZf92/s640/9.png" width="640" /></a><br />
<br />
8.- Al crear las instancias, podemos decir que de un mismo icono sacamos varios objetos y podemos manipular el tamaño de cada uno y sigue siendo el mismo recurso, ahora el emparentamiento ya lo podemos ver en nuestra escena del lado derecho de la pantalla, podemos ver como se van acomodando y vemos la dependencia que tienen cada uno, eso es emparentar o padre e hijo(s).<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJ6-IlP11D1gYmcf3RE7hjV2r9bU-u1hgNRnHD63pQiLCXSz42uHGvYqdVY7EsCi7sDtPZc_Rs1jxY3-oCIutbTcBPgvudUS-kK6rBZEngOYVhClELR93P0qNofRkeUo_OiqU0oK07j7M/s1600/10.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJ6-IlP11D1gYmcf3RE7hjV2r9bU-u1hgNRnHD63pQiLCXSz42uHGvYqdVY7EsCi7sDtPZc_Rs1jxY3-oCIutbTcBPgvudUS-kK6rBZEngOYVhClELR93P0qNofRkeUo_OiqU0oK07j7M/s400/10.png" /></a><br />
<br />
9.- Ahora que tenemos los elementos puedes ver como la dependencia o emparentamiento es importante, al inicio te comentaba el ejemplo del árbol, lo mismo podemos ver aqui, si tu mueves unos de los iconos pequeños veras que puedes moverlo individualmente, pero si empiezas a mover el icono grande veraz como se mueven todo lo contenido en el, pues este sencillo experimento nos funciona cuando creamos niveles en donde dependerá de un objeto mayor para poder mover otros objetos que dependan de el y después podemos usar, ahora a nivel programación esto es lo mismo, pero con algo mas de complejidad, La POO(programación orientada objeto) maneja lo que se denomina herencia, estos conceptos los aprenderemos cuando toque el momento, nada mas mencionar que este principio cuando va aumentando su complejidad se va mejorando cuando se entienden las bases, es manejar clases padres para crear clases hijos y después instanciar objetos de esas clases que dependen de ellas.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQygmGavzfUtcIQUwNHeoUduVUcCiO224R_wDjryKLr2hYk2vZJnk4-fWRW8Jp0tkLM9HLfCDulDFwjzeufxdqbVXRkrB0DTdTnk45drDUizY_9KKrcwNoBMWs9OCkcPYHVmmFbVZLVTt/s1600/11.png" imageanchor="1"><img border="0" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQygmGavzfUtcIQUwNHeoUduVUcCiO224R_wDjryKLr2hYk2vZJnk4-fWRW8Jp0tkLM9HLfCDulDFwjzeufxdqbVXRkrB0DTdTnk45drDUizY_9KKrcwNoBMWs9OCkcPYHVmmFbVZLVTt/s640/11.png" width="640" /></a><br />
<br />
<span style="font-size: large;">Bien, este experimento que vimos, lo podemos visualizar mas a detalle cuando empecemos a crear escenarios y cuando empecemos a programar, podremos usar este principio en programación, para ver un ejemplo rápido, en programación podemos hacer una clase padre que se llame Vehículo, los hijos son vehículos pero cada uno es diferente, por ejemplo de un vehículo hijo puede ser un avión o un auto o un barco, todos dependen de una clase padre, cuando entendamos estos conceptos sera mas practico, de momento con este ejemplo simple podemos ir comprendiendo.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Eso es todo, espero haber introducido este concepto de una manera simple y clara para su entendimiento, recuerda practicar siempre, cada vez lo harás mejor y sera mas natural el aprendizaje, siempre puedes apoyar al sitio dando clic en la publicidad, eso ayuda a mantener el sitio en mantenimiento y con saludo, saludos y excelente día. </span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-35277301535503500792018-11-07T06:41:00.001-08:002018-11-07T06:41:56.624-08:00Instancia Godot 3 Introducción<div style="text-align: justify;">
<span style="font-size: large;">Instancia o instanciar como lo conocemos en POO(Programación Orientado a Objetos), aprenderemos unos conceptos básicos sobre esto y como nos puede ser útil en nuestro flujo de trabajo. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.- En programación orientada a objetos vemos conceptos sobre instanciar precisamente en los objetos y clases, el tema o este apartado puede encontrarse mas a detalle en las estructuras de datos en cualquier lenguaje de programación orientado a objetos. Básicamente son usados para representar nodos, este podemos representarlo de muchas maneras, por ejemplo como un padre puede tener un hijo o dos hijos, un árbol contiene ramas y estas a su vez hojas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BMW8B8UHqT1YKR1E2XfIdck1xv59vs2MC9W2pgsbmACwBqkBxMHpX8ZI56dkSo4fHqAphd_O9SlOPTwXC_oPa9BkpJSAadsbKfyxcjdlo7Z6zNGEoon1rsYl8QFoeE5bM_cMxjs1IkMZ/s1600/2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BMW8B8UHqT1YKR1E2XfIdck1xv59vs2MC9W2pgsbmACwBqkBxMHpX8ZI56dkSo4fHqAphd_O9SlOPTwXC_oPa9BkpJSAadsbKfyxcjdlo7Z6zNGEoon1rsYl8QFoeE5bM_cMxjs1IkMZ/s320/2.png" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwa98CSvjsnebXmgeFTZEAz5gOs519M3q2TbpOeekf-5YfVVMADK6YMhQ31QdTHSNyG2BSdtjTSXooMwkbqRD_-7kHnASdGtva1LufSBL9Y3OCx9QQevyClIH3LjFMuhmNWn2llg2qIhZc/s1600/1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwa98CSvjsnebXmgeFTZEAz5gOs519M3q2TbpOeekf-5YfVVMADK6YMhQ31QdTHSNyG2BSdtjTSXooMwkbqRD_-7kHnASdGtva1LufSBL9Y3OCx9QQevyClIH3LjFMuhmNWn2llg2qIhZc/s400/1.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- En un videojuego podemos decir el ejemplo una escena que vendría ser un nodo raíz o nodo padre contiene otros nodos por ejemplo, música, los edificios, arboles, personajes, cada uno depende de esa escena, por lo cual cada elemento descrito puede tener nodos hijos como los los elementos que dependan de el.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKnZP06ZnXkQi8l6D4eR5LbV-0zzuQScZWgK0u27cbtlLTHPlKPCZLRWsCySxCvY70H9zjgSzsNaD8G3w5p0XtLY3VKcOahVJMMLm4QkVBYAJsrBhspKDYSjKC7F5joToAaWucAUSZhmR3/s1600/3.png" imageanchor="1"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKnZP06ZnXkQi8l6D4eR5LbV-0zzuQScZWgK0u27cbtlLTHPlKPCZLRWsCySxCvY70H9zjgSzsNaD8G3w5p0XtLY3VKcOahVJMMLm4QkVBYAJsrBhspKDYSjKC7F5joToAaWucAUSZhmR3/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Nosotros podemos tener por ejemplo un edificio que puede ser nuestro nodo padre, el edificio contiene oficinas y la oficina contiene mesas y la mesa contiene objetos en el, el concepto es simple, si yo moviera el edificio todo lo que esta en el edificio se moverá con el, pero si yo muevo solo la mesa, no tiene por que moverse todo el edificio solo la mesa con los objetos incluidos en la mesa.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Como vimos anteriormente, explicaba sobre los conceptos de nodos y escenas, estas van de la mano por la forma en como se comunican por instancias y nodos, esto es una forma de entender como funcionan las instancias o instanciar de una manera mas orientativa, el concepto como tal tiene mas explicación y en el concepto de programación es mas compleja pero también mas explicativa, en godot 3 nos servirá esta pequeña introducción para poder entender de momento como funciona o por que hace dicho comportamiento, pronto veremos un ejemplo muy sencillo practicando para entender un poco mejor los conceptos y si deseas indagar mas sobre este tema siempre puedes buscar por tu cuenta.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Eso es todo por el momento, entender los conceptos y luego aplicarlos, siempre es indispensable para aprender mejor los temas, cuando vas aprendiendo mas o surgen nuevas dudas sobre un tema, siempre es mejor seguir indagando mas y mas.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Excelente, practica diario para ser mejor cada día y recuerda cada vez lo harás mejor. Si deseas apoyar al sitio, puedes antes de salir, dar clic a la publicidad del sitio que es con el que se mantiene adelante, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-19613700996613906422018-11-04T21:02:00.000-08:002018-11-05T16:54:39.609-08:00Hola Mundo en Godot 3<br />
<div style="text-align: justify;">
<span style="font-size: large;">Hola de nuevo, en esta ocasiona empezaremos con el hola mundo de siempre, realizaremos un pequeño proyecto para mostrar el mensaje y aprenderemos conceptos como lo son nodos y escenas que es lo que aprenderemos aquí, sin mas comencemos. </span></div>
<br />
<div style="text-align: justify;">
1.- Empezaremos creando un nuevo proyecto como ya habíamos aprendido anteriormente, puedes colocarle el nombre de hola mundo o el que gustes, con esto ya podremos empezar, pero primero necesito explicar brevemente los conceptos de nodos y escenas, empezaremos con los nodos,</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
NODOS</div>
<div style="text-align: justify;">
Estos son fundamentales en godot ya que vienen siendo bloques para poder construir nuestro juego, estos contienen atributos como lo son: nombre, propiedades editables, pueden recibir llamadas a un proceso por cada frame, pueden ser extendidos o tener mas funciones y pueden agregarse otros nodos hijos. El principio de emparentamiento es muy importante, ya que podemos ver a los nodos como arboles, un árbol contiene ramas y estas a su vez hojas, cada una depende de su padre, puede sonar algo complejo de momento, pero iremos aprendiendo mas adelante para ir entendiendo, así que no te preocupes si no comprendes del todo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
ESCENAS</div>
<div style="text-align: justify;">
Las escenas están compuestas por un grupo de nodos organizados jerarquicamente por un grupo de nodos en godot. Una escena siempre tiene un nodo raíz, pueden ser guardadas y cargadas en el disco duro y pueden ser instanciadas, este concepto lo vamos a ver mas adelante, tiene que ver con conceptos de programación orientada a objetos. Un juego puede correr en una escena, por lo regular siempre contiene muchas escenas que controlan una parte de nuestro juego.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ahora que hemos descrito un poco los conceptos nos toca empezar a crear nuestro ejemplo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- En la parte del espacio de trabajo nos aparece por default el entorno 3D, le daremos clic en 2D y nos mostrara la siguiente pantalla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOr0hxCi8FiIhjFXeoagYUNlWKKmlDwGvhin0HveW06oPKzecm2gXTqyd-jvYzYjrhjmFNcWlXKgDzsuHcAUr9XzShKcLPyI0QF7Mz8uZ_syhT549jcmhChh4X1HsXqfqN4ui_klBxPWo3/s1600/1.png" imageanchor="1"><img border="0" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOr0hxCi8FiIhjFXeoagYUNlWKKmlDwGvhin0HveW06oPKzecm2gXTqyd-jvYzYjrhjmFNcWlXKgDzsuHcAUr9XzShKcLPyI0QF7Mz8uZ_syhT549jcmhChh4X1HsXqfqN4ui_klBxPWo3/s640/1.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Ahora nos movemos del lado derecho y veremos la sección donde se encuentra nuestra escena, le daremos al botón de + para agregar una nueva escena.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2bTZz4bhDcLiVzRzRhuKD_CIdZcdMRBBmmMvp06rYJCymV5-7YmciyxlCy4_MmhZNLc4GkY1j0nd85q6E8zNoPKFi9d90OWkM6VzbRK_QvDyCk_BINkte2aDBhyOkjyKRvcsuR8njwP84/s1600/2.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2bTZz4bhDcLiVzRzRhuKD_CIdZcdMRBBmmMvp06rYJCymV5-7YmciyxlCy4_MmhZNLc4GkY1j0nd85q6E8zNoPKFi9d90OWkM6VzbRK_QvDyCk_BINkte2aDBhyOkjyKRvcsuR8njwP84/s640/2.png" width="378" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Cuando le demos clic nos abrirá una ventana donde crearemos un nuevo nodo, como podrás notar existen muchos, cada uno para una función especifica, en esta ventana nos encontramos varias secciones, la mas evidente es la de los nodos, puedes seleccionar alguno y podrás leer su descripción, los botones de cancelar y crear, y dos pequeñas ventanas de favoritos y recientes, también el de búsqueda que es el que utilizaremos para buscar nuestro nodo.</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxBRT0lsY8FKp1kdHJfhptMh5vb5v9ZhJGWeUedKbLSaH9euylTU2L0jRSh9iecOB7zacfBsYH90SR0M14J8hCGSZf_Y7Z2B4iCyT7I6n1COFiJvAshTxNjpL56XeCP-YaP6Udwd6xDFM/s1600/3.png" imageanchor="1"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxBRT0lsY8FKp1kdHJfhptMh5vb5v9ZhJGWeUedKbLSaH9euylTU2L0jRSh9iecOB7zacfBsYH90SR0M14J8hCGSZf_Y7Z2B4iCyT7I6n1COFiJvAshTxNjpL56XeCP-YaP6Udwd6xDFM/s640/3.png" width="640" /></a><br />
<br />
<br />
5.- Buscaremos en el apartado de búsqueda el siguiente nodo, teclea label y selecciona, podrás leer su descripción, una vez seleccionada le damos en el botón crear.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBeqp6dI7jc56kF5g7rkAsbQaNjRoPdYECJ-fOPsLE2boGDKIfNCNVntzoMZ6QQxlJbwH_gh86n12V1zGuDAaB-dct-wCdk1xqIFgr5AhOqyeBnaIH33vksvgbhcbh0i3erjZcaCUzsvZ/s1600/4.png" imageanchor="1"><img border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBeqp6dI7jc56kF5g7rkAsbQaNjRoPdYECJ-fOPsLE2boGDKIfNCNVntzoMZ6QQxlJbwH_gh86n12V1zGuDAaB-dct-wCdk1xqIFgr5AhOqyeBnaIH33vksvgbhcbh0i3erjZcaCUzsvZ/s640/4.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
6.- Ahora podemos ver como ha agregado el nodo, si observamos bien en la parte de arriba a la izquierda unos puntos en rojo, ese es nuestro nodo label, ademas si vemos tanto en la ventana de escena como en el inspector podemos ver que hemos agregado el nodo. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIYOhTk3_WR2ENB3HgHQ53t9gk09QncYC1UnFI3OzT8kIh4hiL07JsVYd8oDAwzEGzKY7BXoG9oE4pVOpRwPoR5lSVPMQbmgyQNgkevDollyvSYHmjZe-SOeiKYtKWM1eNADATcCprzzz/s1600/5.png" imageanchor="1"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIYOhTk3_WR2ENB3HgHQ53t9gk09QncYC1UnFI3OzT8kIh4hiL07JsVYd8oDAwzEGzKY7BXoG9oE4pVOpRwPoR5lSVPMQbmgyQNgkevDollyvSYHmjZe-SOeiKYtKWM1eNADATcCprzzz/s320/5.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieu9Kr0dc6RL-bY0C2I4VXGfGghZhWblMT9627s5I5enO5XOIInapUJjW8pIo8SZqEWYspz8Y0qN81CX8U7qsucyBTOzknN0zYU9_PZlsVRw5MjzdTtjfJ9sXZ7FK7_ThLITpSPEfydMQC/s1600/6.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieu9Kr0dc6RL-bY0C2I4VXGfGghZhWblMT9627s5I5enO5XOIInapUJjW8pIo8SZqEWYspz8Y0qN81CX8U7qsucyBTOzknN0zYU9_PZlsVRw5MjzdTtjfJ9sXZ7FK7_ThLITpSPEfydMQC/s320/6.png" width="308" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ltH4lf4yG5UU0Asx7qFDfgrUsyKeaxReHyA8wUIr6rjmv_evQwrG_U8t5aVmZPMBSgTtfKvJwVkZy7hEx7sQe9OKoaOr4kCQQswMY69AlrOIlSMI1-PrMzr06Uoqc86ukd1wB-s0LY5t/s1600/7.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ltH4lf4yG5UU0Asx7qFDfgrUsyKeaxReHyA8wUIr6rjmv_evQwrG_U8t5aVmZPMBSgTtfKvJwVkZy7hEx7sQe9OKoaOr4kCQQswMY69AlrOIlSMI1-PrMzr06Uoqc86ukd1wB-s0LY5t/s400/7.png" width="236" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Ahora en la ventana de inspector podemos cambiar algunas cosas, principalmente colocar el texto de hola mundo u otro texto que tu desees, nos vamos en la parte donde dice Text y colocamos nuestro texto y le damos enter para también mostrarlo en el apartado 2D, podemos moverlo a un lugar adecuado arrastrando con el mouse.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ZEg4iEnnfxGeGlZ_Ce3ptu8TqPUkvIhxzmZGIajbzFIA-UcedzM6QCo1iEHFAC715325eFTYYWYUYbMog5mYoKDh1dLNCa9p66LQvYxpmvVHnw3049giN8n2iOeG5qf5iQwr8dA4hzAP/s1600/8.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ZEg4iEnnfxGeGlZ_Ce3ptu8TqPUkvIhxzmZGIajbzFIA-UcedzM6QCo1iEHFAC715325eFTYYWYUYbMog5mYoKDh1dLNCa9p66LQvYxpmvVHnw3049giN8n2iOeG5qf5iQwr8dA4hzAP/s400/8.png" width="225" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja6tHm3gVmUKUAbWzS-2hxwmn6f7YtZ-wP3yiMKYPVQIFchWT4WpNHMxix9P4vo2eniNu9Z8WOwBSWjId4BlUR4XKos2Q4Z2vme6QAiUsUiJ8HvmsxAfNUTx6fTwtWG3FdShFlxrXCaWdV/s1600/9.png" imageanchor="1"><img border="0" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja6tHm3gVmUKUAbWzS-2hxwmn6f7YtZ-wP3yiMKYPVQIFchWT4WpNHMxix9P4vo2eniNu9Z8WOwBSWjId4BlUR4XKos2Q4Z2vme6QAiUsUiJ8HvmsxAfNUTx6fTwtWG3FdShFlxrXCaWdV/s640/9.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.- Bien, ahora le daremos al botón de Play para poderlo ver en la pantalla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mbVBGJ_yM38xf25vlBt9ekJN26u_2shEl32eR8KNFRH3dh0KSBnVdEMrmXjQHoEIeGtE4Ko3wtTjQKojGMO5yrj4eKpkfIrjCu5gzkTxhsaiUDb73QplJGZSEgcJEohHqnirNTQsri2x/s1600/10.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mbVBGJ_yM38xf25vlBt9ekJN26u_2shEl32eR8KNFRH3dh0KSBnVdEMrmXjQHoEIeGtE4Ko3wtTjQKojGMO5yrj4eKpkfIrjCu5gzkTxhsaiUDb73QplJGZSEgcJEohHqnirNTQsri2x/s400/10.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
9.- Al darle play, nos saldrá una ventana de confirmación, la cual nos pregunta que la escena aun no ha sido guardada, le daremos en el botón de si aceptando guardar la escena, nos saldrá una ventana la cual es para guardar nuestra escena, colocaremos el nombre del archivo y le daremos guardar y nos compilara el proyecto y mostrara en una ventana nuestro resultado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsg8LqS4MoA5GeRNPEMef3fhVvN7odd17ImUidHkgi0DKUUcPl5zD4qt3P_2QllR1OY3CN0GnxNE1mv2I7EIQ0ufvN8J1dyayjjgSPuytf3Ud91_bQLFyxZH9xyEweB65c0pL0G3KVxcb/s1600/11.png" imageanchor="1"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsg8LqS4MoA5GeRNPEMef3fhVvN7odd17ImUidHkgi0DKUUcPl5zD4qt3P_2QllR1OY3CN0GnxNE1mv2I7EIQ0ufvN8J1dyayjjgSPuytf3Ud91_bQLFyxZH9xyEweB65c0pL0G3KVxcb/s640/11.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCXa4BDa2RhjjJN20YN1xYu2aAE1eedhT7IZwzRXwafj6mknC1yL7hEjCmtUN-LR0Kay0dwkkE_Ml6Q9V0_Rnjrz-5eECb21wGevguxVmYB-NvOBORjC5F7vjeG53te5yUwotHuF-w_0O/s1600/12.png" imageanchor="1"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCXa4BDa2RhjjJN20YN1xYu2aAE1eedhT7IZwzRXwafj6mknC1yL7hEjCmtUN-LR0Kay0dwkkE_Ml6Q9V0_Rnjrz-5eECb21wGevguxVmYB-NvOBORjC5F7vjeG53te5yUwotHuF-w_0O/s640/12.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmWo2v1w0fVxdxkCOyopsNW7S_ue1OCA7xmkUrfNTBjPWKkmDxHrrqPbVrbEQlfFsHP4gz13A97rihrajx4yWS9S94V3csfZ6f48tlLBVO3IX2rWr-M9Q1JcIDY2QfJ97hnqeSHvcV6DSO/s1600/13.png" imageanchor="1"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmWo2v1w0fVxdxkCOyopsNW7S_ue1OCA7xmkUrfNTBjPWKkmDxHrrqPbVrbEQlfFsHP4gz13A97rihrajx4yWS9S94V3csfZ6f48tlLBVO3IX2rWr-M9Q1JcIDY2QfJ97hnqeSHvcV6DSO/s640/13.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Bien hecho, hemos logrado crear un mensaje y poder verlo en pantalla, en mi caso un poco de publicidad en el sitio XD, pero el ejemplo se entiende XD, hemos terminado con el ejemplo.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Siempre puedes apoyar dando clic en la publicidad, recuerda practicar siempre cada vez lo harás mejor, hasta la próxima. </span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-21112555877879223452018-11-04T19:31:00.001-08:002018-11-05T16:53:42.723-08:00Espacio de trabajo en Godot 3<br />
<div style="text-align: justify;">
<span style="font-size: large;">Hola de nuevo, en este tutorial aprenderemos como es el espacio de trabajo o Workspace en Godot 3, ubicaremos las seccionas mas importantes, sin mas comencemos.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
1.- Primero tendremos que cargar o crear un proyecto nuevo en godot para poder entrar al espacio de trabajo, una vez hecho esto, nos mostrara la siguiente ventana donde se encuentra el espacio de trabajo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1rw6rGqCE11MyGOKgsdh5Rgi6L-ZVMQKrjsJZ6prlxMH4fnw7ShH4azzgMbbPSZIXhAJ_L4-uAxbCWLjPYVoKG_JULzGHwKDSv48zI0TJ8Ou5RtzvKd-r-xTK_I7Z-bAkPFOP3A92Tdv/s1600/8.png" imageanchor="1"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1rw6rGqCE11MyGOKgsdh5Rgi6L-ZVMQKrjsJZ6prlxMH4fnw7ShH4azzgMbbPSZIXhAJ_L4-uAxbCWLjPYVoKG_JULzGHwKDSv48zI0TJ8Ou5RtzvKd-r-xTK_I7Z-bAkPFOP3A92Tdv/s640/8.png" width="640" /></a></div>
<br />
<div style="text-align: justify;">
2.- Lo primero que vemos es un entorno 3D que carga por default. Esta compuesto por varias secciones que iremos detallando mas adelante, en la parte de arriba podremos ver los espacios de trabajo de godot.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtFmjYvyvPLH-9JHmHmq0zdJldhXc8eLanVw0YvrMMJN2Xj3eu7DpOyhscWSpEsgj_hkZPurXq1nWV_f7egraJKgvajNnZTET1ATM6JISUYsQYTKVrSPlbJA6cblV3Mz-RlnqrpJD5Y4ez/s1600/1.png" imageanchor="1"><img border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtFmjYvyvPLH-9JHmHmq0zdJldhXc8eLanVw0YvrMMJN2Xj3eu7DpOyhscWSpEsgj_hkZPurXq1nWV_f7egraJKgvajNnZTET1ATM6JISUYsQYTKVrSPlbJA6cblV3Mz-RlnqrpJD5Y4ez/s640/1.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- La parte de en medio es conocido en ingles como <i>Viewport</i>, es el espacio donde colocamos nuestros objetos de la escena y es donde se realizara toda la parte creativa de nuestro juego.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGOY5j7UZS_aql0ls09wft5HWUgZPpS6RIkxXm0UoJ3uF-gVZj4NCCXHXwF2qznGRDAbBTOpDUX3qXEdbpLv9d0cQulkss07Zj3XZC9_1aGeklSPvYh7eEle_rcpi6bDbjWkebH9jLCG19/s1600/2.png" imageanchor="1"><img border="0" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGOY5j7UZS_aql0ls09wft5HWUgZPpS6RIkxXm0UoJ3uF-gVZj4NCCXHXwF2qznGRDAbBTOpDUX3qXEdbpLv9d0cQulkss07Zj3XZC9_1aGeklSPvYh7eEle_rcpi6bDbjWkebH9jLCG19/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- En la parte de arriba del <i>Viewport</i> se encuentra la barra de herramientas que nos ayudaran a manipular los objetos en la escena. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnAIIvR_gUDDj3AUawKQYNOOH5MTGpDJQw5hUtjaVeqXgUAT8tm6H7rzQAGTMC8rtEY_8s-Sl8-S8QVPDDlQIUXI8NNoSPrbmRwDfEtREzU1HY0Ka5EFyxbCLBZ5T_Js2ygou3XZNwfJo9/s1600/3.png" imageanchor="1"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnAIIvR_gUDDj3AUawKQYNOOH5MTGpDJQw5hUtjaVeqXgUAT8tm6H7rzQAGTMC8rtEY_8s-Sl8-S8QVPDDlQIUXI8NNoSPrbmRwDfEtREzU1HY0Ka5EFyxbCLBZ5T_Js2ygou3XZNwfJo9/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Mas arriba nos encontraremos con los menús principales, donde podremos realizar otras acciones, como guardar, abrir otros proyectos, etc..</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E-D3_7ACPG_CqUMzKTYCZeHbqyesls6ckcHfWySga-nfiedKx1u0-DafJEUqNP76asC0DI9oqpaj2Ej_AQeLIB_zHx9VSgMaFJyocaY9opqj85LO4I4YnOp6VchqIMq4z_vrA8X7Urbl/s1600/4.png" imageanchor="1"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E-D3_7ACPG_CqUMzKTYCZeHbqyesls6ckcHfWySga-nfiedKx1u0-DafJEUqNP76asC0DI9oqpaj2Ej_AQeLIB_zHx9VSgMaFJyocaY9opqj85LO4I4YnOp6VchqIMq4z_vrA8X7Urbl/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Abajo del menú, tenemos un espacio donde encontramos los archivos que tenemos en nuestra carpeta, podemos crear borrar y manipularlos aquí en este espacio. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoGCAEXggBxgz2yxyPbUTpO3igaLziz5E2SQ_QFI7fp068Vt-7HE3kil-BPph2_tlwx9Ftjj40iMNOopirFlZqvOfakwpUWjw0Jg-TslNrbCr5QU4QeGOJVUA3WYGdoBjNXNaVXehXFTq7/s1600/5.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoGCAEXggBxgz2yxyPbUTpO3igaLziz5E2SQ_QFI7fp068Vt-7HE3kil-BPph2_tlwx9Ftjj40iMNOopirFlZqvOfakwpUWjw0Jg-TslNrbCr5QU4QeGOJVUA3WYGdoBjNXNaVXehXFTq7/s640/5.png" width="186" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7.- Mas abajo nos encontramos con otras ventanas, las cuales son <i>Salida, Debugger, Audio y Animación, </i>cada una con su función especifica que iremos detallando en próximos tutoriales, por el momento aparecen en esta sección. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPXoKWigdVhlJdTCvhYpvV-kt_u3XV-MvGq6qoZ_3AOe3x4937SZdTw6w0juKXsCKkdle68xU4REkfgdZwh7CvolOXFgowQ1rtzrs41hUlfZvM3Jw5kMpS7wKqG6Z-pyi8hUEhB4M6gVQ/s1600/6.png" imageanchor="1"><img border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPXoKWigdVhlJdTCvhYpvV-kt_u3XV-MvGq6qoZ_3AOe3x4937SZdTw6w0juKXsCKkdle68xU4REkfgdZwh7CvolOXFgowQ1rtzrs41hUlfZvM3Jw5kMpS7wKqG6Z-pyi8hUEhB4M6gVQ/s640/6.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8.- Al lado derecho, nos encontraremos con dos ventanas, los cuales son las opciones de la Escena y el inspector.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZp3uaqGXNxmStPesULgpOE-MZNFuxzu8vPQ33UIr2E7Zu9GiFN9in5RuhEKmIrTSmdAneFmwBsHVOBRKqIDcrUclPpiejSI-HpgovN3sVHNLjrS9ije7k6Bhaba7MGywdcSR5OQClRLe/s1600/7.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZp3uaqGXNxmStPesULgpOE-MZNFuxzu8vPQ33UIr2E7Zu9GiFN9in5RuhEKmIrTSmdAneFmwBsHVOBRKqIDcrUclPpiejSI-HpgovN3sVHNLjrS9ije7k6Bhaba7MGywdcSR5OQClRLe/s640/7.png" width="184" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
9.- Para terminar, en la parte de arriba donde se encuentra la ventana de escena, podemos ver los controles de reproducción, aquí es donde podremos ejecutar nuestro proyecto para visualizarlo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZjUU6e8PSDRXgk3TYK9jcDYPN7_6Wm1vT6sAcKQQQJI0PHyU60wNUmoy3RITAtXXUBVa7YJQocFv57Ts6db2yZwZTZk5RU253teqG-2voJi2vX0hee0MlzpcnyBbf83nwHMbksMLV4Kf/s1600/8.png" imageanchor="1"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZjUU6e8PSDRXgk3TYK9jcDYPN7_6Wm1vT6sAcKQQQJI0PHyU60wNUmoy3RITAtXXUBVa7YJQocFv57Ts6db2yZwZTZk5RU253teqG-2voJi2vX0hee0MlzpcnyBbf83nwHMbksMLV4Kf/s400/8.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Bien, esto fue un pequeño resumen del entorno de Godot, mas adelante iremos detallando las funcionalidades de cada cosa cuando las vayamos usando, ya que aprender en este momento todas las funcionalidades podría saturarnos, así que lo dejaremos hasta aquí. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Bien hecho, siempre puedes apoyar al sitio dando clic en alguna publicidad que te aparezca, ya que con esto nos apoyas a seguir avanzando, practica mucho cada vez lo harás mejor.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-79124685410409190132018-11-04T18:52:00.004-08:002018-11-05T16:43:36.784-08:00Iniciar un proyecto en godot 3<br />
<div style="text-align: justify;">
<span style="font-size: large;">En este ejemplo empezaremos con godot, este increíble motor que puede servirnos como alternativa de los motores mas populares, aprenderemos algunas opciones que nos provee godot y como iniciar un proyecto y algunas opciones para empezar. Sin mas pues empecemos.</span></div>
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
1.- Lo primero que tenemos que hacer es haber instalado godot 3. Ya que lo hayamos instalado podemos ver el icono instalado en nuestro Escritorio, ubicalo y dale doble click para abrir.</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdmNqKt1AkTAq8perNDkl_OpJ002ZhRZAh70MeNmcrv5eMqVwOQ0-5g4Kt8v-fdiWSKi5AE0-0NlQCS-a69YvPD_xNwuIHteEB0VOyxWQQLF_wIWqAeKGnQRIzeAELRBs-J4QLUqksWVH/s1600/1.png" imageanchor="1"><img border="0" height="494" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdmNqKt1AkTAq8perNDkl_OpJ002ZhRZAh70MeNmcrv5eMqVwOQ0-5g4Kt8v-fdiWSKi5AE0-0NlQCS-a69YvPD_xNwuIHteEB0VOyxWQQLF_wIWqAeKGnQRIzeAELRBs-J4QLUqksWVH/s640/1.png" width="640" /></a><br />
<br />
2.- Cuando lo presionas la carga del motor se muestra de la siguiente manera.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAui2gE79i-c6vUo_OGSSSpLLelfKkyjqgVLeaTLy2gyX2XxmwLwW1_VItZ5cpBqOadXgDbf78-snh4efn7w2YYjkEKGBdQgCZpGceeLxIOEHpU24LPBgdWrJSF7SHDf1stNPgBC-_8p8/s1600/2.png" imageanchor="1"><img border="0" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAui2gE79i-c6vUo_OGSSSpLLelfKkyjqgVLeaTLy2gyX2XxmwLwW1_VItZ5cpBqOadXgDbf78-snh4efn7w2YYjkEKGBdQgCZpGceeLxIOEHpU24LPBgdWrJSF7SHDf1stNPgBC-_8p8/s640/2.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
3.- Bien ya por fin a cargado godot, la pantalla que se nos muestra se llama<i> Project Manager </i>aquí podemos ver muchas cosas que detallare, en la parte de arriba hay dos pestañas, por defecto se encuentra la lista de proyectos que cuando empecemos a utilizar, nos saldrán aquí para un acceso rápido. De lado derecho podremos ver el idioma, aquí podremos configurarlo en el idioma que prefieras, por motivos de internacionalización yo mantendré el mio en ingles, pero puedes probar cambiar al idioma que prefieras. </div>
<div style="text-align: justify;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg728WyqCIJSEtoA3mERB2qNvGogAw8J-4k4jDh_M0M7QauYbqsJd2opkfjI2TopIW8LZ0mF_sIxzKIt4WT21FC2iZPqf3aRHuGdtOSyt7J7gDRDyMwA9mXXHkTmzWORVbuim6BNsH_1hDW/s1600/3.png" imageanchor="1"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg728WyqCIJSEtoA3mERB2qNvGogAw8J-4k4jDh_M0M7QauYbqsJd2opkfjI2TopIW8LZ0mF_sIxzKIt4WT21FC2iZPqf3aRHuGdtOSyt7J7gDRDyMwA9mXXHkTmzWORVbuim6BNsH_1hDW/s640/3.png" width="640" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIkapJ4Jy7in02nr1bMl7t6oB4CZp8iYw6w2WPvrRDasAb1ZQqge2qYvSYCqA95PyeXhYrtmbzy0DvMd7UOOI97T9eYpfwnpGCbe39mBTJRoGKlRlGeNuKtyCV0rO9nBNBIcEPX7_FFzZ/s1600/4.png" imageanchor="1"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIkapJ4Jy7in02nr1bMl7t6oB4CZp8iYw6w2WPvrRDasAb1ZQqge2qYvSYCqA95PyeXhYrtmbzy0DvMd7UOOI97T9eYpfwnpGCbe39mBTJRoGKlRlGeNuKtyCV0rO9nBNBIcEPX7_FFzZ/s640/4.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
4.- También viene con botones para poder iniciar con los proyectos, importarlos, ejecutar alguno o iniciar un nuevo proyecto.</div>
<div style="text-align: justify;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEsfsc8Mmr908g-z0k3GK3KX3adbETDllb2TumTbv8ynO0VCBxJLBSSm8T4S0TMZxy70sNZ6l2QgbaVjIcjVSXvFbeRF8ZQRb054scuwdrppvpmpap1ffX4ZfRoCmcbX0K_g6FoOTXmvzJ/s1600/5.png" imageanchor="1"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEsfsc8Mmr908g-z0k3GK3KX3adbETDllb2TumTbv8ynO0VCBxJLBSSm8T4S0TMZxy70sNZ6l2QgbaVjIcjVSXvFbeRF8ZQRb054scuwdrppvpmpap1ffX4ZfRoCmcbX0K_g6FoOTXmvzJ/s640/5.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
5.- Para terminar iniciaremos un nuevo proyecto dando al botón <i>New Project </i>y le daremos los siguientes opciones, primero el Nombre Del Proyecto y la ruta del proyecto, le daremos en browser, colocamos la ruta donde queremos crear nuestro proyecto, si lo requieres, puedes crear una carpeta y una vez listo puedes darle abrir para seleccionar el proyecto.</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5HegFdJtFXdubJylJYerTIPs_zY_UFTrTLg9QcWt2NbMEYI5rm_rBPdUIo3ek_NLm4RILdgsxCVoYipieMnaPm0W1SEJxnktqeZyzeaiO6FXXIkpLWfh6tEVTR3Q-GigaW3AA0EmRCvFv/s1600/6.png" imageanchor="1"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5HegFdJtFXdubJylJYerTIPs_zY_UFTrTLg9QcWt2NbMEYI5rm_rBPdUIo3ek_NLm4RILdgsxCVoYipieMnaPm0W1SEJxnktqeZyzeaiO6FXXIkpLWfh6tEVTR3Q-GigaW3AA0EmRCvFv/s640/6.png" width="640" /></a><br />
<br />
6.- Ahora si ya que tenemos todos los elementos en la escena podemos darle crear.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYybHRvMoLIZSXx2R_Vrp_H6fIiiIXVLXmugDdWAG9wdH26UxwvslRwjd3F28ckm5jQ7hA9olsoYiVg5ek5VtaD-2hoiS7JNnwHuarHe8NT85GRVgDQtxoeFyB0ooYgBFTQWH2jfj-_kXN/s1600/7.png" imageanchor="1"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYybHRvMoLIZSXx2R_Vrp_H6fIiiIXVLXmugDdWAG9wdH26UxwvslRwjd3F28ckm5jQ7hA9olsoYiVg5ek5VtaD-2hoiS7JNnwHuarHe8NT85GRVgDQtxoeFyB0ooYgBFTQWH2jfj-_kXN/s640/7.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
7.-Bien hecho, has creado tu primer proyecto, ahora nos pondremos manos a la obra para poder entender los demás elementos del motor, si todo ha salido bien podrás ver la ventana de inicio.</div>
<div style="text-align: justify;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3Hxd5HOITij3OomP9ONBxtTWCvthOB0DN68mJcxRZuTePwbORC72X91tX6Jscy2sifa6TgBqvJZItg89PLUb3O-yr8ptAE0Ik2rKpcEJq5H0DnIcrn79N4FO3VoKvdTGJNts_vLzVhFN/s1600/8.png" imageanchor="1"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3Hxd5HOITij3OomP9ONBxtTWCvthOB0DN68mJcxRZuTePwbORC72X91tX6Jscy2sifa6TgBqvJZItg89PLUb3O-yr8ptAE0Ik2rKpcEJq5H0DnIcrn79N4FO3VoKvdTGJNts_vLzVhFN/s640/8.png" width="640" /></a><br />
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Bien hecho, como todo motor de videojuego es necesario saber iniciar, recuerda que como todo conocimiento nuevo siempre habrá duda y miedo, pero eso es lo interesante de iniciar, recuerda que todo es un aprendizaje, el tiempo que le dediques te dará siempre mejores resultados.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Siempre puedes apoyar dando click en algún anuncio que te aparezca, ya que con eso me apoyas a mi y a los demás a que esto siga creciendo, intentare siempre dar lo mejor, así que practica mucho, cada vez lo harás mejor.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-41697280960367036712016-07-30T16:30:00.000-07:002018-11-21T19:37:42.132-08:00Rotar un objeto Script en unity 5+<div style="text-align: justify;">
En esta ocasión realizaremos un pequeño script que nos ayude a entender un poco como funciona algunas propiedades de ciertos objetos, para el ejemplo rotaremos mediante código un objeto 3D en su posición, siempre puedes revisar la documentación para explorar como funcionan algunas cosas que vemos aquí, comenzamos.<br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1.- Tendremos que tener un proyecto creado, accedemos a nuestro proyecto, si no podemos crear uno que tenga un entorno 3D, no importa si tenemos uno con vista 2D ya que unity tiene la capacidad de cambiar estas vistas, bien lo que necesitaremos primero es introducir a nuestra escena un objeto 3D, nosotros utilizaremos un cubo para poder realizar este pequeño script, para insertar un cubo realizaremos lo siguiente, nos vamos al menú, le damos en GameObject < 3D object < Cube, con eso habremos insertado el cubo, podemos nombrarlo o dejarlo como esta.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKU5NyDnYpzUxFyPeDlJ55I6KQZOhEvXF20P2KWgqiCUdFEN_G0TmjzIDmM8pd5HgJcbU5uQN9afPyReTpeirH6xWHwWl3pDp8t2PYIaGT8GC8ywA97LnNaSl5G4zyUdbSFx4_C7dzGRaS/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="540" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKU5NyDnYpzUxFyPeDlJ55I6KQZOhEvXF20P2KWgqiCUdFEN_G0TmjzIDmM8pd5HgJcbU5uQN9afPyReTpeirH6xWHwWl3pDp8t2PYIaGT8GC8ywA97LnNaSl5G4zyUdbSFx4_C7dzGRaS/s640/1.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVxjV9UOT4p3kW5vXFtPKl1E5_EKh5apHvVZnKwzx4haRs4hYCCuZtRbbYGlEY82ZwhBuijK3GmU-kWkeae5ySJOgbB79Hg6vjiZomeRDPdEM8IsfEC0Y1e3bj-uvQAp0k-mfzaJD2naU/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVxjV9UOT4p3kW5vXFtPKl1E5_EKh5apHvVZnKwzx4haRs4hYCCuZtRbbYGlEY82ZwhBuijK3GmU-kWkeae5ySJOgbB79Hg6vjiZomeRDPdEM8IsfEC0Y1e3bj-uvQAp0k-mfzaJD2naU/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Ahora nos tocara realizar este pequeño script, le daremos en la pestaña de proyecto Create < C# Script y lo nombraremos como Rotar, le daremos doble clic y nos iremos a monodevelop e introduciremos el siguiente código.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lLet1hYnKwU-mQogs5U7CIBXSt0TQpd1vIcJdx-R48oHAhWHo2dkKy9BkL1Pi2uJVKEwCMIptLoOsGwOpWQGAl-LhsVGbnczTEIyXRu8pttZrB6k9aHOl3C0UoliaISUKjyor1-X_A_j/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lLet1hYnKwU-mQogs5U7CIBXSt0TQpd1vIcJdx-R48oHAhWHo2dkKy9BkL1Pi2uJVKEwCMIptLoOsGwOpWQGAl-LhsVGbnczTEIyXRu8pttZrB6k9aHOl3C0UoliaISUKjyor1-X_A_j/s640/3.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghETm4FA1z1eOac_OSyD8PSg8o-uQH3zsm21E4jrfwTvH1onQMuqhNPKX4pL6_C7mIyeM_uZJzJiAh16PasGXq1hJfihj0GmZouUd1bBin9P9llZxiV1L7Bo7nbC1ALTTmdKYKZy2DjW4W/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghETm4FA1z1eOac_OSyD8PSg8o-uQH3zsm21E4jrfwTvH1onQMuqhNPKX4pL6_C7mIyeM_uZJzJiAh16PasGXq1hJfihj0GmZouUd1bBin9P9llZxiV1L7Bo7nbC1ALTTmdKYKZy2DjW4W/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Ahora que hemos creado nuestro script, nos regresamos a unity y esperamos que compile nuestro código, si no tiene errores ahora nos tocara pasárselo al objeto para probar nuestro script, para ello tomamos nuestro script y lo asignamos a nuestro cubo.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgga8-g9ifj5P0v5Q6N7pF_AgqLBRPnyUWSIuYCVkuGoyDVfREtqhHJoBrgrHjX02KqZnETU-7DPhkxcyk3A-gZ9zYa2xJICY-2xoIyo12UdFhl5ROW9pagcQpc2Mhlf2iphhUFp0V2PNS/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgga8-g9ifj5P0v5Q6N7pF_AgqLBRPnyUWSIuYCVkuGoyDVfREtqhHJoBrgrHjX02KqZnETU-7DPhkxcyk3A-gZ9zYa2xJICY-2xoIyo12UdFhl5ROW9pagcQpc2Mhlf2iphhUFp0V2PNS/s640/5.png" width="564" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Para finalizar, le daremos en el botón Play y vemos nuestro resultado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: medium;">Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: medium;"><br /></span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px;"></span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: medium;">Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en <a href="https://www.patreon.com/Depredador1220" style="color: #888888; text-decoration-line: none;" target="_blank">Patreon</a> si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.</span></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com4tag:blogger.com,1999:blog-2091937680741036694.post-25044172421921136822016-07-23T16:11:00.000-07:002018-10-27T03:10:52.338-07:00Usando Enum en Unity 5+<div style="text-align: justify;">
En esta ocasión continuando con el script básico usaremos Enum, los enum se utilizan para enumerar conjunto de constantes con nombres, utilizaremos como lista de elementos en este caso serán armas que utilizamos en los juegos First Person Shooter, solo identificaremos estos elementos.<br />
<br />
<br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1.- Lo primero es tener abierto unity, después de eso crearemos un GameObject Vacio para poder asignarle nuestro script, nos situamos en GameObject > Create Empty y lo nombramos Jugador.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1VDdFygWtn6hh9tzgW20AvxeXtJItcUv8sURzw6aMRROUQsCzkj9Zsa_P_p78mR1JfK0g-h9mKnNClSIp3TR2Y_6PmGXF2bSVlWWJxmVwgdCFV37O96t1iYcm1LXWEoOa0hQr2SseKUv/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1VDdFygWtn6hh9tzgW20AvxeXtJItcUv8sURzw6aMRROUQsCzkj9Zsa_P_p78mR1JfK0g-h9mKnNClSIp3TR2Y_6PmGXF2bSVlWWJxmVwgdCFV37O96t1iYcm1LXWEoOa0hQr2SseKUv/s640/1.png" width="424" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Ahora crearemos un nuevo script y lo llamamos UsandoEnum y lo rellenaremos con el siguiente código.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiL3gQQW7LBFeDOhnjksD92Cu3AwFAinSnRmL7nPQYGgncxCh3lnuySQm4txPcsPSU2gGgHVYfoR2f_8fqzvfuicNAKfEvB3syvvP4mire1ETB2iuml5wd7yCUZGfFM_uIs_yJOZztCt60/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiL3gQQW7LBFeDOhnjksD92Cu3AwFAinSnRmL7nPQYGgncxCh3lnuySQm4txPcsPSU2gGgHVYfoR2f_8fqzvfuicNAKfEvB3syvvP4mire1ETB2iuml5wd7yCUZGfFM_uIs_yJOZztCt60/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Regresamos a unity y comprobamos si no tenemos errores, ahora le asignaremos el script a nuestro Jugador que es nuestro GameObject como lo habíamos nombrado.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1n32ny_jvsZ2RFafVLq7Ek3aOieooc1_bNXJGemQcil1SYjs4i10XsvE2uSX-o09dHkTq4BKqW9PdrXs-kMleIDw-GMI2o9auTcRz-fP1XmCPpBhSZA4PrO34MEtjUcE26eyn-o2qpDDV/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1n32ny_jvsZ2RFafVLq7Ek3aOieooc1_bNXJGemQcil1SYjs4i10XsvE2uSX-o09dHkTq4BKqW9PdrXs-kMleIDw-GMI2o9auTcRz-fP1XmCPpBhSZA4PrO34MEtjUcE26eyn-o2qpDDV/s640/3.png" width="524" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora si nos situamos en nuestra variable de Armas a Utilizar podemos ver la lista de elementos que hemos declarado en nuestro enum y eso seria todo.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbTpoxp5Ogmiu2MUbJZ3dErEwO0t6OjFwT5M63CmmOmkly7IagdczeKZ62u4BMFg8_e2gHnQ2WBDoWnTyhsn3zfMBkZkswErv8mv4wNxvFPJ0EFkGnAmG4n2O0YpThHZOEi_rZv86U3dk/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="601" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbTpoxp5Ogmiu2MUbJZ3dErEwO0t6OjFwT5M63CmmOmkly7IagdczeKZ62u4BMFg8_e2gHnQ2WBDoWnTyhsn3zfMBkZkswErv8mv4wNxvFPJ0EFkGnAmG4n2O0YpThHZOEi_rZv86U3dk/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Si te sirvió el tutorial apoyarme dando clic en la publicidad del sitio, con esto me llevo una compensación por lo tutoriales hechos, saludos y practica mucho, cada vez lo harás mejor,</div>
<div style="text-align: justify;">
<br /></div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0tag:blogger.com,1999:blog-2091937680741036694.post-58582284816483571452016-07-10T12:06:00.002-07:002016-07-10T12:06:31.147-07:00Consola y Compilacion de Script en Unity 5+<div style="text-align: justify;">
Hola, en este punto nos enfocaremos en la consola y la compilación de scripts, la compilación en términos mas exactos es el que traduce un código fuente a un archivo ejecutable, la consola nos servirá para ver si tenemos algunos errores a la hora de crea nuestro código para ello es importante tenerla activa, si deseas tener mas información sobre estos aspectos no dudes en revisar la documentación y aprender un lenguaje de programación para familiarizarte con estos términos mas concretos, sin mas comenzamos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1.- Antes debo aclarar que esta es la continuación del primer ejemplo de script, por si no lo has visto te coloco el link para ir directamente y después pasarte hasta aquí, <a href="http://recopilacioncodigosprogramacion.blogspot.mx/2016/07/creando-un-script-en-unity-5.html" target="_blank">link</a>, una vez aclarado esto, tendremos que activar la consola por si no la tienes visible, los pasos son los siguientes, situarse en el menú y buscar la pestaña Window > Console, con esto activaremos la consola y la colocamos en un lugar donde no nos estorbe para poder trabajar.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyfuW_cjZg_cCpNLXJeBFYxGrspngvuq_hxnqysP6naRSEU-RbCjW80R_VzA2blXQRKrPSOOtjurXLBfHV_v9eKwvb-GlnvFSNExfuzuxNgh7UKkFj6uCsQTH_jTd1n76eJF_rkZsyDLe/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyfuW_cjZg_cCpNLXJeBFYxGrspngvuq_hxnqysP6naRSEU-RbCjW80R_VzA2blXQRKrPSOOtjurXLBfHV_v9eKwvb-GlnvFSNExfuzuxNgh7UKkFj6uCsQTH_jTd1n76eJF_rkZsyDLe/s640/1.png" width="614" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2.- Como mencionaba antes la consola nos servirá para visualizar errores que podamos cometer, ya que los lenguajes de programación mantienen reglas para poder realizar una tarea especifica, por eso es importante conocer la sintaxis del lenguaje que estaremos practicando, bueno primero le daremos doble clic a nuestro script para conocer como son y también el IDE que es donde programaremos, utilizaremos MonoDevelop para este fin así que damos doble clic y visualizamos nuestro script.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrs4KLp5PkretivZr9uCwn-IA3d6Bh1Hbno0CJC-LH-fNP8Q1yiS8DN9AmoO55R2fSAHiUBe4RH6AlK_F5__GnuxYSaTr0GXCMwBRtxnlmpvfYRS0SrZovrAQmaPh1DPsQO6KtRyuS1DK/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrs4KLp5PkretivZr9uCwn-IA3d6Bh1Hbno0CJC-LH-fNP8Q1yiS8DN9AmoO55R2fSAHiUBe4RH6AlK_F5__GnuxYSaTr0GXCMwBRtxnlmpvfYRS0SrZovrAQmaPh1DPsQO6KtRyuS1DK/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3.- Como mencionaba antes, los lenguajes de programación tienes reglas y secuencias que hay que respetar, pero en este paso revisaremos las reglas de compilación, ya que comprendiendo esto podemos familiarizarnos mas cuando avancemos en scripting, aquí colocaremos cualquier texto y le daremos Ctrl + S para guardar.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVtQ_4BkAu0UweUdUkw8XMnD670STAf1AeNWnzhuRRJigkN6MNvWB7DxUIkBTGPb0jGfotC9Clnbq_c_E_qH13jCuXlOjUo-x5sUOelTVlpOBNqcVbgj0qPVrjxsZsHjDtqrfV5BVmNfh8/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVtQ_4BkAu0UweUdUkw8XMnD670STAf1AeNWnzhuRRJigkN6MNvWB7DxUIkBTGPb0jGfotC9Clnbq_c_E_qH13jCuXlOjUo-x5sUOelTVlpOBNqcVbgj0qPVrjxsZsHjDtqrfV5BVmNfh8/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4.- Ahora ya hemos realizado una acción en nuestro código, nos tocara compilar, la compilación ocurre cuando nos regresamos a unity, así que regresamos a unity y ponemos atención en la parte inferior derecha de la pantalla de unity, podemos visualizar una barrita de proceso, esto nos indica que unity esta compilando nuestro script, como en este primer intento hicimos algo mal, nos ayudara el uso de la consola para saber los errores que cometimos y como podemos interpretar para solucionar nuestro script.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc6oqajbvU4m28zWMJGOn01TnlhWmsO4LjaNBABXtGohWNV8Utzb9TtIVlGL0bSONv04NEPnMHbY64bX4wNtD7cD0M1OjPqKJSpcJzV8_FQRTyI4H8o_ACEjXFIlaLbckUfqs10uD84jEs/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc6oqajbvU4m28zWMJGOn01TnlhWmsO4LjaNBABXtGohWNV8Utzb9TtIVlGL0bSONv04NEPnMHbY64bX4wNtD7cD0M1OjPqKJSpcJzV8_FQRTyI4H8o_ACEjXFIlaLbckUfqs10uD84jEs/s640/4.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5NX8rBiknV_abfH6MO5qOGezp7BZxhwGuME2c-4ZbBIkXUbSr8JdcHgG8baFgH7zqOy51ATp2Jrk3ypFiEZwCabR0Yq6UILpO7nIWA2yY1pRAlny54PTPIOI5p5EpM7GnaIbqkY5-VLko/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5NX8rBiknV_abfH6MO5qOGezp7BZxhwGuME2c-4ZbBIkXUbSr8JdcHgG8baFgH7zqOy51ATp2Jrk3ypFiEZwCabR0Yq6UILpO7nIWA2yY1pRAlny54PTPIOI5p5EpM7GnaIbqkY5-VLko/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.- Bueno, tenemos error, obviamente en el texto que introducimos esta mal, por que no seguimos las reglas de insertar texto, aquí no lo haremos sera en siguientes tutoriales, pero no lo podemos dejar así, tenemos que solucionar el error, y el error que tenemos fue el texto, entonces regresamos a MonoDevelop y borramos el texto, le damos Ctrl + S para guardar, regresamos a Unity y observamos la barra donde esta compilando, el error se soluciono porque en la consola ya no aparece. Si llegara a continuar el error y ya se soluciono también podemos probar dándole en el botón clear en la consola.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeoEh5MitfyZ2OrQ7C-0c_FOfM1EgJxQhGGXoBaskrIaExvvy3d0zPupplEcOnV_H1HQ-3yJdB6D9aqvuXlCeesriU1Gu4LjRmXHSINFCmmGfwJfUk5pr8hjDXeX5m6BGO4j4_At_kJLN/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="508" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeoEh5MitfyZ2OrQ7C-0c_FOfM1EgJxQhGGXoBaskrIaExvvy3d0zPupplEcOnV_H1HQ-3yJdB6D9aqvuXlCeesriU1Gu4LjRmXHSINFCmmGfwJfUk5pr8hjDXeX5m6BGO4j4_At_kJLN/s640/6.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRC3iOVy4bGIcmSXDOp1-egAJDmlqhBogTz5R0h1meqoZI_Qp3te5YTXf1nslwLLt7GhmM7zaJQROFhFTLKQkCQZ8s7TLHHUjC-m-Ku077YWnnvVbhOA-3pdeuTRS55vzMeghMOIe-Bj7/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRC3iOVy4bGIcmSXDOp1-egAJDmlqhBogTz5R0h1meqoZI_Qp3te5YTXf1nslwLLt7GhmM7zaJQROFhFTLKQkCQZ8s7TLHHUjC-m-Ku077YWnnvVbhOA-3pdeuTRS55vzMeghMOIe-Bj7/s640/7.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.- Listo, ya hemos usado la consola para visualizar los errores, hemos visto el proceso de compilación que hace unity y un primer vistaso al código en MonoDevelop, en próximos tutoriales realizaremos mas cosas, practica mucho, cada vez lo hará mejor, puedes apoyar al sitio dando clic en la publicidad eso me anima a realizar mas tutoriales, gracias.</div>
Depredador1220http://www.blogger.com/profile/15778295818766047533noreply@blogger.com0