{"id":899,"date":"2023-01-29T23:47:45","date_gmt":"2023-01-29T23:47:45","guid":{"rendered":"http:\/\/mycours.es\/fastcurious\/?page_id=899"},"modified":"2025-03-27T14:43:03","modified_gmt":"2025-03-27T14:43:03","slug":"resources-interface","status":"publish","type":"page","link":"http:\/\/mycours.es\/fastcurious\/resources-interface\/","title":{"rendered":"Resources: Interface"},"content":{"rendered":"<h3><a href=\"http:\/\/mycours.es\/fastcurious\/files\/2023\/01\/Image-3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-909\" src=\"http:\/\/mycours.es\/fastcurious\/files\/2023\/01\/Image-3-1.png\" alt=\"\" width=\"959\" height=\"537\" srcset=\"http:\/\/mycours.es\/fastcurious\/files\/2023\/01\/Image-3-1.png 959w, http:\/\/mycours.es\/fastcurious\/files\/2023\/01\/Image-3-1-300x168.png 300w, http:\/\/mycours.es\/fastcurious\/files\/2023\/01\/Image-3-1-768x430.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/h3>\n<h3>Interface Kit Examples<\/h3>\n<p><a href=\"https:\/\/github.com\/molleindustria\/InterfaceKit-unity\">https:\/\/github.com\/molleindustria\/InterfaceKit-unity<\/a><\/p>\n<p dir=\"auto\">The companion video tutorials can be found here:<\/p>\n<ul dir=\"auto\">\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=KuePIJ3DnIk\" rel=\"nofollow\"><strong>part 1 &#8211; Canvas, rectTransform, UI sprites, layout<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=l28xsu2hsY8\" rel=\"nofollow\"><strong>part 2 &#8211; Interface Elements and scripting, buttons, sliders, textfields<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=zQUApfiXaXY\" rel=\"nofollow\"><strong>part 3 &#8211; Drag and drop interaction, event trigger, UI interface, delegates<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=rZVVD2_-ziI\" rel=\"nofollow\"><strong>part 4 &#8211; Easing UI with Unity Tweens, Coroutines<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=9fDTWS4cu8Y\" rel=\"nofollow\"><strong>part 5 &#8211; UI and world space objects, raycasts, screen space canvas<\/strong><\/a><\/li>\n<\/ul>\n<h3>Warm up exercise<\/h3>\n<p>Done individually. Watch part 1 to 3 of the tutorials. You have 2 choices:<\/p>\n<p><strong>A. Make a simple clicker\/idle\/incremental game.<\/strong><br \/>\nIt must have at least 5 upgrades.<br \/>\nIt must have a novel theme.<br \/>\n<a href=\"https:\/\/www.gamedeveloper.com\/design\/dissecting-design----why-idle-games-are-so-addicting\">Watch this analysis<\/a> and or read this 3 part series about the math of incremental games <a href=\"https:\/\/www.gamedeveloper.com\/design\/the-math-of-idle-games-part-i\">part 1<\/a> <a href=\"https:\/\/www.gamedeveloper.com\/disciplines\/the-math-of-idle-games-part-ii\">part 2<\/a> <a href=\"https:\/\/www.gamedeveloper.com\/design\/the-math-of-idle-games-part-iii\">part 3<\/a><\/p>\n<p><strong>B. Make an interface vignette.<br \/>\n<\/strong>Give a glimpse of a world, develop a character, or tell a story uniquely through an interface (fictional operating system, application or website).<br \/>\nIt must have at least 5 interactive elements.<\/p>\n<h3>UI Design Resources<\/h3>\n<p><a href=\"https:\/\/thenounproject.com\/\"><span style=\"font-weight: 400;\">Noun project<\/span><\/a><\/p>\n<p><a href=\"https:\/\/www.figma.com\/\">Figma<\/a><\/p>\n<p><a href=\"https:\/\/fonts.google.com\/\">Google fonts<\/a><\/p>\n<p><a href=\"https:\/\/www.dafont.com\/\">Dafonts<\/a><\/p>\n<p><a href=\"https:\/\/www.sketchappsources.com\/\">sketch app resources<\/a>\u00a0&#8211; for <a href=\"https:\/\/www.sketchapp.com\/\">sketch<\/a> (Mac free trial 30 days)<\/p>\n<p><a href=\"https:\/\/coolors.co\">color palette generator<\/a>\u00a0&#8211; for graphic design<\/p>\n<p><a href=\"https:\/\/pixelsticky.wordpress.com\/2015\/06\/27\/free-ui-resources-for-game-developers\/\">ui templates for games<\/a> &#8211; warning they tend to be casual games oriented and over detailed<\/p>\n<p>Kenney <a href=\"https:\/\/www.kenney.nl\/assets?q=ui\">free assets<\/a>\u00a0&#8211; not only UI<\/p>\n<p>Lots of <a href=\"https:\/\/itch.io\/game-assets\/free\/tag-gui\">free stuff on itchio<\/a><\/p>\n<p><a href=\"https:\/\/gameuidatabase.com\/\">Game UI database<\/a> &#8211; the ultimate reference site for UI UX in games<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interface Kit Examples https:\/\/github.com\/molleindustria\/InterfaceKit-unity The companion video tutorials can be found here: part 1 &#8211; Canvas, rectTransform, UI sprites, layout part 2 &#8211; Interface Elements and scripting, buttons, sliders, textfields part 3 &#8211; Drag and drop interaction, event trigger, UI interface, delegates part 4 &#8211; Easing UI with Unity Tweens, Coroutines part 5 &#8211; UI &hellip; <a href=\"http:\/\/mycours.es\/fastcurious\/resources-interface\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Resources: Interface&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-899","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/pages\/899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/comments?post=899"}],"version-history":[{"count":6,"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/pages\/899\/revisions"}],"predecessor-version":[{"id":973,"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/pages\/899\/revisions\/973"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/fastcurious\/wp-json\/wp\/v2\/media?parent=899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}