• Tutorial: How to run local webgl apps with Chrome

    If you are developing your webgl app locally using Chrome you probably have run into the problem where geometry cannot be loaded in the background using AJAX ($.get() anyone?) The reason for this is that Chrome is rather restrictive about loading resources when you work under the file:// protocol. Usually this is not a...

    Read More

  • Tutorial: Cameras (work in progress)


    In this tutorial we will learn about the basic camera operations and also about the different types of cameras available in voxelent. Let’s get started How to get a handle of the active camera a) Using vxl.c.camera The fastest way to access the active camera is through voxelent current namespace. Let’s take...

    Read More

  • Tutorial: Camera Landmarks


    Hello, and welcome once more to a voxelent tutorial. In this tutorial we explore the concept of camera landmarks. Landmarks are features that simplify our life when we work in 3D environments. Instead of having to hard code and remember positions where our camera needs to be, we can save the position and orientation of...

    Read More

  • Tutorial: Visualization modes


    An actor can be represented in many ways. We can have a see the surface or the wireframe of an actor or maybe we are just interested in the bounding box. In Voxelent each actor keeps track of its visualization mode in its mode property.

    Read More

  • Tutorial: Actors

    In this scene we have only loaded 2 models: a sphere and a cylinder. The loading time, bandwith and memory consuption is kept to the minimum.

    Introduction Each model that has been loaded is represented by an actor in a scene.  When a model is loaded, a new actor for that model is automatically created and added to the current scene.

    Read More

  • Tutorial: Scenes

    Introduction The scene is represented in voxelent by the vxlScene class. A scene contains zero of more actors. Each actor represents a 3D object on the screen.   Creating a Scene We can create a scene by simply writing: var scene = new vxlScene(); This creates a new empty scene. The vxlScene constructor does not

    Read More

  • Tutorial: Views

    Introduction In Voxelent a vxlView object represents the two-dimensional rectangle on your screen through which you have access to a 3D scene.A good metaphor is a theater, you have a different view of the play depending on where you seat in the theater. Creating a view It is very easy to create a view. As

    Read More

  • Tutorial: Managing multiple cameras


    In Voxelent, each view has a camera manager who takes care of managing the cameras associated with a view. The camera manager provides methods to create, delete and switch between cameras. The Camera Manager Each vxlView has an associated object that is in charge of managing the cameras. This object is an instance of vxlCameraManager....

    Read More

  • Tutorial: Event Handling

    In this tutorial we are going to learn about the different events that occur in a Voxelent application and how we can use them. JavaScript is not multi-threaded First of all, it is important to have in mind that JavaScript is not a multi-threaded language. Nonetheless, there are some initiatives towards providing threads...

    Read More

  • Tutorial: Frame-by-Frame Animation


    One of the great features of Voxelent -besides being totally awesome!- is its capability and efficiency in rendering animated scenes. In this tutorial, we are gonna go through a simple example to demonstrate how you can create your own animation without breaking a sweat! First and foremost, you need to a) setup the view,...

    Read More

Back to top