Your Gateway to VR, AR & Digital Twin Solutions

Explore Now

Tutorial: How to Create Real Size Objects on Screen

4 min read

Vasyl Latushko

Tech Lead with 8+ years of experience. Broad expertise in software development, business, and technical leadership. Emphasizes the values of responsibility, commitment, and integrity for producing high-quality digital solutions.

Vasyl Latushko

Tech Lead with 8+ years of experience. Broad expertise in software development, business, and technical leadership. Emphasizes the values of responsibility, commitment, and integrity for producing high-quality digital solutions.

Download Your Free Copy

* Check ourPrivacy&Cookie Policyto find out how we process personal data

People love to shop online. More often they use different mobile devices for that purpose. Sometimes they are eager to realize the actual physical size of the product they want to purchase. And it’s actually great to be able to view the object’s real size on any device’s screen without the need to visit the local store. If it doesn’t meet your expectations, it is much more practical to find out about it before the purchase.

But is it even possible to create such a feature? Let’s see how to develop real-sized objects for various screens!


Our main goal was to make the object have real-world size on screens of different dimensions. Meaning, a user could take a ruler and measure it right on the screen. For instance, we set a size of 2 cm for a particular object. Obviously, if we measure it with the ruler, it should have the same size of 2 cm on the screen. Additionally, we needed it to work on all possible platforms – mainly, for Standalone and Mobile (iOS and Android).

Interactive app black banner - Visartech Blog


At the very beginning, we have brainstormed what techniques to use before implementing the solution. We split the problem into smaller ones to solve each one by one.

The first complication was to find a physical pixel size. That would allow us to find how many pixels the required object must be rendered with. We have tried a few ways of calculating the pixel size without entering any parameters of the user’s monitor. For starters, we took the DPI (dots per inch) of a screen using Unity3D API. But the issue came up – it didn’t work on Android and could return wrong values. Thus, we needed to find another solution to the problem.

The solution we came up with was to ask a user to enter his screen’s diagonal and then calculate the width and height in inches/centimeters.

Knowing the diagonal we could calculate the sides of the screen:

screen’s diagonal of the user - Visartech Blog

pixel size - Visartech Blog

Once we know the pixel size, it becomes a piece of cake to show an object on the screen in real-world size. And it doesn’t matter whether we want to show a 3D object or 2D object.

3D camera frustum in Unity3D - Visartech Blog


Basically, we need to take the camera frustum into account to calculate how much screen space is taken by 1 unity meter. To do that we should know at which distance an object is placed on the screen. For example, here we see the white plane which appears for the intersection of the camera frustum. The blue square represents which part of the plane is shown on the screen.

To calculate what size in Unity3D units the blue square is we must use the following formula:

h = 2 * d * tan(fov * 0.5 * dtr),

  • h – the height of the blue circle,
  • d – distance from the camera to an object,
  • fov – field of view of the camera,
  • dtr – degrees to radians constant as tan() – the function requires a value in radians.

So, we calculate the height of the blue circle and then use the camera aspect ratio (screen aspect ratio) to compute the width. The resulting values are measured in Unity3D meters (units). Then we simply use the pixel size and the units to reckon how much space in the 3D world an object should take.

On the screenshot below you can see a blue square outlining the white plane. It’s the representation of the blue outline on the small Camera Preview window which is pointed out with the red arrow:

blue square outlining the white plane - Visartech Blog


You can see that it’s not that hard to show objects on the screen to be the real size. But at the same time, it can be a pivotal moment for the healthcare sector, as it requires objects of a certain size, like testing vision, as the most obvious example.

From our decade-long expertise, we’ve mastered numerous techniques to visualize the most exciting experiences for our partners’ customers!


        Read More

        Get valuable insights about tech solutions incorporated into business operating across multiple industries.


        A Guide to WebGL: Interactive 2D/3D Graphics for Web Projects

        These days users are prone to enjoy light effects, detailed materials, models, animation, and movements, which makes them feel the content. 21 worldwide companies have already started meeting users’ needs utilizing WebGL. Let's define what WebGL...

        Anatolii Landyshev - Visartech CTO

        Anatolii Landyshev

        12 min read

        A Guide to WebGL - Visartech Blog
        Augmented Reality
        Virtual Reality

        VR and AR in eCommerce: Steps and Features of Your Application

        Learn how IKEA uses AR to help buyers furnish their homes and other examples of augmented and virtual reality implementation in e-commerce. We will also explain how you can leverage VR and AR…

        Business developer - Visartech Blog

        Yuliia Troian

        10 min read

        AR in ecommerce - Visartech Blog
        Development Cost
        Digital Twins

        Digital Twin Development: Basics, Types, Benefits & Costs

        Can a virtual copy of your product or service help you improve its performance? The emergence of digital solutions like IoT, AI, big data, etc. has paved the way for the development of digital twins. Industry leaders are rethinking their business strategies as digital twins are bringing about a fundamental transformation in…

        Slava Podmurnyi - Visartech CEO

        Slava Podmurnyi

        14 min read

        Digital Twins: Benefits, Solutions & Development Costs - Visartech Blog

        Connect with Us

        Have a business challenge to solve? Let’s create a software solution to reach your business goals!