What You Need To Know to Create Awesome Spaces

We developed Egowall to be a unique social platform whose users can

  • Showcase their life's memories and achievements
  • Connect with friends, family and colleagues
  • Share living spaces that illustrate The Real You™

Last week, we collected several short How To Play videos to familiarize you with the key components of the Egowall user interface.

In this post, we have collected several detailed (and as a result, longer than average) How To Play videos from our YouTube Channel to provide a comprehensive picture of the process for customizing a living space and subsequently making it public.

You don't need to complete all three (but we'd love it if you did). Pick any of them and by the time you're finished watching it, you will be able to use Egowall to create your own online representation of the things that make you special.


Decorating a Mountain Lot Living Space

Part 1: Kid's Play Area

In the first in our series of Decorating a Mountain Lot videos, we begin the process of creating a 3D public space in Egowall. As the space is quite large, we focus here on an area to be customized as a kid's playroom. (Length - 37:34)

Part 2: Kitchen

In the second episode in the series (embedded below and available on YouTube), we continue the decoration of the Mountain Lot space in the Kitchen. (Length - 29:37)

Part 3: Living Room

In the third and final episode in the series (embedded below and available on YouTube), we complete the decoration of the Mountain Lot space with the Living Room. (Length - 26:58)

Now that you are familiar with the Egowall user interface and have seen how to build a custom space, we invite you to check out our Unity-based social networking platform to see what you can create. Then sign up for a free account and start using Egowall to be The Real You™.

And while you're at it, subscribe to our YouTube Channel so that you will know when we have posted new How To Play (and more) videos.


4 How To Play Videos All Users Should Watch

Egowall is a social platform whose users can document their lives and achievements in ways not possible on any other social networking site. Quickly and easily showcase your favorite memories in 3d living spaces, then connect and share them with friends, families, and colleagues.

Below we have collected several short How To Play videos from our YouTube Channel to familiarize you with the key components of our user interface and show you how to build your own custom living space.

After you'vereviewed them, please sign up for a free account and take Egowall for a test drive.


User Interface Overview: Part 1

In the first of our Egowall User Interface Overview videos, learn about the Navigation Center (useful for getting around your living spaces and augmenting them) and the Status Display Panel (which provides information about your location and sharing options). (Length - 1:46)

User Interface Overview: Part 2

Learn about the Main HUD (Heads Up Display), which - together with the Main Display Menu - provides access to user-owned living spaces and digital goods and shopping functionality. (Length - 2:09)

User Interface Overview: Part 3

Learn about the Quick Action HUD (Heads Up Display) - which provides access to higher-level game functionality - in this final entry in a three-part series about the Egowall user interface. (Length - 2:00)

Custom Living Space Tour

Take a quick tour of this totally custom space - created using Egowall's construction tools - to see how you can showcase your life with 3D furnishings, decor and images from your computer. (Length - 2:00)

Now that you are familiar with the Egowall user interface and have seen how to build a custom space, we invite you to check out our Unity-based social networking platform to see what you can create. Then sign up for a free account and start using Egowall to be The Real You™.

And while you're at it, subscribe to our YouTube Channel so that you will know when we have posted new How To Play (and more) videos.


Our Journey to Unity 5 and WebGL

Check out our Unity-based social networking platform to see what you can do with Egowall. Then sign up for a free account and start using it to be The Real You™.


Unity Logo

The process of upgrading a large, complex application like Egowall to Unity 5 and WebGL™ is neither as easy nor straightforward as you might think - or hope. Beyond the fact that WebGL is significantly slower than native code, there are many other things to deal with.

We are sharing a series of posts with behind-the-scenes information about our journey on this road. In the articles, we talk about the issues we have encountered during the conversion and how we dealt (and are dealing) with them.

WebGl Logo

Below are links to all of those posts in a single place. We wanted to make it easy for newcomers to the series to read any or all of them. As additional articles in the series are written, this post will be updated.

We hope you get value from the information contained in the posts. Please share any thoughts you may have in the comments and let us what your path to Unity 5 and WebGL has been like.


Egowall and WebGL (Part 1): How We Got Here

In the first post in our series, we talk about Google’s early 2015 removal of support for the Unity plugin in Chrome and the resulting impact on our development process.

Egowall and WebGL (Part 2) - Art and Asset Issues

The second post covers the art and asset-related issues we encountered during the upgrade and how we dealt with them.

Egowall and WebGL (Part 3): Code-Related Issues

