Estoy tratando de crear un efecto de crecimiento/reducción con WebGL.
Abordé este problema usando setTimeout().
Incorporé un ciclo do-while para que este proceso pueda repetirse

Sin embargo, el crecimiento/encogimiento solo ocurre una vez .

Mi código:

 document.getElementById("groNShrink").onclick = function() { var millisecondsToWait = 500; var max = 3; // Max times do { balloonEffect++; for (var i = 0; i < max; i++) { setTimeout(function () { changeRadius /= 1.15; } , millisecondsToWait * i); } setTimeout(function () { for (var x = max; x !== 0; x--) { setTimeout(function () { changeRadius *= 1.15; } , millisecondsToWait * x); } } , millisecondsToWait * max); } while (balloonEffect % 2 == 0); };

Este es solo mi bucle do-while.
No veo dónde me equivoqué, tal vez otro par de ojos ayuden.