Questions tagged [webgl]

WebGL extends the capability of the HTML canvas element to allow it to render accelerated 3D graphics in any compatible web browser. WebGL is based on the already well stablished OpenGL graphics API and specification.

Filter by
Sorted by
Tagged with
0
votes
0answers
26 views

More efficient webgl animated color interpolation?

The code below creates an animated, four-cornered gradient with vertex and fragment shaders in WebGl. When I run it in the browser, the fans on my MacBookPro (2.2 GHz Quad-Core Intel Core i7 with ...
2
votes
1answer
538 views

3D 1st Person Snake Game #1

Snake on a plane 2.0 This is the first iteration of an iterative review. The next iteration is found here: 3D 1st Person Snake Game #2 When I figure out how to add wings, this snake is going to have ...
2
votes
0answers
724 views

A few weeks back I wrote my own controls for three.js

The main problem with the built in three.js controls were that they have a problem with limiting the look angles. (problem explained here: https://stackoverflow.com/questions/46934891/limiting-camera-...
4
votes
1answer
485 views

Game engine/C++11 software 3D renderer/WebGL library

I am a graphics programmer and was wondering about my code quality. I selected these three examples: Game engine, which uses OpenGL and has a lot of other non-graphics code A 3D software renderer, ...
2
votes
1answer
3k views

Drawing thousands of lines in WebGL or Canvas

I am trying to draw thousands of lines between nodes, and the line positions are constantly changing (i.e. consider a node being dragged while connected to thousands of children by these lines). ...
0
votes
1answer
48 views

snapping code: from separate checks to 1 formula

I'm working on a 3D-project with three.js and webGl. I've written a function to check for 2 objects to be near each other and thus "snap" to each other. The objects don't move on the Y-axis, so I ...
14
votes
3answers
2k views

WebGL shader program management

I'm writing a tiny WebGL/JS framework to improve my knowledge of JavaScript and WebGL. Following is a class that wraps a Shader Program and provides methods for setting the shader parameters (AKA ...
4
votes
1answer
292 views

WebGL (Three.js) simple application

I have done the source code for my lesson, which I shall publish later on my website: ...