WebGL Simple Round Points

Swipe Up or Down Over the Point

Microsoft browsers haven't implemented point size.

This example demonstrates circular points. Points render square by default. The WebGL Points Tutorial explains how to render circular points, facemapped points, and other helpful insights.

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 Models

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

Tags

Interactive media, 3D shapes, 3D models, 3D, online 3D modeling,3D viewer, Web GL, 3D Programming, 3D Development, 3D Media, 3D Web, GLSL, 3D Web Design, 3D Web Development, Web development, create 3D website, 3D Media, 3D animation, graphic design, Website design,
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.