In this third post, we summarize the code base changes we had to make in order to resolve Web Player-related issues encountered during our Unity 5 upgrade.

Egowall and WebGL (Part 4): Web Player Performance Comparison

The fourth post summarizes the results of our performance testing at the end of the Unity Web Player 5.3 upgrade, comparing it to Web Player 4.3.

EGOWall and WebGL (Part 5): WebGL Issues

Coming soon.


WebGL and the WebGL logo are trademarks of the Khronos Group Inc.

Egowall and WebGL (Part 4): Web Player Performance Comparison

UPDATE: This post was modified on March 30, 2016 to correct some of the measurements in the table at the bottom. Numbers which were adjusted are marked with an asterisk (*).


In the first part of our Egowall and WebGL series, we discussed Google’s early 2015 removal of support for the Unity plugin in Chrome, making it necessary to move Egowall to Unity 5. Then in part two we detailed the art and asset-related issues we encountered as we began the upgrade.

Most recently, in part three we talked about the asset-based and code-based issues we encountered and the solutions/workarounds we implemented to address them.

Our next step in the migration to Unity 5 was to ensure that there was no performance degradation between the Unity 4.3 and Unity 5.3 web players. We needed to identify any Web Player-specific performance issues so that when we migrate to WebGL, we will be able to isolate any other performance problems encountered as being specific to WebGL.

In this blog post we want to give you the summary of our performance testing at the end of the Web Player 5.3 upgrade.

Performance Baseline and Metrics

We have an established group of performance metrics that we assess against sets of baseline measurements on each Unity upgrade and Egowall release. The baseline used in this instance was a test case with the following scenarios:

Environment:  Living Space (Castle)

Graphic Settings:  High, and from the player’s starting position after loading into the living space.

An Example of the Living Space Used in the Referenced Test Case

An Example of the Living Space Used in the Referenced Test Case

 Variation A:  Empty Living Space (Castle)

  • No user interaction objects

Variation B:  Loaded Living Space (Castle)

  • Unique mix of 112 user interaction objects such as furniture, photos and mini-games
  • All objects are positioned where they are at least partially visible from the player’s view at the starting position
  • All visible living space surfaces have a custom material applied to them

Variations A and B were executed identically using both the Unity 4.3 Web Player and the Unity 5.3 Web Player. We observed the following (details can be found in the table below):

  1. A drop in frame rate was observed on variation B when moving large stacks of objects all at once, which makes the physics exponentially more complex.
  2. Rendering performance slightly decreased in regards to the draw calls and tri count batching.
  3. Material memory went up significantly. (NO LONGER ACCURATE AS OF MARCH 30, 2016).

Web Player 4.3
Empty Space

Web Player 5.3
Empty Space

Web Player 4.3
Loaded Space

Web Player 5.3
Loaded Space

FPS Range

66-70

64-69

66-69

66-70

Tri Count

9.8K

16.5K

153.3K

155.0K

Batched Tris

208

448

166

7700

Draw Calls

76

107

532

472

Batched Draw Calls

21

35

19

114

Texture Count

1427

1439

1589

1586

Texture Memory

33.5MB

34.9MB

131.4MB

130.2MB

Material Count

213

598

556

638 (*)

Material Memory

113.8KB

0.6MB

293.8KB

0.7MB (*)

VRAM Usage

18.9MB - 29.5MB

21.5MB - 33.0MB

18.9MB - 79.3MB

23.7MB - 84.5MB

Game Objects

518

508

2657

2647

Total Objects

5383

5963

13763

13948

Stay tuned to find out more about what we have learned on the way to Unity 5 and WebGL.

WebGL and the WebGL logo are trademarks of the Khronos Group Inc.

Egowall and WebGL (Part 3): Code-Related Issues

In the first part of our Egowall and WebGL series,  we talked about Google’s early 2015 removal of support for the Unity plugin in Chrome, making it necessary to move Egowall to Unity 5. Then in part two we discussed our first steps toward the upgrade – detailing the art and asset-related issues we encountered.

In this blog post we will summarize the code base changes we had to make in order to resolve issues encountered during our Unity 5 upgrade. Please note we just are talking about the Web Player conversion; WebGL-related issues encountered will be discussed in a future post.

General Observations

Unity 5 comes with an Automatic Obsolete API Updater, which has been proven to be extremely convenient for us. This process traversed all of our code files and changed most of the code deprecated by Unity to the new standards.

