Dweets awesomed by u/Xen

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

sfz

function u(t) {

for(i=7;i>0;i-=.1)for(a=j=600;j>=-a;j-=56)x.fillStyle=R(0,0,(j+a)/i,.1),x.fillRect(960+j*(Math.atan(z=i+t)-T(z)),540-320*(S(z)+C(j+t)),9,9)

Mar 12 2017 4:43 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/donbright

really like the feel and rythym of this one.
u/donbright

oh i know why! this is the Hooloovoo that Douglas Adam's talked about, the hyperintelligent shade of blue?
u/sfz

hahah well, I wasn't so ambitious, just messing with atan

show FPS hide FPS share fullscreen

hypothete

function u(t) {

j=t*t%256;l=1920;m=1080;z=new Date;for(i=0;i<j;i++){
b=(i%j)*l/j;y=z*S(t+i);
x.fillStyle=R(y,y);x.fillRect(b,0,l/j,10);}
x.drawImage(c,0,10)

Mar 12 2017 8:08 AM 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

donbright

remix of d/1863 by u/SpecialAgent

function u(t) {

c.width=1024;w=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128*((1-t*t)*X*X/(1+t*t)+2*t*Y*Y/(1+t*t)),x.fillRect(200+X*10,Y*10,P%11,P%11)

Mar 11 2017 2:03 AM UTC

}// 129/140

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

No Sine or Cosine were harmed in the making of this demo. It is not random - and if it runs long enough it should theoretically become a still image

u/sfz

Those ripples are tripping me out
u/donbright

note to future self - this varies from x*x + y*Y to x*x-y*y (circle to hyperbola) by using the rational parameterization of the circle with one variable parameter, where (1-t**2)/(1+t**2) is an alternate to cosine and 2t/(1+t**2) is an alternate to sine. (or vice versa i forget lol)
u/magna

Awesome!
u/z3vin

So cool

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(Y=12;Y--;)for(X=12;X--;)(1<<X)&[,396,82,66,76,80,76][Y]||x.fillRect(1190-X*50+S(t+X/10)*30,700-Y*50+C(t*3+X/4)*30,36,36)

Mar 10 2017 7:55 PM UTC

}// 135/140

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

u/donbright

lol i salute this flag
u/joeytwiddle

#flag
u/atgz

#logo

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width|=0;for(b=i=550;i--;)x.fillStyle=R(t%9>8.8?a:0,a,a=80*S(i%50*S(t-i*.1)*.01)+60,1/a*9),x.fillRect(i%50*40,0,40,b+i+a+20*S(t+i*.15))

Mar 10 2017 9:17 AM UTC

}// 139/140

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

Heavy rain at sea with lightning.

Show more comments…
u/donbright

:o
u/recursive

Nice
u/iverjo

Wow
u/jsizzle

Wow!
u/sfz

moody!
u/magna

https://www.youtube.com/watch?v=oKKDfynx4ZY
u/New_Core

#water
u/New_Core

#sea #ocean
u/joeytwiddle

My favourite
u/joeytwiddle

#hiddengem #waves #rain

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 fullscreen

Jenky

function u(t) {

r=210;X=Y=O=20;n=new Date/1e3
b=d=>{x.fillStyle=R(d?0:r);x.fillRect(X,Y,r,r);Y+=X<r*7?0:O+r;X=X<r*7?X+O+r:O}
for(i=2;i<5e9;i*=2)b(n%i>=i/2)

Mar 8 2017 1:17 PM UTC

}// 139/140

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

Binary representation of number of seconds passed since 1 Jan 1970

u/donbright

super cool

show FPS hide FPS share fullscreen

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5:53 AM UTC

}// 140/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/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share 1 remix fullscreen

jes5199

function u(t) {

for(a=-0;a<199;a++) for(b=0;b<108;b++){n=255*(S(S(a*Math.PI/9)*S(b*Math.PI/9)*t*4));x.fillStyle=R(n,0,-n);x.fillRect(a*10,b*10,10,10)}

Mar 7 2017 9:18 PM UTC

}// 134/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

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!

dwitter.net | Xen (95849)