Textures - Introduction

Texture Size, Color Space, and Compression

Texture Atlases

Texture Filtering

Mipmapping

UV Unwrap, Visual Impact, and Texture Channel Packing

Alpha Channels and Normal Map Best Practices

Editing Texture Settings

Demo: Texture Atlases

This project will highlight the different implementation considerations and optimizations that take advantage of a Texture’s flexibility. When given the correct settings and applied correctly over their many use cases, Textures play a major role in achieving your desired visual effects. 

Textures

Course Introduction

The Optimization Process

Profiling Tools

Geometry - Introduction 

Triangle and Polygon Usage

Level of Detail

Additional Geometry Best Practices

Demo: Level of Detail

Shaders and Materials - Overview

Optimizing Shaders for Mobile Platforms

Transparencies

Additional Material and Shader Best Practices

Demo: Draw Calls and SRP Batcher

Lighting - Overview

Light Modes and Types

Lighting for Static Objects

Light Probes

Shadows

Demo: Baked Lighting

Conclusion/Next Steps

Welcome to 3D Art Optimization for Mobile Applications! In this introductory project, we will review the course's main learning objectives, discuss the practice of optimization, and identify the optimization tools available at your disposal.

Introduction/Optimization and Profiling

This project will highlight optimizations for 3D models that can make a game more efficient while maintaining aesthetic intent, improving the performance and experience on mobile devices. 

Geometry

Shaders and Materials play a crucial role in determining how target hardware will process and render your 3D objects. In this project, you will explore best practices that will keep the shaders lightweight and fast when running on phones with limited resources.

Shaders and Materials

Lighting is one of the most important aspects of real-time 3D visuals. It can set the mood, guide interactions, and identify goals and objectives. In this project, you will learn about and compare the differences between the available lights and light modes that you can use in your 3D mobile application.

Lighting

ARMUnityMobileOptimization.zip

In this intermediate course, participants will learn how to produce performance-optimized 3D assets and scenes for mobile applications. Topics will cover tips on optimizing Geometry, Textures, Materials, Shaders, and Lighting. This course was created with technical artists and content creators in mind.

Arm & Unity Presents: 3D Art Optimization for Mobile Applications

5f49ecee-6165-52e7-804b-2af4a22a8d7a:6udFvAlfFjsjj7eis1h5U5

Best Practices for UV Unwrapping

UV Seams

Optimizing for Visual Impact

Texture Channel Packing

Conclusion

In this tutorial, we discuss more ways of displaying detail in your 3D mobile application through efficiently working with your model's UV's and using texture channel packing.  

A UV map projects 2D Textures onto the surface of a 3D model. UV unwrapping is the process of creating a UV map. It’s a best practice to keep UV islands, the individual units of an unwrapped Texture, as straight as possible.

Keeping UV islands as straight as possible comes with the following benefits:

It makes packing UV islands easier and less space is wasted.

A straight UV helps prevent the staircase effect on Textures.

On mobile platforms, Texture space is limited. As such, the Texture size is usually smaller than on a console or PC. Good UV packing ensures that you get the most resolution from your Textures.

Consider having a slightly distorted UV by keeping the UV straight for better quality Textures.

Place UV seams in places that obscure them. Visible Texture seams can look bad on a model. Therefore, split UV islands where the edges are sharp and have a small space between them. This can also help create better normal maps through the baking process.

The following image shows an example of how to use UV unwrapping to maximize Texture space:

The detail you include when creating Textures should be proportionate to the visual impact of that detail. Make sure that you only create details that can be seen.

Phone screens are small, therefore fine-grained detail won’t be visible. Take this into account when creating Textures. For example, you don’t need a 4K Texture with lots of details for a chair that is barely visible in the corner of a room.

In the following screenshot, the small 256x256 pixel Texture on the left has a low level of detail to be used on soldier characters in the sample Scene. The larger image on the right shows the entire Scene, and shows that the low level of Texture detail is sufficient:

In certain cases, you will need to exaggerate and highlight the edges and shading to improve shape readability. Since mobile platforms generally use smaller Textures, it might be hard to capture all of the detail that’s needed within that small space.

For mobile applications, use fewer Textures and bake any extra details into one Texture. This is important because:

Phone screens are small and some details are better off baked onto the diffuse Texture itself to make sure that those details are visible.

Elements such as ambient occlusion and small specular highlights can be baked in and then added to the diffuse Texture.

This approach means that you don’t have to rely too much on computationally expensive Shaders and Unity features to get specular highlights and ambient occlusion.

The following screenshot shows details baked into a Texture:

When possible, use grayscale Textures that allow color tinting in the Shader. This saves Texture memory at the cost of creating a custom Shader to perform the tinting.

Be selective with this technique because not all objects look good using this method. It’s easier to apply this to an object that has a uniform color. You can also use RGB masks and then apply Textures that are based on the color range of the mask.

The following image shows a grayscale Texture applied to a tinted pillar:

Use Texture channels to pack multiple Textures into one.

Texture channel packing helps to save Texture memory because you can get three maps into one Texture. This means fewer Texture samplers.

Texture packing is commonly used to pack roughness, smoothness, and/or metallic into one Texture. It can also be applied for any Texture mask.

Use the green channel to store the most important mask. The green channel usually has more bits due to our eyes being more sensitive to green and less sensitive to blue.

The following image shows an example of a Texture that packs ambient occlusion, roughness/smoothness, and metallic data in each available color channel, all in one file:

It’s important to identify situations when Texture packing, UV unwrapping, and selective Texture details can be used to optimize your application. Situations that benefit from these techniques are not always obvious, but can boost performance on mobile applications. In the next tutorial, we’ll explore the best practices for using Alpha channels and normal maps for optimization. 

UV Unwrap, Visual Impact, and Texture Channel Packing

1. Best Practices for UV Unwrapping

2. UV Seams

3. Optimizing for Visual Impact

4. Texture Channel Packing

5. Conclusion

Complete this tutorial