{"id":39,"date":"2012-03-09T07:33:58","date_gmt":"2012-03-09T14:33:58","guid":{"rendered":"http:\/\/chazix-scripts.com\/?p=39"},"modified":"2012-03-30T20:57:55","modified_gmt":"2012-03-31T03:57:55","slug":"tooltip-system","status":"publish","type":"post","link":"https:\/\/chazix-scripts.com\/?p=39","title":{"rendered":"Tooltip System"},"content":{"rendered":"<p><a href=\"http:\/\/u3d.as\/content\/chazix-scripts\/tooltip-system\/2Jx\"><img loading=\"lazy\" class=\"alignleft wp-image-86\" title=\"Tooltip System\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_page.png\" alt=\"Tooltip System\" width=\"100\" height=\"100\" \/><\/a><a href=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/staffoflight_example.png\" rel=\"lightbox-39\"><img loading=\"lazy\" class=\"size-full wp-image-152 alignright\" title=\"Example Tooltip\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/staffoflight_example.png\" alt=\"Staff of Light Example Tooltip\" width=\"250\" height=\"110\" \/><\/a>The <a href=\"http:\/\/u3d.as\/content\/chazix-scripts\/tooltip-system\/2Jx\">Tooltip System<\/a> is designed such that a visual GUI will be drawn onto the screen when the mouse is hovering over a specific Icon element or an in world Transform object.<\/p>\n<p>The Icon element is provided with the package, it&#8217;s purpose is to allow your Tooltips a reference of where to locate the proper data based on the <strong class=\"variable\">type<\/strong> and <strong class=\"variable\">name<\/strong> of that Icon. <a href=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icontypes_enum.png\" rel=\"lightbox-39\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-204\" title=\"IconTypes\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icontypes_enum.png\" alt=\"IconTypes Enum\" width=\"151\" height=\"102\" srcset=\"https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icontypes_enum.png 151w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icontypes_enum-150x102.png 150w\" sizes=\"(max-width: 151px) 100vw, 151px\" \/><\/a>Icons are categorized based off three different types: <strong class=\"variable\">Item<\/strong>, <strong class=\"variable\">Skill<\/strong> and <strong class=\"variable\">GameObject<\/strong>, each type is associated with it&#8217;s own text file. Different types and file paths can be added and changed easily, but by default these are the initial settings.<br \/>\n<a href=\"http:\/\/u3d.as\/content\/chazix-scripts\/tooltip-system\/2Jx\"><!--more--><img loading=\"lazy\" class=\"aligncenter size-full wp-image-163\" title=\"Main Tooltip System\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/main_tooltipsystem.png\" alt=\"Tooltip System\" width=\"485\" height=\"389\" srcset=\"https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/main_tooltipsystem.png 485w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/main_tooltipsystem-300x240.png 300w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/main_tooltipsystem-374x300.png 374w\" sizes=\"(max-width: 485px) 100vw, 485px\" \/><\/a> In terms of the type of the Icon, each GUI based Icon either the <strong class=\"variable\">Item<\/strong> or <strong class=\"variable\">Skill<\/strong> will need to be associated with an Icon class object. However for the <strong class=\"variable\">GameObject<\/strong> Icon type, you only need one Icon for all Transform objects that you desire to have data for Tooltips.<a href=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_creation_example.png\" rel=\"lightbox-39\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-176\" title=\"Icon Creation Example\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_creation_example.png\" alt=\"Icon Creation\" width=\"579\" height=\"179\" srcset=\"https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_creation_example.png 579w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_creation_example-300x92.png 300w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/icon_creation_example-500x154.png 500w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/a><\/p>\n<p>The process begins as the mouse hovers over an Icon, from there that Icon&#8217;s associated Tooltip data is read-in from it&#8217;s respective type text file. Such that the text file is made up of textual syntax for the desired Tooltip data for that particular Icon.<a href=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/textual_data.png\" rel=\"lightbox-39\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-180\" title=\"Example Textual Data\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/textual_data.png\" alt=\"Textual Data\" width=\"379\" height=\"112\" srcset=\"https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/textual_data.png 379w, https:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/textual_data-300x88.png 300w\" sizes=\"(max-width: 379px) 100vw, 379px\" \/><\/a> As you can see, the above image represents an <strong class=\"variable\">Item<\/strong> from the associated text file for <strong class=\"variable\">Items<\/strong>. It is <a href=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/colorvalue_representation.png\" rel=\"lightbox-39\"><img loading=\"lazy\" class=\"alignright size-full wp-image-181\" title=\"Custom Color Values\" src=\"http:\/\/chazix-scripts.com\/wp-content\/uploads\/2012\/03\/colorvalue_representation.png\" alt=\"Color Values\" width=\"266\" height=\"152\" \/><\/a>initialized with the <strong class=\"variable\">[it]<\/strong> tag, followed by the <strong class=\"variable\">name<\/strong> of the item and finally another tag with a numerical value <strong class=\"variable\">[3]<\/strong> which represents the desired <strong class=\"variable\">color<\/strong> of the item&#8217;s text, by default <strong class=\"variable\">[3]<\/strong> represents a blue color. These color values can be changed through the provided GUIController script&#8217;s Unity3D Inspector.<\/p>\n<p>Continuing on, the next line is the numerical identification value <strong class=\"variable\">[id]<\/strong> to represent the identification of that <strong class=\"variable\">Item<\/strong>. After this comes the various statistical data <strong class=\"variable\">[s]<\/strong>, you can have as many of these as you need per Item, such that these values contain textual information about the stats of this <strong class=\"variable\">Item<\/strong>. These values can also contain color value data tags at the end of the line to change the color of a particular line.<\/p>\n<p>Lastly, the detail data <strong class=\"variable\">[d]<\/strong> this works in the same way as the statistical data tags, you can have as many as you want and change the color of a particular line with a color value tag at the end of a line. The only difference is that these values are tied to there own data set for the item&#8217;s details.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Tooltip System is designed such that a visual GUI will be drawn onto the screen when the mouse is hovering over a specific Icon element or an in world Transform object. The Icon element is provided with the package, &hellip; <a href=\"https:\/\/chazix-scripts.com\/?p=39\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[12,11,13,10,9],"_links":{"self":[{"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/posts\/39"}],"collection":[{"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":73,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chazix-scripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}