Dwitter - javascript demos in 140 characters

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 1 remix fullscreen

jylikangas

function u(t) {

eval(unescape(escape`景爨挮睩摴栽椽ⴹ㭩⬫㬩硛昽❦楬汒散琧崨堽㤹ⵃ⡴ⴽ启㔹⤪⠹〫椪㔩ⱘ⼹⭃⡴⨴⤪⡔㵩⬴⤪⨲⼵ⱳ㴷⬡吪㐬猭㔩㭦潲⠻椫⬼㌰〻⥸学崨椬㤹ⵃ⡩⼳ㄩ⨹Ⱞ㔬匨椯㠹⤪㤩㭸⹳捡汥⠭⸶ⰱ⤻砮摲慷䥭慧攨挬⵩ⰵ〩`.replace(/u(..)/g,"$1%")))

Oct 30 2018 1: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).

Vultures

Show more comments…
u/yonatan

Single vulture: for(c.width=i=300;i-->-4;)x[f='fillRect'](i,99-C(i/31)*9,.5,S(i/89)*9),i<5&&x[f](X=99-C(t+=i/59)*(90+i*5),X/9+C(t*4)*i**2/5,s=7+!i*4,s-5)
u/yonatan

Nice trick with the flipped drawImage!
u/jylikangas

Thanks! Here's two vultures without compression... 'for(c.width=i=-9;i++;)x.fillRect(X=99-C(t-=T/59)*(90+i*5),X/9+C(t*4)*(T=i+4)**2/5,5+(s=2+!T*4),s) x.scale(-.5,1) x.drawImage(c,-290,50)'
u/yonatan

Here's a whol bunch of 'em for(c.width=i=-9;i++<9;)i<0?x.fillRect(X=99-C(t-=T/59)*(90+i*5),X/9+C(t*4)*(T=i+4)**2/5,5+(s=2+!T*4),s):x.scale(-.9,.9)|x.drawImage(c,-290,50)
u/magna

Whoa!
u/iverjo

Clever technique
u/iverjo

#birds

show FPS hide FPS share fullscreen

jick

function u(t) {

t==0?c.width=g=100:1;
for(i=100;i--;) {
  x.fillStyle=`hsl(${g+=.005},50%,50%)`
  x.fillRect(45+40*S(t+(i*3)),i,10,5)
}

Nov 2 2018 10:56 PM UTC

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

jylikangas

remix of d/7979 by u/jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡣⹷楤瑨㵩㴭㔻⬫椼㔻䌽愽㹬楮敔漨⡘㵓⡴⤪㤩⬱㔰⭡⨵㤯⡺㵪⵴┱⤬㠰⬨吽㤹⭓⡪⭴♡⤪㌰⤯稭堪㈩⥦潲⡪㴷㭢敧楮偡瑨⡦楬氨⤩ⱃ⡩⤬ⴭ樻䌨椫ㄩⱪ⬫ⱃ⡩⬱⤬樭⴩晩汬却祬攽刨䌨椩ⱔ⼲⭪⨲〩`.replace(/u(..)/g,"$1%")))

Oct 29 2018 4:08 PM UTC

}// 140/140

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

3D landscape with compressor's help

Show more comments…
u/lionleaf

#landscape
u/sigveseb

Niiiice
u/rbong

Incredible!
u/joeytwiddle

Reminds me of Zarch (1987)
u/f8f82804

#d3 #wireframe #perspective #shading
u/katkip

cool

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 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/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#d35';for(i=0;i<20;i++)for(j=0;j<22;j++)x.fillRect(i*99,j*50,Math.floor(S(t+j*3.14+S(j*S(t)/3+i*C(t)/3))*5.2)*20,50)

Nov 1 2018 4:35 PM UTC

}// 140/140

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

i really wish i had done something yesterday so that i could caption it 'dwick or dweet' but oh well

show FPS hide FPS share fullscreen

slome

function u(t) {

while(true) {x.fillRect(300,400,50,200)} // draw 50x200 rects}

Nov 3 2018 11:02 AM UTC

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

ellisk1

remix of d/10483 by u/ellisk1

function u(t) {

c.width|=i=96;for(x.translate(j=635,j);i--;x.rotate(j))x.fillStyle=R(i*2,i),x.fillText('HALLOWEEN'[i%9],0,r=(i*7+t*300)%j*3),x.font=r+'px n'

Oct 31 2018 3:02 PM UTC

}// 140/140

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

Happy Halloween 🎃

show FPS hide FPS share 2 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=240;i--;c=t/3*(i%t<t/8))x.clearRect(960+c*S(R=i**.7)+t*C(T),540+c*C(R)+t*S(T=i**.5)*C(!c*i),s=8*S(i*160-t),s)

Oct 28 2018 5:35 PM UTC

}// 140/140

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

#space #star #sun

Show more comments…
u/katkip

awesome
u/tomxor

It looks a bit more toasty if you multiply t*2 in i*160-t, just couldn't figure out how to fit it.
u/f8f82804

almost looks like a #virus
u/iverjo

#solar #flare
u/Cloud

#sun
u/erin

virus aged badly....
u/vain

has corona reached dwitter? Great procedural generated gfx

show FPS hide FPS share fullscreen

Xen

remix of d/10785 by u/alice-mx

function u(t) {

x.beginPath(q=t*91%1e3
);x.fillStyle=`hsl(${t*15%360},50%,50%)`;x.arc(C(q/6.2)*q+960,S(q/6.2)*(q)+560,2+q/25,0,7);x.fill();

Oct 31 2018 7:21 AM UTC

}// 124/140

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

u/alice-mx

love the spacing on this, it's way more pleasing

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10757 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,1,1))x.fillStyle=R(q=(S(j*j+i/j-t*9)+C(j**3-i/j*6+t)**3)*j+i,q+=i,q)

Oct 29 2018 8:54 PM UTC

}// 118/140

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

u/iverjo

#water
u/jdspugh

Very realistic