Frogtopus Racing - Arcade Cabinet Design

by HarpyPumpkin in Craft > Digital Graphics

334 Views, 1 Favorites, 0 Comments

Frogtopus Racing - Arcade Cabinet Design

Pretzel.png

I've always had a love for CAD Modeling and, while making my models, I adore listening to podcasts. My favorite podcast "Just Roll With It", has given me so much inspiration that I thought this would be a good way to give back! I created an arcade cabinet based off of my favorite character from their series Riptide - Pretzel the frogtopus! If you are interested in learning how to make this yourself, look no further, as below I show you exactly how I made this model!

Supplies

Programs

  • Autodesk Fusion 360
  • Blender
  • Procreate

Forming the Concept

Mood Board 1.png
Mood Board 2.png

When I heard about a competition to make an arcade cabinet, I wasn't initially sure what to make. That was, until I realized I could create something that inspires me so often, a game based off of my favorite DND podcast "Just Roll With It". I have loved this podcast for years, so making a CAD model inspired by it only felt appropriate. In one of their episodes the DND party is taken to a casino with lots of fairly generic games, but one stuck out- Frogtopus Racing. In the mini-game, one of the party members cheers on his little frogtopus, Pretzel, to swim faster than the others by giving her little boosters like treats and cheers. While they did this with actual creatures, I thought I'd adapt it into an arcade-style game that goes like this:

You spin the helm to make your frogtopus go as fast as it can! Along the way you can pick up items to sabotage the other racers and help your own frogtopus win the race! But the racers can also sabotage you- a frogtopus will sit on top of the arcade cabinet itself and can spray bubbles in your face! If you win the race you get tickets as a prize. While it is simplistic, I feel it's still an adorable concept.

With this in mind, I created a mood board (PDF Below or Images Above) and started making my concept into a CAD Model!

Creating the Cabinet Base

Step 30.png
Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 6.png
Step 7.png
Step 8.png
Step 9.png
Step 10.png
Step 11.png
Step 12.png
Step 13.png
Step 14.png
Step 15.png
Step 16.png
Step 17.png
Step 18.png
Step 19.png
Step 20.png
Step 21.png
Step 22.png
Step 23.png
Step 24.png
Step 25.png
Step 26.png
Step 27.png
Step 28.png
Step 29.png

Screenshot Information

Throughout my entire process I took a screenshot in Fusion 360 so you can follow along! I tried to include all the measurements and where to find each option. If you have any questions, don't be afraid to ask in the comments below!

Steps

  1. Start by creating your parameters. This way you can change them if need be, and the whole model would adjust accordingly. My final parameters can be found in screenshot #4 above.
  2. With your parameters done, start to sketch out the basic shape of the cabinet while using your parameters as a guide. You should end up with a rectangle that has a slanted cut through it to make room for the screen and controls.
  3. Using your cabinet width parameter, extrude out the shape of the cabinet.
  4. Sketching on the backside of your cabinet, create the basic shape of the fish tank by using the window parameters, then offset it by 1/2" to give it a border.
  5. Extrude the fish tank/window sketch back by the window width parameter ,then extrude the border out by 3/4".
  6. To give the cabinet a softer look, use a fillet. Start by selecting all the sharp corners on the cabinet and setting it to 1.25, as well as selecting the fish tank/window border and filleting it by 0.25.
  7. To make the panels, sketch on the side of your arcade cabinet and use the same cabinet dimensions as earlier to make a rectangle. Then do a 10" fillet on each corner to round it off.
  8. Next, extrude the panel out 1", being sure to select only the rounded off interior and following the sketch of the cabinet base to make it more fitting.
  9. To make the second panel, create a mirror of the first panel and select the midplane.
  10. At this point you should have multiple separate bodies, so convert each one into a component and name them to stay organized.
  11. While being under the cabinet component, sketch on the front of the cabinet to create a maintenance panel, coin slot, and ticket dispenser. Screenshot #24 has the basic layout, but make sure to make 1/4" holes in the maintenance panel.
  12. Extrude out the maintenance panel, coin slot, and ticket dispenser by 0.25" to give them some form.
  13. To screw the maintenance panel into place, use the fastener option and select the screw you want (in this case, socket heads), then select the holes you made earlier to put them into place.

