Create tutorial covering item labels/icons/canvas

[zachkinstner]

@ilanb requested:

Any chance to provide example with button icon like in your Fireworks project ? In some case is usefull to have just Icon, no text etc... maybe you can add to item type ?

[zachkinstner]

I have added the following two tutorials in the "Getting Started" wiki pages. I'm not sure if I will keep this organization (one tutorial per page) or group them together (for example, all "item customization" tutorials in on one page). Thoughts?

Also, the initial question referred to Firework Factory VR style buttons (with 3D icons that can glow/grow based on cursor proximity). This is much easier to accomplish now, with v2.0. I'll try to create a tutorial for that next.

Item Labels and Icons:

Item Canvas:

[ilanb]

Hi zachkinstner, Nice update and tutorial !! thanks for add this, very usefull :-)I have some VR project idea with your nice Hover UI Kit.

[ilanb]

For wiki organization, you can keep it separatly it's very clear :-)

[zachkinstner]

In the commit referenced above, I have added a demo scene with a custom 3D icon. The scene uses some simple scripts to make the 3D icon scale and change color based upon the item's "highlight" and "selection" progress values. I haven't written a tutorial for it yet. Here's what it looks like:

[ilanb]

Very nice !! I love when you say "simple scripts" haha, This opens up interesting perspectives :-)

[zachkinstner]

This tutorial took longer than expected. I split it into three parts, which I hope will show how things fit together incrementally (rather than just showing it put all together).

The tutorial also includes links to the "simple scripts" that I used (like ScaleViaIndicator). While writing this tutorial, I decided that these scripts we useful (and general-purpose) enough to include with the Hover release (rather than only being in the "HoverDemo" package). These components will be included next release, so for now, you can copy-paste them into your project.

Animated 3D Icons:

[kalisurfer]

Awesome stuff Zach. Thanks for being so responsive

[grobm]

Good stuff Zach!

On Nov 16, 2016, at 12:43 PM, Zach Kinstner notifications@github.com wrote:

This tutorial took longer than expected. I split it into three parts, which I hope will show how things fit together incrementally (rather than just showing it put all together).

The tutorial also includes links to the "simple scripts" that I used (like ScaleViaIndicator https://github.com/aestheticinteractive/Hover-UI-Kit/blob/master/Unity/Assets/Hover/Core/Scripts/Renderers/Helpers/ScaleViaIndicator.cs). While writing this tutorial, I decided that these scripts we useful (and general-purpose) enough to include with the Hover release (rather than only being in the "HoverDemo" package). These components will be included next release, so for now, you can copy-paste them into your project.

Animated 3D Icons https://github.com/aestheticinteractive/Hover-UI-Kit/wiki/Getting-Started%EA%9E%89-Animated-3D-Icons: x-msg://7/wiki/Images/GettingStarted-Customize-Icon3D-AnimB.gif — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/aestheticinteractive/Hover-UI-Kit/issues/48#issuecomment-261017020, or mute the thread https://github.com/notifications/unsubscribe-auth/AJr24VTyiUuFk4G_p6ETtp3_IK1FlyH6ks5q-0CugaJpZM4KxcXz.

Mark Grob M: 845.978.9054 37 Commonwealth Ave, Middletown, NY 10940 Information transmitted by this e-mail is proprietary to VRshell LLC and / or its Customers and is intended for use only by the individual or entity to which it is addressed, and may contain information that is privileged, confidential or exempt from disclosure under applicable law. If you are not the intended recipient or it appears that this e-mail has been sent or forwarded to you without proper authority, you are notified that any use or dissemination of this information in any manner is strictly prohibited.