Menéame: comentarios [2367640]

#8 Simulador de Gravedad

mcfgdbbn3 — Sun, 08 Mar 2015 21:33:32 +0000

#5: Intenta añadir el código, si yo pude añadir efecto Doppler... ¡Tu también puedes!

Aquí lo tienes, sería si mirásemos desde la derecha: codepen.io/anon/pen/qEMpyr

» autor: mcfgdbbn3

#7 Simulador de Gravedad

mcfgdbbn3 — Sun, 08 Mar 2015 18:32:12 +0000

Cambiad este trozo de código si queréis tener desplazamiento en las longitudes de onda (empieza en rojo y cuanto más rápido va una partícula más tiende al morado, pasando por tonos amrillentos, verdos, blanquecinos y azulados):

Edito: también podéis entrar aquí: codepen.io/anon/pen/Wbgdxg

// Start Update

var loop = function() {
var i, len, g, p;

context.save();
context.fillStyle = BACKGROUND_COLOR;
context.fillRect(0, 0, screenWidth, screenHeight);
context.fillStyle = grad;
context.fillRect(0, 0, screenWidth, screenHeight);
context.restore();

for (i = 0, len = gravities.length; i < len; i++) {
g = gravities[i];
if (g.dragging) g.drag(mouse);
g.render(context);
if (g.destroyed) {
gravities.splice(i, 1);
len--;
i--;
}
}

bufferCtx.save();
bufferCtx.globalCompositeOperation = 'destination-out';
bufferCtx.globalAlpha = 0.35;
bufferCtx.fillRect(0, 0, screenWidth, screenHeight);
bufferCtx.restore();

// パーティクルをバッファに描画
// for (i = 0, len = particles.length; i < len; i++) {
// particles[i].render(bufferCtx);
// }
len = particles.length;
bufferCtx.save();
bufferCtx.lineCap = bufferCtx.lineJoin = 'round';
bufferCtx.lineWidth = PARTICLE_RADIUS * 2;
for (i = 0; i < len; i++) {
p = particles[i];
p.update();
var tono = p._speed.x * p._speed.x + p._speed.y * p._speed.y;
tono = tono.toFixed(0) * 2;
if (tono > 360) tono = 360;
var lum = Math.abs(tono - 180) / 3.6;
lum = 100 - lum.toFixed(0);
/*var rojo = 255 - tono;
var verde = Math.abs(tono - 128) * 2;
var azul = tono
if(i == 18)
document.getElementById('aaaa').innerHTML = p._speed.x * p._speed.x + p._speed.y * p._speed.y;;*/
bufferCtx.beginPath();
bufferCtx.moveTo(p.x, p.y);
bufferCtx.fillStyle = 'hsl(' + tono + ', 100%, ' + lum +'%)';
//'rgb(' + rojo + ',' + verde + ',' + azul + ')';
bufferCtx.strokeStyle = 'hsl(' + tono + ', 100%, ' + lum +'%)';
bufferCtx.lineTo(p._latest.x, p._latest.y);
bufferCtx.stroke();
}
/* bufferCtx.fillStyle = bufferCtx.strokeStyle = 'hsl(' + tono + ', 100%, 50%)';
bufferCtx.moveTo(400, 100);
bufferCtx.lineTo(50,40);
bufferCtx.stroke();*/
for (i = 0; i < len; i++) {
p = particles[i];
var tono = p._speed.x * p._speed.x + p._speed.y * p._speed.y;
tono = tono.toFixed(0) * 2;
if (tono > 360) tono = 360;
var lum = Math.abs(tono - 180) / 3.6;
lum = 100 - lum.toFixed(0);
/*var rojo = 255 - tono;
var verde = Math.abs(tono - 128) * 2;
var azul = tono;*/
bufferCtx.beginPath();
bufferCtx.moveTo(p.x, p.y);
bufferCtx.fillStyle = bufferCtx.strokeStyle ='hsl(' + tono + ', 100%, 50%)';
bufferCtx.arc(p.x, p.y, p.radius, 0, Math.PI * 2, false);
bufferCtx.fill();
}
bufferCtx.restore();
context.drawImage(bufferCvs, 0, 0);

// バッファをキャンバスに描画

requestAnimationFrame(loop);
};
loop();

})();

» autor: mcfgdbbn3

#6 Simulador de Gravedad

starblank — Fri, 06 Mar 2015 09:30:54 +0000

Parece un banco de sardinas

» autor: starblank

#5 Simulador de Gravedad

avpag — Fri, 06 Mar 2015 00:12:22 +0000

#3 #4 a mi también me ha cortado el rollo que los puntos negros no puedan orbitar entre ellos y se junten tan rápido, pero dejándolos estáticos o intentando que no se atraigan entre sí se puede hacer de todo con las partículas, a mi me ha tenido enganchado una hora!

» autor: avpag

#4 Simulador de Gravedad

--177577-- — Thu, 05 Mar 2015 19:03:11 +0000

#3 Ahora que caes, caigo. Deberían incluso haber objeto que establecieran una órbita estable, supongo...

» autor: --177577--

#3 Simulador de Gravedad

meprohibenpensar — Thu, 05 Mar 2015 18:55:34 +0000

Estaría bien si los "puntos de gravedad también giraran. Ya que es muy raro que solo las partículas giren.

» autor: meprohibenpensar

#2 Simulador de Gravedad

--418333-- — Thu, 05 Mar 2015 18:44:17 +0000

Mooola... con 300 partículas a toda leche.

» autor: --418333--

#1 Simulador de Gravedad

--177577-- — Thu, 05 Mar 2015 18:41:34 +0000

Sin palabras

» autor: --177577--