Skip to main content

Unity3d Engine 4.6 : Playing with UI Text example


Hi peeps.

again. i wasted few hours to understand how to access UI object in Unity scene, in code

Ok today i'm going to share with you guys,

step by step okay!

Our objectives here is to Have a text - display from "Hello" to "Hello World" dynamically using UI Text and C# Scripting

1. Create new scene, name it DynamicTextScene

2. Create new UI Object : Canvas, go to Hierarchy Window, right click select UI>Canvas.
  










3. In Canvas inspector, select its render mode to be World Space.





4. Now create a Text UI, Under the Canvas object, name it as dynamicText.

5. Now add new Button UI, under the Canvas and name it as PressButton.

6. Select the button text, change the button display text to "Press to Change Text"




















7. Now select the Canvas, navigate to its Inspector, add new component script, name it as DynamicText.



8. Inside the DynamicText.cs script, code as follow.
a. ensure that UnityEngine.UI package is imported
b. ensure to create 2 public variables for the text and button.

9.  After the two public variables is created, we can see from the Canvas inspector, two new script variables populated.
a. bind the Dynamic Text variable to dynamicText, by dragging the Text UI object to the canvas inspector variable script.
10. Assign the "Hello" string to dynamicText.text in the Start() method.
11. Create a new method called updateText(), that assign dynamicText.text to "Hello World" string.
12. Save the script changes.

 13. Navigate to PressButton, navigate to onClick() event, add Canvas object and choose DynamicText.updateText method for onClick event triggered.
14. Okay by doing all these steps.. what we get when we run the scene, we can see the text displayed at beginning is Hello, later after we press the press button, the text will change to Hello World, this is how we manipulate the Text UI using scripting.



Hope this helps you guys too.


Comments

Popular posts from this blog

Tutorial on min3d framework

Salam all. This time I want to share a bit, how I tried out the mid3d framework for the first time. Acknowledge that I am new to android development.   I just follow the tutorial on Mat-d website but there are certain things that I don’t understand how they actually work. Thus I want to share what I did step by step to make this example work. For explanations on coding/steps or errors please visit Mat-d website here J you ll understand more …. mat-d original tutorial load a 3d obl model with min3d for android Step one . Download min3d into your eclipse . Select File>Import>SVN>Checkout projects from SVN Next. Choose radio button : Create a new repository location Next. Enter the svn location http://min3d.googlecode.com/svn/trunk the thing that we want to check out from the svn is the min3d framework code. Step two. Download obj file  www.3dvia.com …you need to register first..it has free acc version.. and download the...

Tutorial on Min3D framework using Android Studio

Salam peeps, UPDATES***, the model on the old link is no longer working. so i have create a github repo, where i put the source code in a project, you guys can try to clone in and run on your android studio device emulator or directly on your phone, Ive replaced the model with a cube. https://github.com/aliaramli/Min3DTutorial Previously i ve posted tutorial on min3D using eclipse IDE, i believe most of us has moved to Android Studio IDE in developing android apps? As previous tutorial shows a lot of support from readers and among hot post in my blog, i ve decided to post the same tutorial but this time using Android Studio. For those who are familiar with Eclipse/Android Studio migration they might not have problem in running this tutorial . For more detail explanation on min3D please visit this website page Ok lets get started. Step One Create a new android project in android studio. you may name it as what you like, below are how i defined my project settings. ...

2023 Side Projects

March 2023 - Setup & Launched Point Of Sale system for NGO using Loyverse Learning :  Pros: Can setup on multiple devices, on the go, in store, user friendly, fully supported printer and bar scanner, free version available Cons: OUM settings is too simplified but still able to fulfill the requirements.  Dec 2023 - Setup an open source Knowledge Based System using Growi for NGO  Deployment: Docker container Reference : Install Docker using APT Repository Install Docker Compose sudo apt install docker-compose Install Growi on Docker Growi docker is using node js, elasticsearch  and MongoDB as its tech stack run on detached mode! docker-compose up -d update the docker-compose.yml to use the same network networks:   growi_network:     driver: bridge Mount Elastic Block Storage (Free Tier given by AWS) for Docker usage. to solve out of storage of basic storage given is on 7.6gb. EBS is 20gb extra!! lsblk df -h sudo mkdir /mnt/xxx sudo mount /dev/x...