You will need the latest version of Roblox Studio downloaded. In this chapter, we will be building with primitive parts, which can be found in the build kit model located inside the Chapter 1 folder at https://packt.link/gbz/9781805121596.

Alternatively, you can use parts directly from the Part drop-down menu found in Roblox Studio.

In this recipe, we will be creating a chair prop using primitive-shaped parts. We will start by boxing out the shape of the chair with a primitive part and then attach a seat, which will allow players to sit on the chair. You will see how to orientate the seat part before we apply color and wood to our chair. We will finish off this recipe by using the MaterialFlip plugin, which can be downloaded from here: roblox.com/library/166951203.

How to do it…

We will begin by creating the basic shape of the chair out of square parts. We will further render out the chair’s shape by adding legs. Next, will add a seat part to the model and then detail the chair with color and the Wood material. To finish, we will correct the woodgrain of the chair using the MaterialFlip plugin.

So, to create a chair, follow these steps:

1. Insert a square part into Workspace by navigating to the Model tab in the top bar and then selecting the Part tab.
2. Next, select the part and then navigate to the Property tab. In the Size value field, change the increments to 2, 1.5, 2.25 studs.
3. Duplicate the square part and place it flush on top of the original part. Resize the duplicated part to 0.35, 2.5, 2.25 to make this the back of the chair.
4. Rescale the original part to 2, 0.2, 2.25, which will be the seat of the chair. Adjust as necessary using the Scale and Move tools.
5. Next, create four legs on each corner of the bottom of the chair using a square part scaled to 0.2, 1.3, 0.2 studs.
6. Now, in the Model tab, select the Rotate tool. In the Snap to Grid part of the Model tab, checkmark the box labeled Rotate, and then change the number in the value field box to 5 degrees.
7. Rotate each of the legs 5 degrees outward on the x and z axes. You can see a before-and-after comparison in Figure 1.1:

Figure 1.1: Rotated chair legs

8. Now, to make sure there’s no gap between the legs and the chair seat, select all four legs and then use the Move tool to move the legs upward so the tops of the legs are hidden inside of the chair part.
9. Next, insert a Seat object from Toolbox or the Chapter 1 folder.
10. Next, place the Seat object onto the chair with the yellow marker facing where the player’s legs will point. You can press Ctrl + R and Ctrl + T to rotate the seat or part selected:

Figure 1.2: A seat object placed on the chair

11. Change the transparency of the seat to 1 by navigating to the Appearance tab found within the seat’s Properties box.
12. Change the color of the chair to (108, 88, 75).
13. Next, change the chair part Material type to Wood.
14. If your wood grain does not flow the proper way, select the MaterialFlip plugin found in the Plugin tab within the top bar and then click on the part with improper woodgrain to flip the texture’s orientation:

Figure 1.3: Images of incorrect (left) and correct (right) woodgrain

15. Select all of the parts of the chair and then checkmark the Anchored box found in the Properties menu. This will cause the parts to remain in place and not be affected by physics.
16. With all of the parts still selected, click Ctrl + G to group the parts of the chair, and name the model Chair within the Workspace.

This completes this recipe for creating a chair:

Figure 1.4: Completed chair model

You now should have a basic understanding of how to manipulate parts within Roblox Studio, set transparency, and use seat parts.

Creating smooth yet optimal rounded ends can sometimes be a challenge on Roblox. In the following recipe, we will build a variety of cactuses through a workflow method that allows you to line up the rounded corner edges seamlessly together. We will be working with both cylindrical and spherical parts to give the cactus a proper non-blocky shape and will then learn how to rapidly create new variants of the original model. We will complete the recipe by applying differing colors and materials to give each cactus its own distinct look.

How to do it…

We will be building the body and arms out of cylinder parts. We will then then use spheres to round the elbows on the cactus arms. Finally, we will apply color and material to the model. To begin this recipe, follow these steps:

1. Start by navigating to the Model tab and selecting the Part drop-down arrow. Next, select the Cylinder option to insert a cylinder part onto the baseplate.
2. Rescale the cylinder part to your desired height. In this example, the cylinder part being used is 12 studs tall and 2 studs wide. This will be the body of the cactus.
3. Next, duplicate the body.
4. Rotate the duplicated part 90 degrees so that, together, both parts create a t shape. This creates arms for the cactus, which you can rescale to differing lengths.
5. Next, we will be creating three spheres to fit on both ends of the arms and the top of the cactus. First, we need to get the size of each sphere. To do this, select a part on the cactus and copy the number in the Size input box within the Property tab.

   For this example, the cactus body part size is 12, 2, 2, so the sphere should be scaled 2, 2, 2, as that is the proportionate size:

Figure 1.5: Ensure there is no crease between the ball and cylinder

6. Next, insert a sphere part and paste the dimensions that you copied in step 5 into the sphere’s Size box, found inside the part’s Properties box.
7. Duplicate the sphere three times and move the added spheres to the ends of both arms and the top of the cactus, as seen in Figure 1.6.

   If you’re having trouble placing the sphere in the center, copy the numbers in the Position box of the arm or body of the cactus and then paste the position number into the Position box of the sphere. This will center the sphere exactly in the middle of the arm or body, leaving you with something similar to Figure 1.6:

Figure 1.6: Finished basic model of the first cactu.

8. Now, duplicate the body of the cactus and move it along one of the arms to be flush with the spheres that we previously placed on the ends of each arm, creating a rounded elbow.
9. Next, duplicate the sphere of the arm that you just placed a cylinder part onto and move it up to round the top of the cylinder part.
10. Select all of the parts of the cactus and then anchor them.
11. With all of the parts of the cactus still selected, group them together by pressing Ctrl + G.
12. Next, rename your model Cactus from the explorer’s Workspace or the Properties box of the model.
13. Now, select all the parts in the model and change the color to (127, 142, 100).
14. Finally, change the material of all parts to Grass to finish your cactus model.

This completes the final step of the recipe and should leave you with the knowledge to work with sphere parts as well as to create clean elbow bends without getting misaligned seams:

Figure 1.7: Various cactus styles

There’s more…

The Move tool (Ctrl + 2) and the Rotate tool (Ctrl + 4) can be set to move or rotate in increments by typing a number into the Rotate and Move fields found under the Snap to Grid section of the Model tab. This allows for consistent placements of our parts. When doing this, it is best to move parts with increments that can be multiplied into whole numbers such as 1; for example, 0.1, 0.25, 0.5, 1. Use increments that add up to 360 when using the Rotate tool, such as 5, 15, 30, 90. This helps keep things aligned and scale better.

One of the most widely used props across all genres of games is the humble crate. They come in many different shapes and sizes and make for a great asset that can be duplicated and stacked on top of one another. Crate models are also a prop that can be very easily scaled, stacked, and modified. In this recipe, we will be going over how to create a basic wooden crate model.

How to do it…

We will begin the recipe by creating a large cube and then creating an extruded outline along the top and bottom. Next, we will create corner and diagonal braces. To finish the recipe, we will apply color and material to the crate after we group and name the model.

Let us start:

1. Insert a square block part onto the baseplate.
2. Rescale the part to be a large cube. In this recipe, the cube size being used is scaled 5, 5, 5 studs.
3. Next, place a 0.5 x 0.5 stud block across one of the top sides of the cube. Have the part sticking out of the cube by 0.25 studs to create a lip.
4. Duplicate the top part and add it to the other three top sides. It should look like what is shown in Figure 1.8:

Figure 1.8: Square block outline at the top with square parts

5. Duplicate the four parts at the top and move them to 0.25 studs below the bottom of the cube.
6. Duplicate one of the side parts and then place it vertically on all four corners of the box. This completes the initial outline for the box:

Figure 1.9: Parts placed on each corner

7. To create a diagonal part across the faces of the box, duplicate one of the vertical border parts and move it to the middle of the face.
8. Rotate the part by increments of 45 degrees until it lines up with the corners:

Figure 1.10: Diagonal brace after rotating

9. Rescale the diagonal part along its x axis to extend out of the other side of the box. This allows us to create the same diagonal shape on the other side of the box without using an extra part, which helps keep our total part count low, as seen in the cut-away view in Figure 1.11:

Figure 1.11: Diagonal brace extended onto both sides

10. Rescale the diagonal part inward 0.15 studs to give another layer of depth to the model.
11. Duplicate the diagonal part and then rotate the duplicate part 90 degrees.
12. Next, group the parts into a model.
13. Rename your model Crate.
14. Now, color the parts in your Crate model. Use a darker shade on the inside (or outside) parts of the crate so that the depth of the braces stands out better, as seen in Figure 1.10. In this example, I used (108, 88, 75) for the inside parts and (138, 112, 96) for the outer crate parts.
15. Finally, add material to your crate. Wood was the material used in this recipe’s example.

    If you are using the Wood material, use the MaterialFlip plugin to fix any incorrect woodgrain flow.

That completes the recipe for building crates. Make sure to anchor your model if you have not done so already!

Figure 1.12: Finished crate

Now, you can use this model as a template to create a wide variety of crates to use across your maps.

There’s more…

Z-clipping, also known as Z-fighting, occurs when two faces intersect with each other. This results in both materials fighting to be rendered and is often seen as flickering on the surface. To fix this, move the flickering parts up by at least 0.001studs.

In this recipe, we will create a large flat-screen TV model that can be mounted on any flat surface. After building the TV model as a static prop, we will insert a script into the screen that will allow us to insert our own image IDs. These images will display on the TV and change every few seconds. To do so, we will learn how to modify the script to play to the parameters that we will set.

How to do it…

We will begin by scaling a square part to the size and shape of our TV and attach a wall mount to the back of it. Next, we will create a border around the TV for the screen to sit in. We will create a neon screen, and then adjust the bloom intensity of the material. To finish, we will color the TV and then insert a script, which we will customize with our own values. Let’s begin:

1. To begin this recipe, insert a square part, then scale it 11, 6, 0.5 studs.
2. Add a smaller square part into the center of the back face. This part will attach to the walls so that the TV can hang.
3. Next, create a border around the edges of the TV using square parts roughly 0.75 studs thick. The border should be flush at the back and overhang the front of the TV by 0.25 studs:

Figure 1.13: Front and back view of TV

4. Duplicate the rectangular body part of the TV and move it forward 0.1 studs to create the screen of the TV.
5. Change the material of the part we just placed to Neon.
6. Rename the neon screen part Screen.
7. Select the neon screen, open the color wheel, and select a color shade that is not overly intense, such as (159, 158, 161). You can see the difference in bloom in Figure 1.14:

Figure 1.14: Front and back view of TV

8. Next, add two small square or cylinder neon parts to the bottom-right corner of the front of the TV. These represent the power buttons.
9. Select all the parts and group them into a model.
10. Rename your model Prop_Tv.
11. Now, color the parts within the TV model to (35, 35, 28).

    You now have a finished static TV prop. If you would like to add functionality to your TV, continue to step 12.

12. Insert into the screen part. The script is located inside the Chapter 1 folder.
13. Double-click inside of the screen part to open Script Editor.
14. Paste in your own image IDs in the place of 999999, such as 9900113573, 13572778873, or 13544130736. imageID is a string of numbers found in the Texture box if you upload the image onto a decal.

    To learn how to find an image ID, check the There’s more… section at the end of this recipe.

15. Modify the number inside the parentheses of wait(10.0). The number represents the amount of time it takes to change slides. You can now exit the script.
16. Lastly, select all of the parts in the TV model and anchor them.