For us, the majority of these changes were accessors that were removed (e.g., “this.collder” was replaced by “this.GetComponent<Collider>()”). Given the size of our code base, it would have taken an immense length of time to change all the obsolete API references. But with the auto-updater, this was done in a matter of minutes after opening up the project for the first time in Unity 5.

The Unity Release Notes were very helpful in providing advance notice about the drastic changes occurring internally in Unity. However, there were still a few things we had to discover for ourselves after the upgrade was done.


Code-Related Issues

Below is the list of all the technical code-related issues we encountered during our Unity 5 upgrade. Most of them have been resolved by code changes or by Unity 5.x updates. There are a few that we are still working to fix.

Unity 5.1

1. BoxColliders do not size to the Livingspace meshes

In Unity 4.3, when adding a BoxCollider to an object at runtime, the box would automatically resize itself to fit around the object’s mesh if there was one.

One of the first things we saw when running the upgraded project was that the collision on our environment assets seemed to be missing. As it turns out, the collision was there but not sized correctly.

Every collider was just a 1 x 1 box, so we had to resize it in code ourselves once the object had been loaded in. We simply accessed the mesh on each particular object and then sized the BoxCollider using the bounds of each mesh.

2. Collision detection became more sensitive

Another area of Unity that was drastically changed was the Physics. We noticed this in regard to some of our collision detection while moving various objects around the living spaces.

In Unity 4.3, objects would be able to touch other objects (or get so close they seemed to touch) without triggering a collision. This behavior has been adjusted in Unity 5, which required us to add a small buffer when moving objects around to prevent the collision from being detected.

This way, you can still stack objects without Unity thinking they are inside each other.

3. Bounds.Encapsulate() was not returning the right value

After upgrading, we noticed that the spacing of the dynamic buttons in our Interactive Object Menu was not quite right.

For some reason, a previously working segment of code that calculates each button’s bounding volume was not coming out to be correct any longer. The algorithm was modified slightly to only add the button bounds’ vertical size instead of tracking the total cumulative bounds. Functionally, this should have been exactly the same.

4. Physics accuracy value behavior changed

One of the values changed in the Unity upgrade was “Physics.defaultContactOffset.” This was previously called “Physics.minPenetrationForPenalty” and we discovered that more than just the name was changed.

Now the value must be a positive non-zero value, and at some points we were setting it to zero for the highest accuracy collision detection. The value is a floating point number, so we set it to the closest to zero positive value we could during those points: “float.Epsilon.”

5. Rigidbody Constraints did not keep the objects from moving

One of the things to occur when moving an object is that the Rigidbody settings are modified so that the object is not affected by colliding with other objects, other than just detecting it.

Something we noticed when moving Photo objects over Custom Frames is when the default frame is activated or deactivated, the physics caused it to move slightly. You would start out with an upright frame and end up with a tilted one.

We added in setting the “isKinematic” flag of the Rigidbodies, as well as the “constraints” when enabling or disabling the frame to prevent this.

6. Wheel Colliders were revamped and rendered unusable in our system

The way Wheel Colliders work in Unity 5 drastically changed, which has caused our RC Car minigames to become unplayable.

Many developers have reported similar issues – a result of Unity’s physics engine changes - in the Unity forum. We are hoping that Unity will iron out some of these problems before we take a stab at fixing it, as the RC cars are fairly complex internally and might require more changes after another update.

7. Using Shader.Find() in member initialization causes an error

This issue was difficult to identify because the error did not indicate clearly what the problem was.

Eventually, through trial and error, we located the cause - using Shader.Find() in a class member initialization. This was moved to an initialize function, which resolved the issue.

•    Error: “Recursive Serialization is not supported. You can't dereference a PPtr while loading.”

Unity 5.2

8. Using NameToLayer in member initialization causes an error

This issue was similar to the Shader.Find() issue above, but was a little more clear on what the issue actually was.

The error showed up when an AssetBundle that had a script associated with it (in this case, our Door class) had a layer mask as a class member initializer. We cleaned this up and moved the necessary code into the Awake() function of the base class and it cleared up the issue.

•    Error: “NameToLayer can only be called from the main thread. Constructors and field initializers will be executed from the loading thread when loading a scene. Don't use this function in the constructor or field initializers, instead move initialization code to the Awake or Start function.”

Stay tuned to find out what we have learned, what we did to address issues identified, and where we are in the process of upgrading to Unity 5 and WebGL. Our story continues with Egowall and WebGL (Part 4): Web Player Performance Comparison.

WebGL and the WebGL logo are trademarks of the Khronos Group Inc.