Integrating
EDERA in a web or mobile app

How much is a 3D experience worth?
3Dera® is the ready-to-use solution for real-time 3D


The question is:

How much is a 3D experience worth?

Smartphones have developed advanced processing and analysis skills that quickly passed on to content management as well.

So the wise old saying that goes “A picture is worth a thousand words” has been substituted in time with “a video is worth a thousand pictures

3Dera®

is the ready-to-use solution for the management of 3D content, to integrate 3D content in Web solutions.

The core is developed through WebAssembly, a technology that is close to machine language, optimized for high performance.

.

The 3DeraJS is the higher layer of 3Dera, consisting of a Javascript library that allows Web developers to interact with the core of 3Dera®.

These are the guidelines for the development of the 3DeraJS library:

Autonomy and full customization, preset and support always available

  • Autonomy for the developer, that is the possibility to begin with ready-to-use presets designed for common scenarios but with an open door for expansion and customization according to the requirements of the project that is being implemented.
  • The 3Dera® team is available whenever there is the need for further involvement of the client or in case of more advanced optimization steps.
Want to know more about 3Dera® characteristics?



3Dera®: internally complex, still user-friendly

Presets for environments, texture quality, full control of each element

3Dera® presets are composed of a set scene that allows the user to visualize objects in a standard environment without the need to worry about implementing details.

The unique characteristic of 3Dera® is that it leaves developers the full control of each element, from texture quality (many online configurators to save space toward optimization reduce texture quality, but there are many cases where it is necessary to keep this quality high) to camera shifts etc.

Want to know more about 3Dera® characteristics?

Integrating 3Dera® in web apps

in a few steps

Integrating the JS library manually or through package manager

The package is available for both Typescript and Javascript

Two-phased engine initialization

The first phase is the one where we tell 3Dera® which is the Canvas element of the page where we wish to create the scene.

The second phase is the actual initiation of the scene that allows us to interact with the object

Find out how easy it is to integrate the 3Dera® framework

A classic example of web integrated 3D with 3Dera®

An e-commerce product

  • The first instruction allows the initialization of the preset, e.g. ORBIT, which is the classic e-commerce product. For example: with a shoe in close-up, the mouse allows users to interact with the object by turning it around, zoom in or zoom out as needed.
  • The second instruction is the .zip package upload of the 3D model of the object in the 3D configurator.

With these two strings only I can turn the shoe around, zoom in or out, interact with it also on mobile device using touch gestures.

Integrate 3Dera® in your web project



More presets already available in 3Dera® for virtual environments such as rooms or 360-degree views.

Let’s begin to work with our project by implementing the events linked to the mouse or keyboard. For example, we pair a mouse click with a specific task, e.g. change the colour, material, or a part of the object as we wish.  

A step further is with the object customizations, for example an inscription engraved inside a ring. To add a dynamic inscription to the 3D model, we must define an area inside the model where we can upload a custom object. At Javascript level, we need to take a realtime-rendered image to be assigned to custom area of the 3D object.

Integrate 3Dera® in your web project

3Dera®

is a project that keeps expanding

these features will soon be developed:

Do you have specific needs for your 3D project?