Dweets awesomed by u/recursive

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=400;i--;T=((1+S(t))/2)**3,x.fillRect(490-(S(X*T)*500-500)*T,540+C(X)*500,S(X*T)*1000*T+1000*(1-T),10))X=i%400/128

Mar 11 2017 11:25 PM UTC

}// 130/140

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

u/recursive

Has the character of a viscous fluid somehow.

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

t||(h=[])
for(n=i=960;--i+n;x.fillRect(i/(1-t/16)+n,(9e3-g*50)/(16-t),9,g))
g=h[i]=h[i]+T(i+t/9)/5-.1||0,x.fillStyle=R(g-t*9,255-g,S(t)*256)

Mar 11 2017 10: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).

Laser war? Crystal cave?

u/donbright

beautiful

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=4940;i--;Y=3+i/380|0,x.fillRect(960+(S(X+t+C(i+t)*Y/9)+S(Y+t)*Y/2)*(50+Y*9),540+(C(X)+C(Y+t/9)*Y/3)*(50+Y*9),Y,5))X=i%380

Mar 11 2017 10:05 PM UTC

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

pangolin

function u(t) {

t||(a=[9,9],c.onclick=e=>{a=[e.pageX,e.pageY];});c.width=568;z=(S(t)+1)*90;x.strokeStyle=`hsl(${2*z},99%,50%)`;x.arc(...a,z,0,7);x.stroke();

Mar 11 2017 3:49 PM UTC

}// 140/140

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

Click.

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

c.style='background:radial-gradient(red,blue);position:absolute;transform:rotateX('+t*99+'deg)rotateY('+t*50+'deg)rotateZ('+t*10+'deg)';

Mar 11 2017 11:13 AM UTC

}// 136/140

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

#thinkoutsidethecanvas

u/hypothete

Definitely a lot terser than gradients in the canvas. Color stop stuff gets wordy.

show FPS hide FPS share fullscreen

recursive

remix of d/2036 by u/nick

function u(t) {

x[f="fillStyle"]="#00a"
x.fillRect(0,0,960,540)
x[f]="#fff"
for(i=50;i--;x.font='5em a')x.fillText("★",i%5.5*160+40,80+(i/5.5|0)*52)

Mar 11 2017 1:59 AM UTC

}// 132/140

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

Stars but no stripes

u/nick

It's going to be hard to combine the two patterns.
u/nick

How do you get the "remix" text on your dweets?
u/recursive

Edit the dweet you want to remix rather than starting a new one.

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

t||(h=[])
x.drawImage(c,0,-1)
for(i=2e3;--i;x.fillRect(i,1079,1,1))x.fillStyle=R((h[i]=(h[i-1]+h[i]+h[i+1])/3.01+Math.random()*40-20|0)+128)

Mar 10 2017 11:53 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/donbright

liked this method alot. remix https://www.dwitter.net/d/2037
u/hypothete

your noise generation here is slick, is this a technique of sorts or just trial and error?
u/recursive

Both. I wanted to be random, but I didn't want pure static. I wanted nearby pixels to have similar levels.

show FPS hide FPS share fullscreen

jsizzle

function u(t) {

b=C(t);a=C(t/2)*100;x.drawImage(c,-20+b,-2+b,1960,1084);x.fillStyle=R(80,b*-35,a+150);x.fillRect(955,0,10,2e3);x.rotate(b/4080);

Mar 10 2017 10:21 PM UTC

}// 128/140

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

Ink in water

u/recursive

wow, this is great
u/donbright

great repeating pattern

show FPS hide FPS share 2 remixes fullscreen

@literallylara

function u(t) {

c.width=1920
R=_=>S(s)+(S(s++)>0?0:1)-.5
for(s=i=H=540;i--;)x.fillRect(a=960+(R()*C(t)-R()*S(t))*H,b=H+R()*H,20,20),x.lineTo(a,b)
x.stroke()

Mar 10 2017 9:11 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 more comments…
u/sfz

that is so cool
u/donbright

woah! Tensegrity?
u/donbright

this is so much genius!!!
u/lsh

This is amazing!
u/aemkei

Whaa! Cool 3D effect!
u/donbright

loose remix https://www.dwitter.net/d/2112
u/donbright

re-remix https://www.dwitter.net/d/2468
u/donbright

oops i mean https://www.dwitter.net/d/2469

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

dwitter.net | recursive (8141)