WebGL Face Mapped Points

Swipe Up or Down Over the Point

This WebGL example draws circular points mapped with a texture. Microsoft browsers haven't implemented point size. Older Android Chrome and Firefox browsers might not run with texture mapped points.

Testing reveals some versions of Internet Explorer for Windows PCs and Windows Phone 8.1 support a maximum point size of one only. In other words each point displays with just one pixel. Very small points render. Apparently WebGL specifications call for one pixel point size as a minimum. Therefore Internet Explorer remains WebGL 1.0 compliant.

However the point examples work fine with iPhone 6 Safari, Android Chrome, as well as Firefox, Chrome, and Microsoft Edge on Windows 10.

One work around, for older browsers, involves preparing circular or square shapes with vertices or textures. Draw with TRIANGLES rather than POINTS. Call the WebGL method drawElements() as follows. Number e.nCount represents the number of vertices to render and e.nOffset represents the location within the Vertex Buffer Object to begin drawing operations.

gl.drawElements
(
 gl.TRIANGLES, 
 e.nCount, 
 gl.UNSIGNED_SHORT, 
 e.nOffset
);

3D Web Design

Educate, inspire and inform with interactive 3D Media online. Interactive media in the form of 3D shapes or 3D models, provide unique opportunities to express concepts, such as educational course work or new product features. Seven Thunder Software's simple 3D viewer enables users to see three dimensional objects interactively. Swipe to rotate a model. Tap to select elements on the model. Options allow users to select and learn about individual features. Email Seven Thunder Software for online 3D modeling.

3D Web Development

Your message can reach the widest audience with 3D Web design. Most 3D programming's implemented with common Web technologies including WebGL, JavaScript, CSS, GLSL and HTML5. Examples were tested with iPhone, Android, Windows PCs and Windows phone.

3D Models Online

If a picture's worth a thousand words, then a 3D model's worth ten thousand words! Consider 3D interactive content for education, media and marketing. Seven Thunder Software develops 3D models for the Web, with optimized (fast loading) 3D rendering software, from photographs, blue prints, ideas and real objects.

Tags
graphic design, Website design, Web design,Interactive media, online 3D modeling, create 3D website, Web GL, 3D Development, 3D Web, 3D Web Design, WebGL example, WebGL online, WebGL example online,
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.