JavaScript Texel Translator

Convert Vertices and Texels from DAE to WebGL

Convert a Collada DAE file for use with WebGL. By default the translator displays an element array, and an interleaved array with vertices and texels. Input a File Name and Mesh Name. Select the Show Data button then wait for processing. See below for more information.

The translator on this page was implemented with JavaScript and slows down with large amounts of data to process. However see examples prepared with the 3D DAE Translator for Windows. Follow the Download link for a free download.

DAE File Name:
Mesh Name:

Scale:

Normals

Binormals

Tangents

This Web page parses a Collada DAE file, then displays a Uint16Array of indices for use as an element array buffer. Displays an interleaved Float32Array for use as a vertex buffer object. Interleaves vertices and texels.

Select options to interleave normals, binormals, and tangents. If selected the DAE file must include normals, binormals, or tangents, for this current online version. However the 3D File Translator Windows app includes more robust features.

The order of the interleaved array:
Three vertex coordinates (X,Y,Z)
Two texel coordinates (S,T)
Three normal coordinates (X,Y,Z)
Three tangent coordinates (X,Y,Z)
Three binormal coordinates (X,Y,Z)

Scroll down to see individual arrays of vertices, texels, normals, tangents, and binormals. The Array of All Indices provides offsets into the vertex, texel, and normal arrays.

More 3D Media!

WebGL Textures and Vertices eBook Screen Shots
Copyright © 2015 Seven Thunder Software. All Rights Reserved.