Rendering into the wall(2d and 3d freely changeable material) tutorial.

Step 0.

A lot of people were impressed with 'Super mario odyssey' wall play. Of course I am. So I tried to make a 2d and 3d freely changeable material.


In this tutorial, only the x-axis value works but I hope you know how it fully works.




Step 1.

These are final assets. 'NoRanderingMaterial' removes the chest symbol of default character.


Duplicate default character material and insert new nodes just like image below.

This is larger screenshot. In this tutorial, only the x-axis value works.


Step 2.

 Add new 'trigger box'. It toggles material parameter value.


Step 3.

Setup wall trigger box into the level and change 'Wall Direction' value.


Step 4.

 It's done.
 Type Console command 'Show Collision'. Real character actors are still stand in same location.

More...

 There are so may issues to make it complete. Curved surface, actor collision, custom rendering in wall space...
 It is out of this example. Let's implement it one by one when it is an opportunity.

Comments

Post a Comment

Popular posts from this blog

Liquid material in a bottle

Image
This time we will create a liquid material in a bottle. You can think of it divided into liquid surface and inside. Let's implement surface changes. Step 1. Material This is the material. Use the dot to judge the side face to maintain the normal of the side face. Add the Wave Height one more time so that the World Position Offset does not become smaller than 0. Step 2. Bottle Actor The bottle consists of two Skeletal Mesh Components. The internal Skeletal Mesh Component has a Scale less than 1. Glass material for BottleMesh : https://docs.unrealengine.com/en-us/Engine/Rendering/Materials/HowTo/Refraction Step 3. Parameter We have to set 'Actor Up' vector parameter. Result These are the last implemented resources.
Read more

MatCap material

Image
In this post, let's create a MatCap material. Please refer to the link below for a description of the MatCap material. https://www.youtube.com/watch?v=Yg5ULaS2jMk or http://wiki.unity3d.com/index.php/MatCap Step 1. Material This is the material. Step 2. Texture You should have textures similar to the following: Step 3. Result
Read more

How to Make Circular Progress Bar(or Rounded Rectangle)

Image
How to Make Circular Progress Bar? Step 0. Circular bar is cool to look, but find angle(or percentage) per pixel in runtime is costly. Especially rounded tip(or rectangle) is worse. So, we need...  - Texture that has angle per pixel from center.  - The value must have sufficient resolution. 2 byte(1/65536) will be OK.  - Must support various shapes. Step 1. Prepare angle lookup-texture and diffuse texture. Prepare angle lookup-texture and diffuse texture. These are that textures that I made. I'll let you know in another post how I made that textures with C#. Step 2. Import Textures. To keep original value, change lookup texture properties just like a screen shot below. Step 3. Material This is a material that work with the lookup textures. It is Unreal Engine 4 material but you can make it Unity version easily. In most cases, this is sufficient, the improved version will...
Read more