0.Write in front
This note is the tutorial notes for beginners that M_Studio teacher updated for free this year. Only the parts that the teacher updated for free will be updated, and the parts unique to the Chinese class will not be updated. All demonstrations in the tutorial are demonstrations under the paid version. Friends who watch the free version may have different situations from the notes. You are welcome to ask questions.
Course Introduction:https://www.bilibili.com/video/BV1zY411B7KH/
Course link:https://learn.u3d.cn/tutorial/2DAdventure
M_Studio’s platform:
B station homepage:https://space.bilibili.com/370283072
Unity Chinese Classroom Home Page:https://learn.u3d.cn/u/m-studio-1
1. Material import and organization
Material acquisition and import
Free version
Original material author's homepage:
Characters:https://brullov.itch.io/generic-char-asset
Scenes:https://anokolisa.itch.io/
Paid version
The materials are available for download in the teacher’s Chinese class
Material import
Just drag it directly to the Asset folder in the Project panel. The hierarchical structure is as shown below.
Material processing
Image basic settings
After importing the material, as shown in the figure, findchar_blue_1、Forest-1Then follow the steps below to operate in the Inspector window
1. Select Multiple in Sprite Mode, because the image we selected contains multiple character materials and need to be cut.
2. Select and fill in 16 in Pixels Per Unit. Pixels Per Unit represents the number of pixels contained in a square grid in the Scene panel. Generally, art materials will indicate how many pixels x how many pixels the current image has. We can directly set the size of the image based on this
3 . Select Point in Filter Mode, which can ensure that our pixels will not be blurred, and the jagged pixels will be clearer. 4.
Select None in Compression, which will give the image the highest quality and will not be compressed
. 5. Remember to Apply to make the above Settings take effect
Material cutting
char_blue_1 part
Click the Sprite Editor in the picture below to enter the cutting interface
1.Type select Grid By Cell Count so that you can cut according to the number of pictures in each row and column
2. By counting the numbers, we can know that there are 8 pictures in a row, and there are 11 rows of pictures in total, so we set 8 and 11
3. Pivot is the position of the anchor point. We hope that the anchor point is at the bottom of the picture, so that we can make subsequent logical processing of judging whether it is in contact with the ground, so set it to Bottom 4. Finally, remember to click Slice and click Apply in the upper right corner to make the cutting effective
.
After exiting the cutting interface, don’t forget to click Apply in the Inspect window.
Forest-1 part
Click the Sprite Editor in the picture below to enter the cutting interface
Click the Sprite Editor in the picture below to enter the cutting interface
1. Click Slice
2. Type select Grid By Cell Size so that you can cut according to the number of pictures in each row and column
3. Since we need to use these materials to build our map, we We hope that the degree of freedom of the material will be greater, so according to the size provided by the material author, we choose 16x16 pixels for cutting
4. Pivot is the anchor point position. We hope that the anchor point is in the center of the picture, so that we can draw the map easily.
5. Finally, remember to click Slice
6. Click Apply in the upper right corner to make the cutting take effect.
After exiting the cutting interface, don’t forget to click Apply in the Inspect window.
