Dweets awesomed by u/iverjo

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

donbright

remix of d/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)

show FPS hide FPS share 2 remixes fullscreen

scottglz

function u(t) {

c.width^=0;x.lineWidth=1080;x.setLineDash([110+S(t*3)*100,110+S(t*2)*100]);x.strokeRect(0,0,1920,1080)

Mar 4 2017 5:24 AM UTC

}// 102/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

+1 for the novel technique

show FPS hide FPS share 2 remixes fullscreen

sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

}// 126/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Show more comments…
u/donbright

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

show FPS hide FPS share fullscreen

dh7

function u(t) {

c.width+=0;for(i=-2;i<2;i+=.05)for(j=-4;j<4;j+=.05){
k=5*C(j/2)*C(j/2)+S(3.3*j-5.4*t)*C(4.2*i-4.1*t);x.fillRect(j*240+960,-i*240+540,k,k)}

Mar 4 2017 12:00 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

Nice halftone smoke. This technique deserves more attention, in my opinion

show FPS hide FPS share fullscreen

gormisdomai

remix of d/1273 by u/gormisdomai

function u(t) {

w=99;for(X=-30;X<w;X++)
for(Y=-30;Y<w;Y++){
x.fillStyle=R(99*(X%2),99*(Y%3),0);;
x.fillRect((X+S(t)*Y)*w-200,(Y+C(t)*X)*w-200,w,w)}

Mar 3 2017 10:46 PM UTC

}// 131/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Dislocation #4

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

A=Z=>{W=1920/Z;for(U=Z;U--;)for(V=Z;V--;x.fillRect(U*W,V*W,W,W))x.fillStyle=R(B=Math.random()*255,B,B,1/128);Z&&A(Z-1)};t||A(128)

Mar 3 2017 10:23 PM UTC

}// 129/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

fake perlin noise

u/SpecialAgent

ah very good :)
u/iverjo

Nice texture
u/sfz

I'd tried to do this but couldn't fit it, nice squeeze!
u/sigveseb

#texture #perlin

show FPS hide FPS share fullscreen

sfacci

remix of d/1844 by u/sfacci

function u(t) {

c.width=1920;
for(i=0;i<400;i++)for(j=0;j<6;j++){
x.fillRect(300*(j-S(t-i/j)),
450+400*(C(j-i))*S(t/j),
10,10)}

Mar 3 2017 9:51 PM UTC

}// 111/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

r=540;m=t%99|0;for(n=1;n<m;n++){c.width=2e3;for(i=0;i<6.3*n;i+=.01){q=r*C(i*m/n);x.lineTo(2*r+C(i)*q,r+S(i)*q)}x.fill("evenodd");x.stroke()}

Mar 3 2017 6:12 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

Kudos!
u/donbright

excellent

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?c.width^=0:a=b=e=f=1;a+=e,b+=f;b>>3||x[k=b*8+a]&&x[k]--?f=-f:a>>3?e=-e:0;for(i=64;i--;)t?x[i]|i==k&&x.fillRect(i-i%8,i%8*8,8,8):x[i]=i>>5

Mar 3 2017 5:33 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Turns out you can’t fit Breakout into 140b :D

u/iverjo

+1 for good effort :D

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

c.width|=0;s=200*(1-C(t%1));x.globalAlpha=1-s/90;x.textAlign='center';i=s<17?s*50:850;x.font=`${i}pt Arial`;x.fillText(t|0,960,540+17*s)

Mar 3 2017 3:36 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sfz

fun!
u/iverjo

https://www.youtube.com/watch?v=BMI4o0zc2XI

dwitter.net | iverjo (56085)