Scratch To Unity: Looks

This post provides a handy reference guide to go from Scratch’s “Looks” category of code blocks to C# with Unity.

Code Blocks

Click on the picture of any of these Scratch code blocks to see how to write similar code statements in C#.


























There is no direct equivalent to the “say” and “think” code blocks in Scratch. To create something similar, you will probably use Unity’s UI GameObjects. From the Hierarchy pane, click the “Create” button and then “UI” -> “Image” to create something which could display a picture of the speech or thought bubble (you will need to provide this asset yourself). Next, click the “Create” button and then “UI” -> “Text” to create a label where you can display your message.

To work with these UI components in code, you will need to add a using directive to your scripts:

[csharp]
using UnityEngine.UI;
[/csharp]

And to program the delay between messages you can chain together coroutines like this:

[csharp]
IEnumerator Say(string message, float seconds)
{
var label = GetComponent();
label.text = message;
yield return new WaitForSeconds(seconds);
}
[/csharp]





In Unity, you would probably implement a Scratch Sprite (and its costumes) as well as backgrounds with a “SpriteRenderer” component. Suppose you have a reference to a sprite and a sprite renderer (you can connect them in code or in the Inspector pane):

[csharp]
public Sprite sprite;
public SpriteRenderer spriteRenderer;
[/csharp]

Then you could set the sprite you want to display like this:

[csharp]
spriteRenderer.sprite = sprite;
[/csharp]

You might also use an “Animator” component to play animations of sprite sequences. I enjoyed Unity’s “2D Roguelike” tutorial project for learning this work flow. Click here to watch. Of course there may be many more “up-to-date” tutorials available on their website now.




You use the “Transform” component of a GameObject to control its size. Values of ‘0’ to ‘1’ for each of the axis would equate to 0% to 100% of the size:

[csharp]
transform.localScale = new Vector3(1, 1, 1);
[/csharp]




When dealing with sprites, you can set a tint color on the sprite renderer:

[csharp]
var spriteRenderer = GetComponent();
spriteRenderer.color = Color.blue;
[/csharp]

Most of the effects that Scratch exposes will also not have direct equivalents built-in to Unity. You can however obtain many effects by the use of something called shaders. You can find shaders on the Unity Asset Store. Even better, shaders can be applied even to 3D objects, not just simple sprites.



There are a few ways to show and hide your objects in Unity. You could turn on or off an entire GameObject which also disables all of its components and any children GameObjects in the hierarchy:

[csharp]
gameObject.SetActive(true); // Show
gameObject.SetActive(false); // Hide
[/csharp]

Or, if you want other components to remain active and simply don’t want to “see” the object, then you can disable whichever component renders the object to the screen. In the case of a “Sprite” it could be a “SpriteRenderer” component:

[csharp]
var spriteRenderer = GetComponent();
spriteRenderer.enabled = true; // Show
spriteRenderer.enabled = false; // Hide
[/csharp]



In some cases you can make one object appear in front of another simply by positioning it in 3D space. You might use the “Transform” to set the “Z” position for example. “Sprite” components also have the concept of layers as well as an order within a layer.

[csharp]
var spriteRenderer = GetComponent();
spriteRenderer.sortingLayerName = “Background”;
spriteRenderer.sortingOrder = 3;
[/csharp]

See Unity’s documentation for more.

Summary

This should cover all of the code blocks in Scratch’s “Looks” category. If you have any questions about this reference guide feel free to ask below.

If you find value in my blog, you can support its continued development by becoming my patron. Visit my Patreon page here. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *