Skip to main content

Unity Editor Window (Part 3)

Unity Editor Hello, Unity Dev’s I am back again with Part 3 of Creating custom editor window in unity. In today’s blog we will look around: “How to load Textures files from resource folder and create our buttons.” Step1. Gather some images related to the headers of our sub-toolbars or if you are good at photoshop create some, btw I have zero skills when it comes to photoshop so I am goanna gather images from internet. Once we have are images ready drag them into respected folder under root folder Resources. It will look something like this: Step2. Scripting   Now we need to create a function which will be called once whenever we will switch from sub-tabs. Hmmmm, so how to do that!!! First create a function and name it as per your want’s I have named mine as: “MakeWindow” Then write down these lines: Create two variables a list: to store our loaded texture...

How to position images/sprites in 2D vs UI.


2D Sprites/Images

When working or creating a game in 2d world we have to position are sprites according to camera. Which means if there is a Character and Background in your scene and you may notice that your character is not visible it may be due to wrong positioning. In 2d we set our images according to camera view.
Step1. Create a 2d sprite, add image to it and give it a color red and name character.

Step2. Duplicate the sprite you created and change its color to green and scale it a bit and name it background.

In above scenario we have our camera on 0 in z axis, our character on .1 in z axis than our background is at .2 in z axis.


UI sprites/Images

Step1. Create a UI image, add image to it and give it a color red and name it character.

Step2. Duplicate the Image you created and change its color to green and scale it a bit and name it background.

When we are creating our 2d games in UI rather than in 2d we don’t need to position our images related to camera instead in UI we position our images according to serializing in hierarchy.
By this I mean we must put our character below are background in hierarchy that’s all.
Step1. Create a UI image, add image to it and give it a color red and name it character.

Step2. Duplicate the Image you created and change its color to green and scale it a bit and name it background.


Try dragging the character above background and you will notice the character disappears from the screen, actually it doesn’t disappear it is just behind your background.


Comments

Popular posts from this blog

Creating Gamobject, Adding Components and Removing Components using script.

Today we are going to learn about how we can create a gameobject add components to it or remove components from it using script. Open Unity >>Create new project>>create new scene. 1.Creating Gameobject using script Step1.In your scene hierarchy add empty gameobject and name it ScriptManager. Step2. Create a script name it as per your wants, and attach the script to ScriptManager gameobject. Step3. Write the following code:- This will create a gameobject in the hierarchy with the name specified In ” ”. In our case it’s a cube. As you can see the above script creates a gameobject and add transform component when the object is created as all gameobject have transform component attached to it from the start (e.g. Empty gameobject). In next few lines we added a box collider to our object cube, a mesh renderer and a mesh filter. Save the script and run the project. You will see a gameobject is cr...

Graphic Raycaster in Unity

Ever wonder how one can click on GUI elements without using any event script on GUI components. On button click, On value change are some event driven functions of GUI components but what if I want to perform any action without using these event driven function. Well there are plenty of ways of doing it but the one I am going to discuss today is GRAPHIC RAYCASTER. Scene Setup Step1. Create two images, add any sprite to it and change their name to specify them later on. (For this tutorial purpose let’s assume penguin and polar bear) Put the images adjacent to each other. Script Step2. Create a script and attach it to your canvas. Write down the following code. Make sure to call all the libraries. Next is our global variables Graphical raycaster is used to call the raycaster attach to your canvas, Eventsystem is also used to call the event system of canvas. PointereventData is used to kno...

Unity Editor Window

Editor Window (Part 1) In unity, Editor windows are windows which are created by developers to be used by developers in Editor, it’s more like a plugin for Unity editor made by You. By learning Editor Window scripting, one is able to create any type of windows to ease their work while working in editor. Official Definition: “ Create your own custom editor window that can float free or be docked as a tab, just like the native windows in the Unity interface. ” I am going to start a series which will cover almost all the topics related to EDITOR WINDOW. In this series I am going to make a “LevelDesigner” plugin dittoing the zoo tycoon GUI and functionalities. Fortunately, we will learn about: Creating Editor window, creating all types of GUI, Modifying GUI Skin, Instantiating prefabs loaded from resources, and lots more…. So, tag along with me till the end of this series and let’s see How far we can Go. I have also just started learning Unity Editor Scripting so...