The base of the cabinet is now done!

Making the Helm

Step 12.png
Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 6.png
Step 7.png
Step 8.png
Step 9.png
Step 10.png
Step 11.png
Helm.jpg

Steps

  1. Start off by creating a new component and naming it "helm" to stay organized.
  2. Then insert a reference image of a helm into the design so you can base the drawing off of it. (Last image above)
  3. To create the shape of the ship helm, make a sketch on the front plane of the cabinet. Then, follow the shape of the image by making the circles and one of the rods (only half of one).
  4. Once the sketch is done, revolve the shape of the rod and create a circular pattern of it to make six rods in total.
  5. Then extrude the rest of the ship's helm by going out 1.25" on both sides.
  6. To make the shaft, create a sketch on the midplane of the cabinet. In the middle of the panel, make a 10"x0.75" rectangle at a 25º angle.
  7. Once again, revolve it, then make it a part of the cabinet component rather than the helm component.
  8. Finally, create a joint to put the helm onto the rod. This is optional, but I made it a revolute joint so the helm could spin.

Adding the Barrel

Step 14.png
Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 6.png
Step 7.png
Step 8.png
Step 9.png
Step 10.png
Step 11.png
Step 12.png
Step 13.png

Steps

  1. To start off, to stay organized, create a new component called "barrel".
  2. Then make an offset plane from the side of the cabinet that is offset by 15".
  3. Select that offset plane and make a straight line and a slightly rounded line, then offset the rounded line by 1/4" and connect them together.
  4. Offset the offset once again by 1/4" and create four straight lines going through the last two curves. These curves will be the metal around the barrel, so they should be fairly skinny and spaced out. Once you are done, trim the excess away.
  5. Using the straight line you made earlier, revolve your sketch to create the barrel's frame.
  6. Create a sketch on top of the barrel and make a small circle that is inscribed in the barrel's hole.
  7. Extrude your sketch by 1" to make the barrel closed off.
  8. Finally, use your move/copy tool to copy what you just made and place it at the bottom of your barrel to close it off.

This process was greatly helped by this video: https://youtu.be/gcx3GL391fQ?si=MTCJEAyZ0TdM2hA_

Forming the Frogtopus

Step 46.png
Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 7.png
Step 8.png
Step 9.png
Step 10.png
Step 11.png
Step 12.png
Step 13.png
Step 14.png
Step 15.png
Step 16.png
Step 17.png
Step 18.png
Step 19.png
Step 20.png
Step 21.png
Step 22.png
Step 23.png
Step 24.png
Step 25.png
Step 26.png
Step 27.png
Step 28.png
Step 29.png
Step 30.png
Step 31.png
Step 32.png
Step 33.png
Step 34.png
Step 35.png
Step 36.png
Step 37.png
Step 38.png
Step 39.png
Step 40.png
Step 41.png
Step 42.png
Step 43.png
Step 44.png
Step 45.png

Disclaimer

This section will have a much vaguer step by step. It will be more like tips and tricks, as organic forms like this do not have a streamline process.

