cancel
Showing results for 
Search instead for 
Did you mean: 

[Tutorial] How to create posters and put them in Oculus Home

Anonymous
Not applicable

Have you
ever wished you were able to put your favourite pictures on your virtual walls? Well, this is possible with the Custom Objects feature! Well, it’s not a
direct process, but I do manage to get posters in my Home, so I figured I would
share this method, in case it would interest anyone.

I'm assuming you know the basics of Unity. If you don't... well of course, you can still try ^^. Otherwise, you can ask help from someone who does.




You’ll need
the following software:



-       
Oculus
Home 2 (“no sh*t!”),



-       
Unity, with a free Unity account + FBX Exporter (from Unity Asset Store)     OR Blender with the FBX add-on (find it in User Preferences).



-       
Three.js
editor (online tool, no need to download).



-       
GLTF
Converter (another online tool ; there are a few, but I suggest this one : https://blackthread.io/gltf-converter/).




Now, here
is the process to put a poster in Home.

Short version :

0) Set-up : choose the picture you want, make sure you have Unity and the FBX Exporter asset, and prepare the online tools. Create a new project in Unity, import the FBX Exporter and the picture in this project.

1) In Unity, create a single plane and put the picture as its texture. Resize the plane to get the proper proportions (don't worry about the actual size).

2) With FBX Exporter, export this object as a FBX file. You now have a FBX object and a texture file.

3) Drag those two files in a GLTF converter. This will give you a single glb file.

4) Drag this glb file in three.js editor and reduce the size of the object. By default, the scale should be 0.1. Save the result as a new glb file.

5) Put the new glb file in the Import folder for Oculus Home, don't forget to rename it (by default it's "scene.glb" ...).

If the object is still too big, do step 4) again (reduce the size even more). There is a known problem where sometimes it doesn't change anything, I'm not sure where that comes from ^^'. Here is a nice tip : take one of your imported files as a size reference in three.js editor. Put the new file next to this one, and compare their size (you know the size of the reference object in Home, so by comparing a new object to it, you can have a pretty good idea of its size once imported).

With Blender, it is literally the same process : create plane, make that picture its texture, change the proportions, export is as .FBX file, convert it (with its texture) as .glb file, and so on ...



If you feel that you need a more detailed explanation, here is the long version (with Unity). It may seem long and hard but don't worry, it's actually not!



First
of all, we need to create the “poster object”.
Choose
any picture.
 I want this one in my Home:
klh4dt890ibb.png
 - Open
a new project in Unity.
 Let's call it... nah, it doesn't matter
anyway.
Put
your picture in the project Asset folder.
 In the new scene, make a
flat plane object. Finally, you have to import the asset. You should have
something like this :

ai49nvvtml4t.png

- Create a new material, and make that picture its texture. Then,
just drop the material on the plane.

vtob97ktpea3.png

- Resize the plane to get the proper dimensions. Don’t worry about the actual size of the
object
, this will be dealt
with later. Just make sure that the proportions of the picture are respected!
(this is obviously not the case on the screenshot above...)

 

Okay, that was the first step: we just created our poster. Then, this object
must be extracted from Unity.

Export this object as a .FBX file with FBX Exporter: right click
on the object, and select “Export as FBX...”. If you don't find that option,
restart Unity.

- In the assets folder of your Unity project, you should find that FBX object,
along with its texture.

 

Now, you should have 2 files: the FBX object, and its texture. You have
to convert that into a single glb file.

- Open the GLTF Converter.

Drop both these files in the proper place. The conversion
won’t work if you don’t.

- The website should do the conversion by itself. If it worked, the
"Export as GLB" button will be blue and selectable (don't worry if
you don't see your object : that just means you see it from aside, and since
it's flat, you can't see it from this point of view...). Click on that
button, it will save the GLB file on your computer.

 

 

Okay, that was the first step: we just created our poster. Then, this object
must be extracted from Unity.

Export this object as a .FBX file with FBX Exporter: right click
on the object, and select “Export as FBX...”. If you don't find that option,
restart Unity.

- In the assets folder of your Unity project, you should find that FBX object,
along with its texture.

 

Now, you should have 2 files: the FBX object, and its texture. You have
to convert that into a single glb file.

- Open the GLTF Converter.

Drop both these files in the proper place. The conversion
won’t work if you don’t.

