Interactive City

Introduction: Interactive City

Hello, my name is Kristian and I am 17 years old. I am entering the Scenes category for the TinkerCAD competition. I am part of a young inventors club based in Greenwich, London. I have been going there for over 3-4 years and I have learned a lot. I have decided to enter this competition to experiment with creating game assets for a city in TinkerCAD and then porting it over to ROBLOX Studio as an OBJ. As ROBLOX is one of my favourite games, this is extremely useful as I develop games on ROBLOX as well. This also helps me bring my TinkerCAD experience to different programs and use it to create assets for a game engine, as well as add textures to those to make them look like actual buildings.

Step 1: Downloading ROBLOX Studio

-Go to https://www.roblox.com/develop

-Press Start Creating.

-ROBLOX Studio will automatically install to your computer.

-Open up a Baseplate template once it loads up.

-This will create a flat plane, similar to TinkerCAD, which allows you to move around freely, as well as play it with your own character.

Now that you have ROBLOX Studio installed, you can freely create and import 3D assets from programs such as Blender, and of course, TinkerCAD.

Step 2: Creating the Buildings

-Create a new design on TinkerCAD.

-Drag a box from the basic shapes menu.

-Scale the box as you please, this box will be used as a template for your other buildings.

-Duplicate the box a couple times.

-Begin scaling the boxes up, make them as thin and as tall as you want.

I decided to make an archway/bridge between buildings, so I just made a box smaller and then lifted it off the ground.

-Add as many more buildings as you want, move them around the plane if you want to.

Step 3: Making the Pavement

-Place a box.

-Scale down to be thin.

-Elongate it to extend as long as the buildings.

-Duplicate it twice and set the width to 1.

-Place the duplicates on both sides.

-Duplicate the 3 boxes.

-Turn them 45 degrees to the right.

-Move them to the end, try to match them up with the end of the pavement.

-Duplicate the corner and turn it another 45 degrees to the right.

-Elongate it to extend past the buildings.

-Duplicate the extended pavement and move it in front of the archway.

-Scale it down appropriately, this will serve as the pavement extending past the archway.

Step 4: Terrain

-Duplicate a block from the pavement.

-Move it next to the 2 buildings.

-Set the colour to green.

-Scale it to be longer and wider than the pavement.

-Duplicate it again and move it next to the pavement.

-Do this repeatedly so that it covers most of near the pavement.

Step 5: Building the Bandstand

-Place a box onto the plane.

-Scale the box so it's thin.

-Begin duplicating it, making sure the boxes are on top of each other.

-Scale each box to be slightly smaller than the other.

This will serve as your stairs.


-Build the rest of the platform by duplicating and scaling boxes.


This will serve as the base of the bandstand.

-Duplicate a box from the platform and rotate it 90 degrees, so that it is vertical.

-Continue duplicating and slightly rotating so that the boxes go around the platform.


This will serve as the railings.


-Take a box and make it so it is 0.01 in height (scale).

-Rotate it slightly (35-45 degrees).

-Move it next to the stairs.

This will serve as the stair railings.

Step 6: Importing to ROBLOX Studio

This is the most important step. Please look at the images for more assistance, in order.

-Go back to your ROBLOX Studio Baseplate file.

-Hover your mouse over Workspace, then press the + symbol.

This will open the Insert Object menu.

-Search for "MeshPart".

-Click MeshPart.

This now adds a MeshPart to your world, it will look like a chequered Lego brick. Do NOT remove this.

-Go back to TinkerCAD.

-In the top right of your TinkerCAD project, press the Export button.

-Press OBJ in the menu that comes up.

This now downloads the selected object onto your computer.

-Go to your downloads folder on your computer.

-Find the .zip (compressed folder) which is named after your project on TinkerCAD.

-Right click it once found and then press Extract All.

-A menu will come up asking you where to save it. Choose your preferable location where your file will be saved (you need to find easily).

-Press Extract when done.

-Go back to ROBLOX Studio.

-Click on the MeshPart.

-In the properties section (can be opened in the View tab of ROBLOX Studio - at the top, should it not appear), press the file icon next to MeshId (Mesh ID).

-Find the extracted folder.

-Open the extracted folder, then press tinker.obj.

-A menu may pop up asking for authorisation to move the object to the location that it was on TinkerCAD. Press no. Do the same with a menu that says the object is too large.

-Your object will be imported, but may be flipped over. You will need to rotate it.

-Click Rotate in the Model tab, and make sure the Snap to Grid setting is set to Rotate: 45 degrees.

-Rotate your object by dragging one of the floating circles (usually Red or Blue).

-Repeat this exact process with the rest of the objects. You will need to do the objects individually otherwise ROBLOX Studio will not recognise exact object sides (e.g: left, right).

Step 7: Adding Textures and Adding Detail to Your Environment

On ROBLOX Studio, there is usually a Toolbox menu on the left, filled with creations that the ROBLOX community have allowed you to use in your project.

This is called the Library, and the models are called "Free Models".


To find textures, you're going to want to go to Images in the Toolbox menu. The drop-down menu is on the left of the search bar.


-Search "Derelict" once you have selected Images.

-Choose an appropriate decal (images/textures) for your buildings.

Note, some may be stretched or low-quality so pick a good one.

-Add as many decals (images/textures) to your buildings as you want.

Step 8: Adding Detail

I chose to add some mesh buildings from a previous project to make it seem like there is more to the environment. I chose some old Russian apartment blocks and spaced them around the buildings I made in TinkerCAD. I also added some cars to add to the environment.

Step 9: Playing the Game

Here are some in game screenshots of how the game looks like when played.

Tinkercad Student Design Contest

Participated in the
Tinkercad Student Design Contest

Be the First to Share

    Recommendations

    • Summer Fun: Student Design Challenge

      Summer Fun: Student Design Challenge
    • Fandom Contest

      Fandom Contest
    • Backyard Contest

      Backyard Contest

    Comments