Steps

  1. Create a form (quadball) and place it on top of the arcade cabinet. (I made mine ~10"-12").
  2. I found have a quadball with a mirror tool on it greatly helped, as did subdividing it twice.
  3. Having a reference picture near you, use the edit tool to start making the head/body of the frogtopus.
  4. Going slow and having patience with yourself goes a long way.
  5. Using the freeform selection tool can give you a lot more accuracy and details when editing.
  6. Rotate the head/body to be at a slight angle to give it more life!
  7. Using the sketch tool, create a path of where you want the tentacles to go.
  8. Using the move tool, you can give it more dimensions to be placed.
  9. Selecting the path you made, use the pipe tool, make the diameter however large you want (I went with 3.5") and set the display to smooth. You can also choose whether you want your tips to be rounded or spiked here.
  10. I found that rounded is more consistent since using spikes often gave me error messages. I personally like the look of spikes, but it's up to you!
  11. Repeat the tentacle process three more times to make all the tentacles. (*Make sure to have one be wrapped around if you want Pretzel to be holding the flag!)
  12. Once you are done with the base of the body, hit finish form!
  13. Turn the form you just made into a new component and label it as Pretzel (or frogtopus)!
  14. *Create a sketch on top of the cabinet and draw a circle that fits the size of Pretzel's grip.
  15. *Extrude the flag pole to the height you want. (I went with 16")
  16. *Construct a tangent plane to the flagpole, then an offset plane to create a midplane for it.
  17. *Create a form (plane) on the midplane. (I made mine 10"x16")
  18. Subdivide the plane so you will have five lines to move.
  19. *Use the edit tool to make the flag wavy (select the you made to make them go back and forth) and finish the form.
  20. Using Pretzel's base as a reference, create a plane through three points (illustrated in screenshot #30).
  21. Make an offset of this plane so you aren't touching Pretzel
  22. Create a sketch on the most recent plane and sketch out Pretzel's face. I recommend using a mirror tool and a reference image. (See screenshot #32)
  23. Make sure the eyes are one piece (no intersecting lines).
  24. Create another sketch using the plane you made before this. Select the project to surface option and use the sketch you made earlier as the curves. Select the body as the face, make sure you select the project type: along vector and use the offset plane as the project direction. Then, finish your sketch!
  25. Go to surface and select the patch option using the sketch you just made as the reference.
  26. Thicken the patches you just made by 0.1" each
  27. Using the offset plane closer to the face, create a sketch and create the shape of an open mouth. (For reference, see screenshot #40)
  28. Revolve the sketch you just made to cut out the mouth (make sure to uncheck the mouth detail under objects to cut).
  29. Using the sphere tool, make three relatively small spheres and use the move tool to make them look like they are coming from Pretzel's mouth. (These will be the bubbles)

*This only applies to you if you want a flag!

Making the Decorations

Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 7.png
Step 8.png
Flag.jpg

Physical Material

For physical materials, I focused on the texture and material of the object itself. This includes making the barrel out of a wood, the frogtopus out of a plastic, etc. I also demonstrate in the pictures above how to change the color of the material if you choose to.

Appearance

This is where I go into more detail and ensure each face is colored correctly. This also includes adding a custom wooden material that I found only which you can find here: https://polyhaven.com/a/weathered_planks

Decorations

To prepare for the final render, I used Procreate to make some decorations for the cabinet. I did this by measuring out each area I wanted to decorate, then turning it into a reasonable ratio. As an example: My panel is 72" x 30" so I made my canvas size 7200 pixels x 3000 pixels.

If you'd like to use the decorations I made for your project, they will be in Google Drive link below! For the flag, I actually used the official Just Roll With It: Riptide Jolly Roger which was created by CryingWyvern

https://drive.google.com/drive/folders/1Z-cmoktHfJU04hCkfwoRvvKYbdUDtEeI?usp=sharing

Animation & Rendering

Blender.png
Step 1.png
Step 2.png
Step 3.png
Step 4.png
Step 5.png
Step 6.png
Step 7.png
Step 8.png
Step 9.png
Step 10.png

Blender

In Blender, I ended up using texture maps to apply the decorations I made in Procreate. I ended up using the premade lighting setting listed below and made a small animation to have a good 360º view of the model!

https://polyhaven.com/a/the_sky_is_on_fire

How to apply a texture map on a single face:

  1. Go to material properties.
  2. Hit the plus button to add a new material.
  3. Click "New".
  4. Click the yellow dot next to "Base Color" and select "Image Texture".
  5. Click "Open" and select your image texture. (I linked mine above in Decorations)
  6. Press the "Tab" key and click "Edit Mode".
  7. With your cursor drag across the screen to select your face.
  8. Press the "U" key and click "Project from View (Bounds)".
  9. Click "Assign".
  10. Your material is now assigned to that face!

Resources

If you also would like to use Blender, here are some of the tutorials I used to understand how to render/animate.

Quick tutorial: Texturing a single face in blender 2.8+

Beginner Blender 4.0 Tutorial - Part 12: Animation

Beginner Blender 4.0 Tutorial - Part 13: Rendering

How To Add HDRI's In Blender!

Blender Tutorial - How to Make a 360 Turntable Animation

Thank You!

Frogtopus Racing - Arcade Cabinet Design

Thank you so much for reading! Obviously I'm still learning but I'm really happy with the final product! I hope this tutorial may have helped you make something just as rewarding!