- The website should do the conversion by itself. If it worked, the
"Export as GLB" button will be blue and selectable (don't worry if
you don't see your object : that just means you see it from aside, and since
it's flat, you can't see it from this point of view...). Click on that
button, it will save the GLB file on your computer.

 
upx4rx0reg7z.png
Now you have your poster object, and it's compatible with Oculus Home!
But if you try to import it… you may encounter a "huge" problem.
Indeed, your object will be way too big. Ten times its size, actually. So we
need to rectify this.

- open the GLB file in three.js editor. The texture will be black, but
don't worry! It will appear correctly in Home.

- resize the object (by default, use 0.1 as the size value) and save it as a
new .GLB file (File\Export as GLB).

- Rename the new .GLB file and put it in the import folder.

- If 0.1 still gives you a huge object, try a smaller value. Sometimes I
encounter a problem where changing the size this way doesn't actually change
anything in Home ; I have no idea where this comes from ^^' I'd like to hear
from someone who knows.

 

Then you will have a flat plane object, with a proper size, which we can call a
poster ^^. I would put a picture of the final result... but I don't know how to
make a screenshot of my Home xD (again, if anyone has a suggestion to do this,
I'd love to hear them out...).









Hopefully this helped anyone! I was pretty proud of my small discovery, because
posters are a good way to make a more personal room. 
Besides, 3D models are great but can take up a lot of resources. Pictures don't take anything so it's a framerate-friendly custom method 🙂 .

21 REPLIES 21

Digikid1
Consultant



Calibos said:



For the love of dog can some of you wonderful people share these wonderful glb files?????????????????????

Seconded! 

It'd be amazing if someone could build some frame models of different sizes and designs with the resolution specs listed that the rest of us can just add our own posters once we've cropped and/or scaled them. I'm not asking for much am I? 😄


Another easy way to make a 2D image for posting in your home is to use this site: https://glb-frame-maker.glitch.me/ 

1. Choose frame
2. Drag and drop a picture into the browser with the correct dimensions
3. Download GLB
4. Move to My Documents/Home/_Import
5. Profit

Suggested by @jessicazeta from the Medium crew



Can you suggest what is good dimensions for home?

KlodsBrik
Expert Trustee
Time to decorate all my walls with my favorite  porn actresses in every thinkable pose possible.
Thx for the tutorial tips. 🙂
Be good, die great !

LithiumIO
Expert Protege

Calibos said:



For the love of dog can some of you wonderful people share these wonderful glb files?????????????????????

Seconded! 

It'd be amazing if someone could build some frame models of different sizes and designs with the resolution specs listed that the rest of us can just add our own posters once we've cropped and/or scaled them. I'm not asking for much am I? 😄


Here is link to my Reddit thread and model depository - https://www.reddit.com/r/oculus/comments/9g2y2r/las_home_20_model_collection/

Digikid1
Consultant

LithiumIO said:


Calibos said:



For the love of dog can some of you wonderful people share these wonderful glb files?????????????????????

Seconded! 

It'd be amazing if someone could build some frame models of different sizes and designs with the resolution specs listed that the rest of us can just add our own posters once we've cropped and/or scaled them. I'm not asking for much am I? 😄


Here is link to my Reddit thread and model depository - https://www.reddit.com/r/oculus/comments/9g2y2r/las_home_20_model_collection/



Awesome!  Thanks!  Can you also do some models of the Enterprises from Star Trek??

LithiumIO
Expert Protege

Digikid1 said:


Awesome!  Thanks!  Can you also do some models of the Enterprises from Star Trek??


If you can find one on SketchFab that's:
1. Free and downloadable
2. Isn't a bazillion polygons
3. Can be sized to meet the 15Mb maximum file size of Oculus Home (refer to point 2)
Post the link here and I'll see what I can do, or better yet comment on my Reddit thread as I have notifications turned on there. Try to keep the triangles count around 60-80k maximum as a general rule for any chance of being able to convert and use it.

Pavel419
Explorer
How to add physics to such a model? The pictures themselves are easily made in a blender, but - they remain independent of gravity, for example. I want them to be thrown like a baseball, but I don’t know how to do it ...





IlMissile95
Sightseer


cx4fnk0nh7ov.jpg


Where do you get your supply from?

Digikid1
Consultant
@LithiumIO I've made a post in the off topic section regarding this.....can you see if you can help me out?  Thanks.

HotWasabiPeas
Protege
There is an app in the Oculus Store for exporting photo objects for Oculus Home:


It has frames of varying sizes and some frames that automatically fit your image file. Makes adding photos to your Home pretty easy and painless.

Digikid1
Consultant
You posted a link to THIS EXACT THREAD. 

How exactly is that helpful?