Photobooth

Photobooth

An area designed for the player to take a selfie for saving the experience, sending to friends or sharing on social media. A photobooth can increase player interaction, facilitate event recall, and add to the overall enjoyment of the experience.

Example space containing a photobooth:

https://app.learnbrite.com/dashboard/spaces/visit/spca4885e7b396bd5888d3cd6

Setting Up the Photo Area

Choose a Background for the Selfie

Using an area of the space

Enter edit mode

Find a scenic, or otherwise significant, spot to use as a backdrop for the photo.

Open dev tools, and choose Console

Save the current view as a camera shot

Using a Mediaboard backdrop

Find an area of the space to place a photo backdrop and add a Mediaboard in the Pencil+ menu

Enter edit mode

Select a position to set a camera shot to include the backdrop and the avatar. A bot or other avatar can be utilized to help set up the shot

Open dev tools, and choose Console

Save the current view as a camera shot

Adding Hotspots with Avatar Poses

In the Pencil+ menu, choose Add Hotspot

Place the new hotspot in front of the chosen photo background

Select the Settings for a photo pose hotspot (Editing Mode)

Select a Posture for the avatar pose

Set the avatar_lookAt field to “camera”

Set the Custom camera shot field to the camera shot name chosen earlier

Save the new settings

Repeat for each photo hotspot

Adding a VR Icon for Screen Captures

Add an Icon for the Camera Capture

Select Add icon from the Pencil+ menu

Click the Settings gear on the new icon

Adjust the size of the icon to be easily visible to player in photo pose

Click the Select button next to the Icon field

Select the camera icon

Click Select

Uncheck the Is toggle checkbox, if checked

Adding the Screen Capture action to the icon

Click the Settings gear on the new icon

Click the Edit action button next to the On Click field

Click the Trash can icon in the default dialog area to delete

Click the More button, then select Custom Action

Enter the Custom Action into the field

Use the Custom Action that activates the Screen Capture process.

Click the + next to Extra parameters, and enter a parameter “delay” with a value of “1”.

Click Add action

Add a camera shutter sound effect when the icon is clicked

Click the More button, then select Play Sound Effect

Enter the Shutter click sound effect to the URL field

Click Add action

Click Save at the bottom of the Conversation Action Editor

All steps put together should have a result resembling the below

Setting Up the Photo Area

Choose a Background for the Selfie

The photobooth area can either utilize an area of the 3D space or add a mediaboard, with branding, for the photo backdrop.

Using an area of the space

Enter edit mode

Find a scenic, or otherwise significant, spot to use as a backdrop for the photo.

Open dev tools, and choose Console

Save the current view as a camera shot

LB.Camera.saveCurrentShot("shot_name");

Note: Save the name of the shot in a note. It will be needed later when adding the hotspots.

Using a Mediaboard backdrop

Find an area of the space to place a photo backdrop and add a Mediaboard in the Pencil+ menu

The Mediaboard can be a branded piece of marketing for the event, a splashscreen of the space, etc. Size the Mediaboard to a height greater than a player avatar.

Enter edit mode

Select a position to set a camera shot to include the backdrop and the avatar. A bot or other avatar can be utilized to help set up the shot

Open dev tools, and choose Console

Save the current view as a camera shot

LB.Camera.saveCurrentShot("shot_name");

Note: Save the name of the shot in a note. It will be needed later when adding the hotspots.

Adding Hotspots with Avatar Poses

In the Pencil+ menu, choose Add Hotspot

Place the new hotspot in front of the chosen photo background

Repeat to place 4 or more photo pose hotspots.

Select the Settings for a photo pose hotspot (Editing Mode)

Select a Posture for the avatar pose

For more detailed information on Avatar Poses see the Senario Gestures guide

Set the avatar_lookAt field to “camera”

Set the Custom camera shot field to the camera shot name chosen earlier

Save the new settings

Repeat for each photo hotspot

The posture should be varied for each hotspot. So, if the first hotspot uses “Photo 5”, the others should not repeat this posture. There are currently 8 photo postures to choose from.

Adding a VR Icon for Screen Captures

A VR icon can make the screen capture process easier.

Add an Icon for the Camera Capture

Place an icon next to the photo area, so that the icon can be accessed by the player while their avatar is in a photo pose.

Select Add icon from the Pencil+ menu

Click the Settings gear on the new icon

Adjust the size of the icon to be easily visible to player in photo pose

Click the Select button next to the Icon field

Select the camera icon

New icon will appear in Selected: spot

Click Select

Uncheck the Is toggle checkbox, if checked

Adding the Screen Capture action to the icon

Click the Settings gear on the new icon

Click the Edit action button next to the On Click field

Click the Trash can icon in the default dialog area to delete

Click the More button, then select Custom Action

Enter the Custom Action into the field

Use the Custom Action that activates the Screen Capture process.

Note: Custom Action is functional in version 3.0+

UI.takeScreenshot

Click the + next to Extra parameters, and enter a parameter “delay” with a value of “1”.

Click Add action

Add a camera shutter sound effect when the icon is clicked

Click the More button, then select Play Sound Effect

Enter the Shutter click sound effect to the URL field

https://cache.learnbrite.com/_assets_/audio/shutter.mp3

Click Add action

Click Save at the bottom of the Conversation Action Editor

All steps put together should have a result resembling the below

When icon is clicked, a screen capture, like the example below, will be saved to the player’s device.

How useful was this article?

Click on a star to rate it!

We are sorry that this article was not useful for you!

Let us improve this article!

Tell us how we can improve this article?