WebGL Repeat a Texture

Texture Mapped with a Lighthouse

Your browser doesn't support canvas.

Tap the Rotate button to play the animation. The square plane rotates around the Y axis. Tap the lighthouse to rotate one frame at a time.

Use WebGL texture repeat wrap mode settings to tile textures across surfaces. Simply increment the S and T coordinates to the number of tiles required. Then set texParameteri() to REPEAT.

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, WebGL, WebGL example, WebGL online, WebGL example online, 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.