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

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...

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...

GameObject

In Unity everything we work on is a GameObject, either it is a cube, a car, a plane, UI or Particle effects. Each GameObject have its own component. The basic component in all GameObject is his transform. Transform component is deals with position rotation and scaling of that GameObject. Components will be discussed in later post today we are going to learn about GameObject only. Now as we know all the things in our active scene is a GameObject, but as a programmer how can we access those GameObject and their components using our script. Note: Scripts are also Components of our GameObject. Actually this is pretty easy and can be done in many ways. First Way :  Drag and Drop the GameObject into script in inspector window. Step1: Create a script name it as you feel like and attach it to an empty GameObject. To create an empty GameObject right click in hierarchy window and click on empty GameObject. Step2: Write the following code. ...