Rendering World Space Canvas Above 3D GameObjects in Unity: A Step-by-Step Guide for Clear UI Integration
Sarah Thompson04/12
Rendering a world space canvas above your 3D game objects in Unity can greatly enhance player interaction and provide essential information without obstructing the gameplay environment. This tutorial will walk you through the process, ensuring your UI elements are always visible when needed.
Understanding World Space Canvas
A world space canvas in Unity operates similar to a standard canvas but is designed to be placed in the 3D world. This means you can position it relative to other game objects, making it ideal for displaying information such as health bars or interactive buttons.
Step 1: Creating a World Space Canvas
1. Right-click in the Hierarchy window.
2. Navigate to UI > Canvas.
3. Select the newly created Canvas and change its Render Mode to World Space.
4. Adjust the canvas scale to ensure it fits well in the 3D scene.
Step 2: Positioning the Canvas
1. Move the canvas to the desired location above your 3D object.
2. Ensure that the canvas is positioned in a way that it’s always visible to the player, adjusting its Rect Transform properties for optimal placement.
Step 3: Adding UI Elements
1. Right-click on the Canvas in the Hierarchy.
2. Add UI components such as Text, Image, or Buttons.
3. Customize these elements to reflect the information you want to present.
Step 4: Keeping the Canvas Above the Object
To ensure the canvas always remains above the 3D object, consider creating a script that updates the canvas position based on the 3D object’s position.
Example Script:
using UnityEngine;public class CanvasFollow : MonoBehaviour { public Transform targetObject; void Update() { transform.position = targetObject.position + new Vector3(0, 2, 0); // Adjust the offset as needed }}
Step 5: Testing Your Setup
Play your scene and verify that the world space canvas behaves as expected, remaining visible and properly positioned above your 3D game object.
FAQ
Q: How do I ensure my world space canvas looks good in different resolutions?
A: Use Canvas Scaler settings to adjust your UI for different resolutions, ensuring it scales appropriately.
Q: Can I interact with UI elements on a world space canvas?
A: Yes, as long as your event system is configured correctly, users can click and interact with the UI elements just like any other UI.
Please check with customer service before testing new feature.
Open in App
Select your display language
This will change the display language on this website.
India
English (India)
日本
日本語
Global
English
Français
Deutsch
한국어
Tiếng Việt
Español
italiano
Русский
ภาษาไทย
Bahasa Indonesia
Polski
Malay
Türkçe
中文(简体)
中文(繁體)
We use cookies and similar tools to bring you a smooth and convenient experience on our site. To learn more about how we use cookies, view our Statement on Cookies here.
Coohom Cookie Notice
Along with
User Agreement
and
Privacy Policy
provided by Coohom Inc. and its affiliates (“we”, “us” or
“Coohom
Group”), this Notice provides you (or “user”) with information
about the
cookies that are used by the features and services of Coohom official website or Coohom Platform
(“Coohom
Platform”). This Notice will be reviewed from time to time to ensure that its
content is
kept
up-to-date. If any changes are made, we will publish the latest version of the Notice here. When
we make
significant changes, we will notify you of the change the next time you visit Coohom Platform or
by
other
means of communication.
A. What is cookie & Why do we use cookies
When you visit Coohom Platform, the site asks your browser to store a small piece of data (text
file)
called
a cookie on your device in order to evaluate the performance of the site. We also use
third-party
cookies,
which are cookies from a domain different than the domain of Coohom Platform you are visiting,
for
marketing
efforts.
B. What kind of cookies do we use
We use the following categories of cookies:
1. Strictly necessary cookies
Strictly necessary cookies are necessary for Coohom Platform to function and cannot be switched
off in
our
systems. They are usually only set in response to actions made by you which amount to a request
for
services, such as setting your privacy preferences, logging in or filling in forms. You can set
your
browser
to block or alert you about these cookies, but that will cause some parts of Coohom Platform to
not
work.
2. Performance cookies
Performance cookies allow us to count visits and traffic sources so we can measure and improve
the
performance of our site.They help us to know which pages are the most and least popular and see
how
visitors
move around the site.If you do not allow these cookies we will not know when you have visited
our site
and
will not be able to monitor its performance.
3. Marketing cookies
We also cooperate with third-parties that deploy cookies when users interact with marketing communications. Marketing cookies collect personal information such as your IP address and clicks. Collected information is used to evaluate the effectiveness of our marketing campaigns or to provide better targeting for marketing. We do not always have control over those cookies.
C. What cookies do we use
Categories
Names of cookies
Functions
Strictly necessary cookies
qunhe-jwt
Remember your login status: user id, name, email, avatar, character, region
qunhe-refresh
Refresh your permissions: user id, name, email, avatar, character, region
showroom-jwt
Remember your user id, email, company, and status
qh-locale
Stores your language preferences
qh-cm-fe-locale
Stores your language preferences
Performance cookies
ktrackerid
Monitors abnormal conditions during your visit
ktrackertime
Monitors abnormal conditions during your visit
Marketing cookies
qhdi
Recognises website visitors(anonymously- no personal information is
collected
on
the user)
hubspotutk
Identifies your session
rdt_uuid
Identifies which web page you came from
hssrc
Identifies which web page you came from
hstc
Identifies which web page you came from
cio
Identifies which web page you came from
cioid
Identifies which web page you came from
fbd
Identifies which web page you came from
ajs_anonymous_id
Identifies which web page you came from
ajs_user_id
Identifies which web page you came from
messagesUtk
Identifies which web page you came from
D. How do I control and delete cookies
1. Cookie settings
The "Cookie Settings" can be
utilized
to customize
your
cookie preferences. The "Cookie Settings" will record when you have consented to or rejected our
Notice
and
will ask for consent once a year to ensure users stay up-to-date with changes to our Notice. All
the
performance cookies and marketing cookies are controlled by the "Cookie Settings". You can also
access
the
“Cookie Settings” anytime from the link in the footer of Coohom Platform.
2. Using your browser
All of the cookies used on Coohom Platform, on third-party websites and through emails can be
enabled or
disabled through your browser. To control cookies through your browser, follow the instructions
usually
located within the “Help”, “Tools” or “Edit” menus in your browser. Please note that disabling a
cookie
or
category of cookies does not delete the cookie from your browser unless manually completed
through your
browser function.
3. Cookies set in the past
Your data collected from cookies can be deleted. If cookies are deleted, the information
collected prior
to
the preference change may still be used. However, we will stop using the disabled cookie to
collect any
further information from your user experience. For marketing cookies, when a user opts out of
tracking,
a
new cookie is placed to prevent users from being tracked.
4. Impact on the use
You can set your browser to block strictly necessary cookies, but that will cause some parts of
Coohom
Platform to not work.
You can accept or refuse the use of performance cookies or marketing cookies at any time. If you
choose
to
reject the use of performance cookies or marketing cookies, you will still be able to use Coohom
Platform,
and your use of all the features and areas of Coohom Platform will not be limited.
E. How often do we update this Notice
We may update this Notice from time to time or for other operational, legal or regulatory reasons
to make
changes in the cookies we use. Therefore, please re-read this Notice periodically to learn about
our use
of
cookies and related technologies. The date at the top of this Notice indicates when it was last
updated.
F. Where can I get further information
If you have any questions about our use of cookies, please feel free to contact us via email at
support@coohom.com.
We will respond to your questions, comments or suggestions within 30 days after we receive them
and
verify
your user identity.