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

pangolin

function u(t) {

m=256;n=2*m;o=6*m;w=t*o%o;h=t*99%n;
x.fillStyle=R(Math.abs(w-3*m)-m,-Math.abs(w-n)+n,-Math.abs(w-2*n)+n,h/n);
x.fillRect(w,h,30,9);

Mar 10 2017 5:55 PM UTC

}// 131/140

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

u/recursive

cool dweet
u/pangolin

thanks, I achieved my goal of building a color mapping in 140 characters.

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

kchplr

function u(t) {

for(i=99;i--;A=T%6.35,r=50+((T/6.35|0))**1.05*10,r+=C(T*8-r)*r/10,x.fillRect(960+S(A)*r-r/84,540+C(A)*r-r/90,2+r/42,2+r/45))T=t*9+i/99

Mar 10 2017 8:09 AM UTC

}// 134/140

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

u/jsizzle

Beautiful
u/stiaje

Seems to require chrome or Firefox 52 due to exponentiation operator :(
u/Xen

77byte Remix #2939
u/FireFly

I love it

show FPS hide FPS share fullscreen

netgrind

function u(t) {

w=960
c.width=w*2
x.beginPath()
x.lineWidth=5
for(i=0;i<6.28;i+=.0628){
p=i+t*.2
x.moveTo(C(p)*w+w,0)
x.lineTo(S(p)*w+w, 1080)
}
x.stroke()

Mar 9 2017 10:13 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

elegant!
u/jsizzle

awesome

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

jsizzle

function u(t) {

a=t/15;for(q=0,nx=ny=0;q<100;q++){for(i=1;i<3;i++){nx+=C(a+t)*500/i;ny+=S(a+t)*500/i;a+=t/i}x.fillRect(nx+900,ny+500, 1, 1)}

Mar 9 2017 6:25 PM UTC

}// 124/140

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

Sand Art

u/iverjo

A beautiful pattern emerges after ~1 minute
u/donbright

very very nice looking
u/donbright

bravo

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 fullscreen

recursive

remix of d/1983 by u/jes5199

function u(t) {

t*=60
s=1<<29
for(b=1081;--b;){
	c=(t-960)*3
	d=(b-540)*3
	v=c*c-d*d
	g=v*~s+v*s //looks bloated, but is magic
	v+g>0&&x.fillRect(t,b,1,1)
}

Mar 9 2017 4:39 PM UTC

}// 140/140

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

Dweet tech demo: Convert to single precision float without the bulky "Float32Array". Pixel for pixel repro of 1983.

u/jes5199

nicely done!

show FPS hide FPS share fullscreen

farter

function u(t) {

c[p="parentNode"][p].style.overflowY="scroll";c.width=150;a=b=1;for(i=0;i++<108;)x.fillText(a,8,i*10),a=(b+=a)-a;x.fillRect(1,t*99%1080,4,4)

Mar 9 2017 12:03 PM UTC

}// 140/140

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

playing with DOM (no

u/hg

Nice DOM tricks.

show FPS hide FPS share 1 remix fullscreen

jes5199

function u(t) {

g=new Float32Array(1);t*=60;for(b=1080;b;b--){c=(t-960)*3;d=(b-540)*3;v=c*c-d*d;g[0]=v;v-g[0]>0?x.fillRect(t,b,1,1):0}

Mar 9 2017 7:40 AM UTC

}// 118/140

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

u/FireFly

This one is cool, it's dependent on aliasing artifacts due to limited float precision, yeah?
u/recursive

Pity "Float32Array" is the only way to convert to single precision. Or is it?
u/recursive

I guess it's not. I've reproduced it without using Float32Array pixel for pixel using mantissa manipulation. https://www.dwitter.net/d/1990
u/donbright

awesome studies of fp

dwitter.net | recursive (8141)