Dweets awesomed by u/Niklas

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: #Opposites

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3e3;i--;X=S(t+i*.01)*500,D=1-((Y-540)**2+X*X)**.5/400,x.fillRect(960+X*D*1.7,Y+D*(100+S(t)*99),D*D*99,D*20))Y=(t+i<<2)%2e3

Mar 9 2017 6:42 PM UTC

}// 139/140

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

u/jsizzle

Wow!
u/recursive

The movement looks like smoke. Very nice.
u/iverjo

Nice!
u/joeytwiddle

#smoke

show FPS hide FPS share fullscreen

bga_

function u(t) {

for(n=16,W=c.width|=p=0;++p<64*n;)r=Math.exp(U=(p&64?63-p%64:p%64)/9),x.lineTo(W/2+S(a=U+t+6.28*(p>>6)/n)*r,c.height/2+C(a)*r);x.fill()

Mar 9 2017 5:25 PM UTC

}// 135/140

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

Hypnos! n = count of segments / 2

u/iverjo

Very nice!
u/iverjo

#spiral #opticalillusion
u/384.cz

AWESOME
u/384.cz

AMAZING

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(l=c.width=512,a=C(t),b=S(t);l--;x.fillRect((k-a*a*i-b*a*j+b/a)*z+300,(a*i+b*j+a*k)*z+99,d=.2*z/a,d))i=l>>6,j=l>>3&7,k=l%8-4,z=20+b*i-a*j

Mar 8 2017 6:20 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/sigveseb

This is good
u/FireFly

Woah, very nice!
u/p01

Ace!
u/donbright

cool 3d
u/Lazy1337

#d3
u/Lazy1337

#cube

show FPS hide FPS share fullscreen

Niklas

remix of d/1937 by u/Niklas

function u(t) {

for(c.width|=0,a=300,C(t)<0&&(a*=-1),i=0;i<6.2;i+=.01)x.lineTo(960+1333*S(t)+a*C(i)-a*Math.pow(S(i),2)/1.5,540+a*C(i)*S(i));x.fill()

Mar 7 2017 5:03 PM UTC

}// 132/140

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

u/SpecialAgent

Oh I like this very much :D
u/iverjo

Now we're talking :)

show FPS hide FPS share 1 remix fullscreen

Niklas

remix of d/1934 by u/Niklas

function u(t) {

for(c.width|=0,a=200,C(t/2)<0&&(a*=-1),i=0;i<6.28;i+=.01)x.lineTo(960+1200*S(t/2)+a*C(i)-a*Math.pow(S(i),2)/1.4,540+a*C(i)*S(i));x.stroke();

Mar 7 2017 4:33 PM UTC

}// 140/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 2 remixes fullscreen

Niklas

function u(t) {

a=600,M=Math,x.lineTo(960+a*C(t)-a*M.pow(S(t),2)/M.sqrt(2),540+a*C(t)*S(t)),x.stroke();

Mar 7 2017 2:09 PM UTC

}// 87/140

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

Fish Curve

u/iverjo

#fish

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=A=16,i=9e3;i--;(X&8?B&2:"<fnvff<Ā~``x```".charCodeAt((B/A&3)*8+Y%8)>>7-X%8&1)&&x.fillRect(A*X,A*Y,A,A))X=i&127,Y=i>>7,B=X+Y+t*8

Mar 6 2017 8:36 PM UTC

}// 140/140

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

00FF. More embedded bitmap fun :)

u/iverjo

Cool!
u/sfz

Going to take a three month sabbatical and figure out how this works.
u/FireFly

Anything in particular that I should explain? It might help to draw the bits of the codepoints in the string literal on a piece of paper, as an 8×15 grid (15 chars, 8 bits per char). Ā is U+100, used to encode 0x00.
u/sfz

Neat trick!

show FPS hide FPS share fullscreen

mxfh

function u(t) {

/* imagedata boilerplate alpha */
h=1080;d=x.getImageData(y=t*60%h,0,w=1920,1)
for(i=0;i<w;i++)d.data[i*4+3]=(t&i)*255
x.putImageData(d,0,y)

Mar 6 2017 3:34 PM UTC

}// 140/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 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=i=0;i<40;i+=.025)R=S(t)/4+.25,r=.7-R,x.fillRect((A=R+r*S(D=i%1*44+88))*C(E=i+t/10)*480+960,(B=A*S(E)+r*C(D))*340+510,W=4-B*3,W)

Mar 6 2017 12:46 PM UTC

}// 140/140

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

Torus-sphere thing

u/donbright

good one
u/SpecialAgent

excellent

dwitter.net | Niklas (4536)