This completes the recipe on how to make both a static and functioning TV:

Figure 1.15: Completed functioning TV

There’s more…

To find an image ID, navigate to Roblox Studio Toolbox and find the Free Image search option. Insert an image onto the face of a part, then double-click the decal to view its properties in the Properties menu. Copy the numbers at the end of the Texture link.

Roblox has a unique system that allows many different objects to function as ladders. In this recipe, we will be looking at three different methods to build a functional ladder. First, we will look at what the default truss object is and how it can be used as a climbable object. Next, we will create a rope with a part and then place an invisible truss over the top, allowing players to climb the rope. Lastly, we will use a primitive square part to build a realistic-looking and functioning ladder by using evenly spaced parts placed vertically.

How to do it…

We will first examine the truss part, which we will then use to create a climbable rope hanging from a wall. Next, we will create a ladder using blocks spaced apart vertically. Let’s dive in:

1. To begin creating our first ladder, select the truss part provided in the Chapter 1 folder.
2. Alternatively, open Toolbox to the Free Models section, search for truss, and then insert it onto the baseplate:

Figure 1.16: Truss part

3. Resize the truss 14 studs along the y axis.
4. Next, anchor the truss by checking the Anchor checkbox located in the truss’s Properties box. As seen in Figure 1.17, you can see that players are able to climb the default truss without any modifications. This is the most basic type of Roblox ladder:

Figure 1.17: Player climbing a truss

5. To begin your second style of ladder, create a tall cylinder part the width of a rope. In this example, the cylinder is 14, 0.3, 0.2 studs and the Orientation value is set to 0, 0, -90. We will be using this part to represent a rope that the players can climb up.
6. Next, create a large wall using a square part that is the same height as the rope – in this case, 14 studs tall.
7. Move the rope so that it is against the wall.
8. Now, we will create a rounded elbow like what we learned in step 7 of the Creating wooden crates recipe. To do so, insert a sphere part scaled to the diameter of your rope part. Keeping the diameter of the sphere the same as the rope cylinder will help ensure that the sphere fits seamlessly into the cylinder.
9. Move the sphere along the rope until it correctly rounds the top cap.
10. Duplicate the rope part and line it up horizontally to the sphere at the top of the rope, completing the elbow, as shown in Figure 1.18:

Figure 1.18: Rope hanging over the edge of the wall

11. Change the rope’s color to 150, 85, 85.
12. Change the rope’s material to fabric.
13. Next, move the truss from step 3 over the top of the rope so that the rope is inside of the truss.
14. Change the transparency of the truss to 1, making it invisible.

    Now, your rope will appear to be climbable, though the player will be climbing the invisible truss inside of the rope.

15. Group the parts of the scene together and rename the model Rope. This completes the second method of creating the ladder:

Figure 1.19: Player climbing the rope

16. For the third and final style of ladder, create a rectangle part. This example uses a 9.5, 1, 2 stud part.
17. Next, duplicate the part and move it up roughly 2 studs above the preceding part. Continue to repeat this step until you reach your desired ladder height. These evenly spaced parts function as ladder rungs, which enables players to climb them like a ladder.
18. Now, place vertical ends on both sides of the ladder using two square parts. Rescale the part just beyond the top of the ladder rungs.
19. Select every other rung part on the ladder.
20. Now, change the part color of the selected rungs to a slightly darker color tone than the other rungs. In this example, the lighter rungs are colored (99, 95, 98) and the darker rungs are colored (77, 74, 76). This creates a contrast in the colors by alternating the lighter and darker tones.

This completes the third method of creating ladders as well as this recipe:

Figure 1.20: Player climbing a ladder made of square parts

You now have the understanding to create a variety of climbable surfaces.

There’s more…

Trusses can only be scaled in increments of 2 studs at a time. They have a minimum size of 2 x 2 x 2 and a maximum size of 64 studs.