Wayback Machinekoobas.hobune.stream
May JUN Jul
Previous capture 11 Next capture
2021 2022 2023
1 capture
11 Jun 22 - 11 Jun 22
sparklines
Close Help
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
avatar image
1
Question by Aggressor · Aug 13, 2015 at 08:15 PM · unity 5uiworldspacecardcards

Playing Cards With Special Shrinking & Twisting Effects

You may know that Hearthstone was done in Unity (wooo!).

I am working on a card game, and I am trying to get some nice looking card playing effects like you see in Hearthstone:

https://youtu.be/mQcSaLT_Zow?t=1m4s

You'll notice the cards twist and turn subtlety as the player moves them around the board.

Am I correct in assuming this twisting and bending CANNOT be done with Unity's UI system right?

If I need to use 3D world game objects, do you know how I could properly create the effect of moving and twisting the card with the mouse (or finger). Is this just a localToGlobal mapping thing, or is there some sort of matrix transformation that would be better suited to something like this.

Any and all advice on how to recreate these awesome Hearthstone card playing effects would be much appreciated!

Comment
Add comment · Show 2
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image RafiXWPT · Aug 13, 2015 at 10:10 PM 0
Share

I think you can do that with unity ui by using canvas renderer as World space, by that you can manipulate rotation etc.

avatar image moh05 · Dec 07, 2015 at 06:13 PM 0
Share

Hi there :)

Did you get any change on how to implement these effects?

1 Reply

· Add your reply
  • Sort: 
avatar image
0

Answer by jmgek · Dec 08, 2015 at 12:20 AM

Well, either way I would think about using 3D planes, the cards in the play field are 3D (casting correct shadows, UV warping, etc) You can use the UI for your deck though, to be honest if it's just a simple card game like this I don't see why you would not make everything in 3D.

The twisting could be done in the UI, but the work is more than the outcome. You would have to code an entire UV manager plus the custom shaders to handle it all (Shadows/Alphas). for most people it's not worth it, the would just use 3D. But a lot of the visuals just look like they are scaling the X and Y. When the card is placed it looks like they just disable a game object and enable a UI texture on the board.

As for the twisting you can use simple mesh transforms or if you want to get really fancy http://docs.unity3d.com/ScriptReference/Mesh-vertices.html.

Let me know if this helps you.

Comment
Add comment · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

27 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

UI Cards, how to scale them properly ? 0 Answers

Raycast from 2D canvas object to world space 1 Answer

Issues with world space canvas for different resolutions. Any Workaround ? 0 Answers

When loading into a new scene my UI doesn't work anymore? 3 Answers

UI in Scene View only Rendered Backward 0 Answers


Enterprise
Social Q&A

Social
Subscribe on YouTube social-youtube Follow on LinkedIn social-linkedin Follow on Twitter social-twitter Follow on Facebook social-facebook Follow on Instagram social-instagram

Footer

  • Purchase
    • Products
    • Subscription
    • Asset Store
    • Unity Gear
    • Resellers
  • Education
    • Students
    • Educators
    • Certification
    • Learn
    • Center of Excellence
  • Download
    • Unity
    • Beta Program
  • Unity Labs
    • Labs
    • Publications
  • Resources
    • Learn platform
    • Community
    • Documentation
    • Unity QA
    • FAQ
    • Services Status
    • Connect
  • About Unity
    • About Us
    • Blog
    • Events
    • Careers
    • Contact
    • Press
    • Partners
    • Affiliates
    • Security
Copyright © 2020 Unity Technologies
  • Legal
  • Privacy Policy
  • Cookies
  • Do Not Sell My Personal Information
  • Cookies Settings
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges