Blog

Jump inside the show

Flipside Alpha Update #12

- by Rachael Hosein

This update includes some great new additions - Shared characters and sets, in-VR controllers for the slideshow and teleprompter, actor marks for framing shots and knowing where to stand, numerous bug fixes, and our first Flipside contest!

Shared characters and sets

You may have noticed some additional fields recently added to the website when uploading your characters and sets.  Those of you who have guessed it are right!  Any characters or sets that our creators choose to share are now available for all on the sets and character palettes.

This also means that from now on, more characters and sets are going to be available to everyone, and on an ongoing basis, not just when we update Flipside itself.

Slideshow controller

Controlling your slideshow is now much easier!  We've added a slideshow controller prop that lets you see your current slide, move to your next and previous slides, and jump to the first or last slide.

Teleprompter controller

Similar to the slideshow, we've also added an in-VR controller for your teleprompter!

Actor marks

To help with setting up your shots during set building, we've added an actor mark prop to the show tools palette.  Use the actor mark as a stand in when setting up your cameras and dressing your set.  When recording, the mark will appear as an 'x' on the ground so you know exactly where to stand.  The 'x' works just like the other user interface elements like the palette, they are only visible to you unless you want the user to see it.

Bugs

  • Fixed a bug where hands were not appearing for some users.
  • Improved our offline support (once you've run it once it should load existing assets, but not everything will work).
  • Fixed actors potentially ending up inside the floor on custom sets.
  • Fixed a bug where recording cartridges could fail to load.
  • Fixed scaling limits on imported props so they're manageable. You can still scale them in-app afterwards.

Contest Time!

With this update, comes the very first Flipside Creator contest!  You could win a $50 Steam Gift Card.  We’ll give you the script and you make a recording using Flipside Studio.

Flipside Skit Contest

Visit the Contests page for more details.

 

Preparing an Adobe Fuse character model for Flipside Studio

- by John Luxford

In this tutorial post, we will show you how to prepare an Adobe Fuse character model for importing into Flipside Studio.

Adobe Fuse is a 3D modeling app that makes it easy to create unique human characters in minutes, without having to be an experienced 3D artist.

Prerequisites

This tutorial assumes you have installed and setup both Adobe Fuse as well as the Flipside Creator Tools.

Step 1. Create your character in Fuse

Launch the Adobe Fuse app and create a new character by choosing File > New Model.

To build your character, under the Assemble tab, first choose a head from the list on the right, followed by a torso, legs, and arms.

Next, click on the Customize tab to reveal the available customization options. Feel free to modify these to your liking.

Next, click on the Clothing tab to choose the clothing for your character. You can choose from a variety of tops, bottoms, shoes, hair, hats, and more.

Lastly, click on the Texture tab to modify the textures on your character. This lets you control all aspects of your character's textures and how they look and feel.

Step 2. Send to Mixamo

To finish the rigging stage of our new character, Fuse relies on another Adobe product called Mixamo. When Fuse sends your character to Mixamo, it will automatically rig your character for you, but before completing the import process there is one setting you will need to change.

To send your character from Fuse to Mixamo, click on the Send to Mixamo button in the top right corner. This may take some time to process in both applications, so you'll need to wait for the exporting and importing processes to finish before continuing.

When you see your character animated in the Mixamo Auto-Rigger, before clicking Finish, change the Facial Blendshapes setting to Enabled. This ensures that your character's facial expressions can be connected to Flipside Studio's facial expressions and lip syncing capabilities.

Step 3. Download your character model

After clicking Finish, Mixamo may show a "Proceed with this new character?" warning. Click on the Use This Character button to proceed.

You will now be shown a page with two download options. Make sure to choose the download option for 3D Software, and not the option for game engines.

When Mixamo asks you to choose your download settings, leave the default options as is.

You are now ready to import your character into the Flipside Creator Tools! Here are some links to guide you through the next steps:

  • Using the Flipside Creator Tools (video-based tutorial)
  • Creating a custom character in the Flipside Creator Tools (text-based tutorial)
  •  

    Flipside Alpha Update #11

    - by Rachael Hosein

    This update has some new character additions, new features, and as always some bug fixes and polish.

    New characters

    Now that Flipside characters support realistic hair, cloth, and tail movement, we thought we'd release some showcase characters so everyone can see how awesome this feature is.

    Let's all take a moment to welcome Elephant, Giraffe and Warrior Goblin to the Flipside character crew!

    Twitch chat

    You no longer have to peek through the bottom of your head set to see your Twitch chat!  We've added a Twitch chat viewer to the Show Tools category of the Set Builder, so you can view and display your Twitch channel's chat conversation inside your Flipside shows!

    We know that your connection to your audience is a vital aspect of the Twitch experience, and now you can interact naturally with your audience as you stream your shows from Flipside.

    Facial expression mapping is way simpler

    There's a new version (v0.10) of the Flipside Creator Tools that makes it WAY simpler to map your character's facial expressions. This was the most challenging aspect of character importing, and this fix ought to make it much easier now. It also has little preview buttons to test how each expression looks before building and uploading your characters into Flipside!

    We've also added a marker that shows you where the origin point of your scene is when creating sets. This was one of the most confusing aspects when adjusting your set's position in the scene, and should be much easier now.

    Loading notices and alerts

    You may be thinking...what loading notices and alerts?  We originally had the loading notices and in-app alerts pinned to your hand, which went unnoticed for some of our users.  We've moved them to pop up right in front of you so you don't miss the important messages (but mainly so you can check out our awesome loading animation in full view).

    #madeinflipside

    We've added a small watermark to the video output from Flipside because we need to promote Flipside to the world. We've had several requests from users to add one, but we can foresee some users wanting it removed too, so if you're one of those users talk to us and we can work something out.

    Bugs

    • Fixed the wonky knees on our characters
    • Fixed playback issues with characters using our simplified lip syncing
    • Improved the hand positioning for HTC Vive users to feel more natural
     

    Using the Flipside set importer

    - by Rachael Hosein

    In this tutorial post, we will show you how to import a set into Flipside.

    Prerequisites

    This tutorial assumes you have installed and setup the Flipside Creator Tools

    Step 1. Get a set model

    For this tutorial, we're going to use Cube Room by Naomi Chen from Google Poly. You can source any model you would like to use for your set, all you will need is an .obj file for the model, a .mtl file for its material, and any associated textures. 

    Step 2. Import your set into Unity

    Launch Unity and have the Flipside Creator Tools set up.

    If using Google Poly to get your set model:

    If you have a model from elsewhere:

    • Import your model by choosing dragging the .obj, .mtl and any associated texture files into your Unity project
    • Create a new scene in Unity by choosing File > New Scene
    • Place your set model into the Unity Scene by dragging it from the project panel into the scene


    Step 3. Clean up

    Since you don't need the default camera and light, delete them from the Hierarchy panel.

     

    Step 4. Convert your scene into a Flipside set

    Convert your scene into a Flipside set by choosing Flipside Creator Tools > Create Set From Current Scene.


    Step 5. Input the Set Info

    With the root set object selected in the Hierarchy panel, go to the Inspector panel to access the Set Info.

    If the set model is under a Creative Commons with Attribution license:

    • In the Inspector panel for the set, add the creator's name in the Attribution field.

    Position the set so it's on the floor of your scene:

    • In the Inspector panel for the set, position the set so the floor of the set is the same as the floor of the scene by using the Transform handles or going into the Inspector panel for the set and adjust the Y value.

    Step 6. Create the set bundle

    In the scene window, click Build Set Bundle.  Once the set building process is complete, click on Find Set Bundle File to locate your set file.

    Step 7. Add the set to your account

    • Go to www.flipsidexr.com and log into your Creator account.
    • Navigate to the Sets section and click the + icon to add your set.  This will bring you to a page where you can upload the set file from the Flipside Creator Tools, a thumbnail of the set, and an attribution to the set creator.

    Step 8. Launch Flipside and check out your set

    Once your set has been added to your Creator account, launch the Flipside app and check out your new set!

    For a more detailed breakdown of how to import your own set, visit Creating a Custom Set in the Flipside documentation.

     

    Flipside Alpha Update #10

    - by John Luxford

    This update has been a few weeks in the making, and we're super excited to share these improvements with you, so let's jump right in!

    Import your own custom sets

    The Flipside Creator Tools now support importing not just your own custom characters, but your own complete sets too! Along with our custom props and skies, Flipside Studio is now the only VR animation software that gives you complete control as a content creator.

    Our mission is to empower you as a creator, and this is the last major piece of that puzzle in terms of customizing your shows. But don't think that means we're close to finished; we're only going to make it better and better from here.

    Click here to learn how to create your own custom sets.

    Realistic hair, cloth, and tail movement

    Flipside's character importing now works with Unity's Dynamic Bone plugin for more realistic hair, cloth, and tail movement. This is part of our continued effort to make your characters - the heart of your shows - come to life.

    Flipside's characters now support facial expressions, lip syncing, natural eye movement, full body movement and tracking, and now realistic hair, cloth, and tail movement too. And we're proud to be able to say that every one of these features works through the Flipside Creator Tools, because it's the same tool we use to build our own character sets too.

    Click here to learn how to add realistic hair, cloth, and tail movement to your custom characters.

    Simplified lip syncing option

    Flipside's character importing now supports a third mode for lip syncing, which we call Simplified Blend Shapes. Our full blend shape mapping requires individual shapes for each viseme (aah, ih, oh, ou, etc.), which many character models don't have. Our new Simplified Blend Shape mapping option still lets you map the facial expressions and eye movements, but it uses only one "open mouth" shape to control the lip syncing.

    This means as long as a character has a default (closed mouth) state and one open mouth shape, it should still work in Flipside. It also means Flipside can now achieve effects like Muppet-style mouth movements!

    The updated Flipside Creator Tools also automatically maps Adobe Fuse characters to this simplified setup, so Fuse users don't have to do anything to map their facial expressions, eyes, or lip syncing.

    Camera properties in the Set Builder

    We've expanded the properties panel for props in the Set Builder to work with cameras and preview monitors too now, and added our first customizable camera setting: enable/disable camera shake.


    To open the properties panel, grab the camera or prop and press either the Application Menu button on HTC Vive, or the A/X buttons on the Oculus Touch controllers.

    Teleporter shows your play area

    A few users have expressed that when using the teleporter, it would be great if they could see where their boundaries are - a suggestion that we decided to move on sooner than later. The next time you use the teleporter, you'll notice that in addition to the marker that shows where you'll land, you'll also see the boundaries of your play area so you can see where you can walk around at your teleporter destination. We will also be rolling out some visual updates to the teleporter in the near future!

    Bug fixes

    • Fixed wrist twisting issues by supporting twist bones
    • Better error handling when assets fail to load
    • Various palette fixes for characters and props
    • Fixed display of stick men on the palette and in set builder mode
    • Fixed the saucy hip movement of the dino characters
    • Fixed a case where Mixed Reality mode would show black instead of the 4 quadrants
    • Fixed the loading notice count of how many characters are loading
    • Slideshow now supports regular YouTube video links (not just share links)
    • Slideshow and teleprompter working properly when recording additional parts
    • Lots of other minor updates

    Join us on our Discord chat, our community forum, or our Steam discussion page to let us know what you think, to share your Flipside creations, and to get to know others in the Flipside Creator Community.

    We're learning so much from all of you that are helping shape Flipside Studio into the product that it is. A big thank you from our whole team for that invaluable input!

     

    Flipside Studio is now available in Oculus Home

    - by John Luxford

    We're excited to share that Flipside Studio is now available for free in the Oculus Home app store! This makes Flipside Studio the first VR animation software to go cross-platform, since our release on Steam on March 13th.

    Our goal is to make the animation experience you've always dreamed of, while providing maximum creative control to make your shows your way. This means your characters, your concepts, your content.

    By making Flipside easy to use, we also want to introduce VR and AR content creation to creators who otherwise wouldn't be able to participate because they don't have a team of 3D artists and programmers at their disposal. We believe VR and AR creation should be open to anyone, so we're making that happen.

    We're still on the road to 1.0 and you'll notice Flipside is listed in the Early Access category in Oculus Home too. But we're moving fast, and we have a number of major improvements to roll out in the coming weeks that we can't wait to share with all of you.

    So a very warm welcome to all the new Oculus users to our Flipside Creator Community. We couldn't be happier to have you, and we can't wait to see what you create with Flipside!

    Click here to download Flipside Studio on Oculus Home.

    Sincerely,
    The Flipside Team

     

    Using Adobe Mixamo to rig a custom character for Flipside

    - by John Luxford

    In this tutorial post, we will show you how to use Adobe Mixamo to rig a custom character model for importing into Flipside Studio.

    Rigging is the process of creating a skeleton for a 3D model that determines how it can move. Mixamo is a free tool that helps automate the process of rigging 3D character models.

    Prerequisites

    This tutorial assumes you have installed and setup the Flipside Creator Tools. It also assumes you have registered for an Adobe account, which you can do on the Mixamo website.

    Step 1. Get a character model

    For this tutorial, we're going to use the Iron Giant character from Google Poly. Click on the Download link and choose OBJ file to download the character model. This will download a zip file of the character model, its materials, and any associated texture images.

    "Iron Giant" by Steve P is licensed under CC BY 2.0.

    You can upload the zip file directly to Mixamo, but if you want to explore what it contains you can unzip the downloaded file by right-clicking it in Windows Explorer and choosing Extract All. You should have an unzipped folder containing two files:

    • materials.mtl - This file describes the material properties of the character.
    • model.obj - This file is the 3D model of the character itself.

    Some characters will also include one or more images that are the material file uses as textures on the model. In this case, there's just the two files.

    Step 2. Upload the character to Mixamo

    Log into the Mixamo website, then click on the Upload Character button on the right. Select the zip file of your character model and click Next. After the upload is processed, you should see the following screen:

    If you need to rotate your character so it's facing the front, use the left-right arrow button in the bottom left corner. Click Next to continue when your character is upright and facing forward. This will take you to the Auto-Rigger screen below.

    Step 3. The Auto-Rigger

    First, uncheck the Use Symmetry checkbox, because this character model is not symmetrical.

    It should also be noted here that characters will work best if they are in a T-pose with the palms facing down, however Mixamo does a pretty good job in many cases with models in various poses.

    Now drag each circle on the left to its corresponding point on your character. When you're finished it should look like this:

    Click Next again for the auto-rigging process to begin. If everything looks good after Mixamo has rigged your character, import your character into Mixamo by clicking Next again.

    The last step is to download your newly-rigged character model. Click on the Download button in the top-right corner and leave the default options as is.

    You are now ready to import your character into the Flipside Creator Tools! Here are some links to guide you through the next steps:

     

    Flipside Alpha Update #9

    - by John Luxford

    Continuing our focus on bug fixes from last week's update, we've made lots of little improvements again this week too. But we also have one new feature we're excited to share:

    Sky's the limit

    You can now upload your own 360 photos to change the skies in Flipside! Combined with our blank set, this means you can use any 360 photo as a custom environment for your shows.

    Flipside supports both mono and stereoscopic 360 photos in either PNG or JPG format. Stereo photos must be in "over/under" mode (left eye on top, right eye on bottom).

    This opens up a world of new show possibilities, and is step one on our way to completely custom set importing. We can't wait to see where you guys take Flipside next!

    Bug fixes

    Here's what we managed to improve for you guys since last week:

    • Improved keyboard controls for camera editing: Pressing 1, 2, 3 now respects the current latch setting (cut or move), but you can override the latch via C+1 or M+1 combos to specify a deliberate cut or move.
    • Imported props now support a much wider number of material settings, so your props should be looking better than ever.
    • We made more fixes to the slideshow, which now supports loads of video formats, as well as photos, YouTube links, Dropbox links, and live streams over RTSP and RTMP.
    • Lots of smaller behind-the-scenes fixes.

    We're moving fast, and we have lots more coming up too that we can't wait to share with our amazing creator community. Make sure you share your creations on our Discord chat, our community forum, or using the hashtag #madeinflipside on Twitter.

     

    Flipside Alpha Update #8

    - by John Luxford

    This week's update is focused on bringing you bug fixes and quality of life improvements.

    Slideshow supports YouTube videos

    We've made a big upgrade to the slideshow video playback, and now you can link to YouTube videos, and a wider list of video formats are supported now too.

    That's our Flipside Studio trailer, playing in Flipside via YouTube!

    Hands, touching hands, reaching ooout...

    In the last few releases, your real hands and your character's hands weren't completely aligned. This caused noticeable issues when interacting with props that feel like they're not quite in your hand. We're happy to say we've solved this by adding a little stretchiness to the arms, which works more closely to how our arm system worked in the past.

    For characters with really long arms, we've also found that you can run your body calibration sitting down and without fully extending your arms. Then you can act that part while sitting, and your arms will stretch to feel more natural for your character. This is one of the techniques actors use when embodying puppets that don't match their own dimensions, and it's pretty fun too!

    Holding props while recording starts

    There was a bug that caused props that were being held at the start of a recording to be reset to their original positions on the set. That's been fixed, and now you can grab a prop and have it ready in hand when recording starts.

    Twitter photo sharing

    Photos weren't showing up in Twitter photo shares, but that's now been fixed. Share on, Wayne!

    Misc fixes

    • We've added more error checking to prevent the disappearing menu bug.
    • We've fixed how characters scale, so now you can adjust their size in the Creator Tools and Flipside will apply the correct scale to your characters. Note: Make sure you update to version 0.8 of the Flipside Creator Tools.
    • Playback and physics are now paused when you open the Steam menu or Oculus Dash.
     

    Flipside Alpha Update #7

    - by John Luxford

    It's time for another Flipside Studio update!

    Discord chat server

    First, we've added a Discord chat server to our list of ways you can reach us for help, as well as meet other creators in the Flipside Creator Community. We're also active on our Steam Discussion page as well, so feel free to reach out in whatever way work best for you!

    Mixed Reality filming in Flipside (preview)

    Flipside Studio now supports Mixed Reality filming via an HTC Vive Tracker attached to a real-world camera. The coolest part is that it also works with our existing Vive Tracker support for tracking your lower body! The second coolest part is that you can still switch back and forth between Mixed Reality and any other cameras you have on your set, without exiting Mixed Reality mode.

    We're calling this a feature preview since it's a big change and may have introduced new bugs we didn't catch yet. And of course, you can find the complete info on using Flipside's new Mixed Reality mode in our documentation.

    Special thanks to Raktor and LIV for their help in getting this feature built.

    Viking props

    Vikings are cool. Because vikings are so cool, we've started adding viking-related things into Flipside, starting with some new viking props. More viking-related things will follow.


    Why yes, you may see my battle axe. Would you care for another flagon of ale?

    Bug fixes

    1. We fixed an issue that caused Flipside Studio to fail to load in some cases. Apologies to everyone that was affected by this bug!

    2. Oculus Touch controllers now work the same through SteamVR as they do through Oculus Home, including the ability to control the slideshow and teleprompter in VR (HTC Vive users will be able to do this soon too, we promise!).

    3. Camera previews in the Set Builder now show a 1:1 preview of the real camera output, so now you have an accurate reference when setting up your cameras.

    4. We've made a big improvement to the feel and accuracy of throwing props away in the Set Builder. For reference, you can delete objects by throwing them over your shoulder or with the Delete button in the Prop Settings panel.

    5. We've added a scale reference and automatic fixes for scale when your imported character is way too small or too large. Click here to go download the latest version of the Flipside Creator Tools. A big thanks to Bruno Pato for working through these issues with us!


    That's it for this week. Stay tuned, we've got tons more exciting things to share in the coming weeks!

     

    Older posts »

    We're here to help!

    If you can’t find the info you need on our support page, send us a message.

    If you are already a Flipside creator and have a feature request or feedback, please submit it through the Creator Community.

    Please enter your name.
    Please enter a valid email address.
    Required.
    Please enter a message for us.