How To Make An Interactive Purchase Display In Rec Room

Hey everybody, it’s Under My Cap and welcome back to another video! Today I’m going to be showing you how to make an interactable store pop-up for your virtual Rec Room characters so you can show off your clothing items inside of a room and sell them to people. If you’d prefer to follow along visually, you can watch the full video here.

What We’re Building

In this tutorial, I’ll be walking you through how to set up interactive character displays that show a store pop-up when a player clicks on them. The circuits might look a little complicated at first glance, but trust me — it is super simple once you break it down step by step!

Step 1: Enable Beta Content

The first thing you’re going to want to do is make sure that your room has beta content enabled. Head into your room settings, scroll all the way down, and make sure that the “Allow Creative Tools Beta Content” option is turned on. If you’ve already got that enabled, you’re all sorted! If not, you’ll need to switch that on before continuing.

Step 2: Place a Mannequin

Next, you’re going to need to use a prop called the Mannequin. The Mannequin allows you to display the character you’re currently wearing inside your room. It appears as a little golden character when placed. Once you’ve placed it, you’ll notice it has a default character on by default. To switch it to your own character or a character you’d like to showcase, simply open up the menu on the Mannequin, navigate to Configure, and copy your full body avatar data across to it. Once you click that option, your full body avatar will be cloned directly to the Mannequin. Please note that this feature only works with full body avatars — if you’re currently using a bean body, you will need to switch to full body for this to work.

Step 3: Add an Interaction Volume

Now that your character is set up on the Mannequin, the next step is to make it interactive so that players can click on it and trigger the clothing pop-up. Head into your menu and search for Interaction Volume. Spawn it in and scale it so that it sits roughly around the area of the shirt on your Mannequin. You just want it covering the shirt area — nothing too large at this stage.

Step 4: Set Up the Circuits

With the Interaction Volume in place, it’s time to set up the circuits that will power the pop-up display. Move your Interaction Volume chip up to give yourself some working space, then head into your palette and grab the Avatar Item chip — go ahead and spawn that in above your circuit. You’ll also need the Show Avatar Item Details chip, so select that and spawn it in as well. Make sure these two circuits are connected to each other. You’ll also want to connect the Avatar Item circuit to your Avatar Item Constant, and connect the Player output to the Player Who Used input on the circuit. Once all of those connections are in place, you’re almost done!

Step 5: Configure Your Avatar Item

The last thing you need to do is edit the Avatar Item to display the specific item you want to showcase. Simply search for the item by name, select it, and confirm your choice. Just like that, you’ve built your very own interactive display where players can click on your Mannequin and have your clothing item pop up right in front of them!

A Few Extra Tips

There are a couple of things worth keeping in mind as you build this out. First, make sure your Interaction Volume is sized a little bit larger than the Mannequin itself — this ensures that players can actually click on and select it without any issues. Additionally, if you’d like to add a bit of extra polish, you can connect a sound effect chip to the end of the Avatar Item Detail circuit to play a sound when a player interacts with the display. It’s a great little touch that adds to the overall experience!

Watch the Full Tutorial

If you found this helpful and want to see the full walkthrough in action, make sure to check out the full video on YouTube. If you enjoyed it, a like and subscribe goes a long way and helps me keep creating content like this. I can’t wait to see you in the next one — stay creative everyone!