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

TGY

function u(t) {

//♟
eval(unescape(escape`󨼮󭽩󩍴󪌽󜝥󜼊󩭯󬬨󬼽󪼽󝬵󞽫󛜭󞽸󛭦󪝬󫍒󩝣󭌨󬼪󪬬󪼥󞌪󬼬󬼬󬼩󚝪󟝫󟬾󜼬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󜌬󜌬󜌬󨜽󚍪󧭫󚜥󜬩󒭸󛭦󫽮󭌽󬼫󙽰󮌠󬼧󒭸󛭦󪝬󫍓󭍹󫍥󟝒󚌵󚭳󚜊󮌮󩭩󫍬󥍥󮍴󚍣󫽤󩝛󜭝󛍳󚬴󛍳󚬶󚽳󚭃󚍴󙜳󚜩`.replace(/u../g,'')))

Oct 10 2021 9:44 AM UTC

}// 128/140

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

e2-e4

u/danny@hille.dk

Cute :)
u/danny@hille.dk

I'm guessing you are doing somthing like this (no peeking): for(c.width|=w=128,i=64;i--;x.font='4cm a')(X=i%8)%2==(Y=i>>3)%2||x.fillRect(X*w,Y*w,w,w);x.fillStyle='red',x.fillText('♛',w*3*S(t)+w*3,w*4)
u/danny@hille.dk

not even remotely close :-)
u/danny@hille.dk

140b ->//♟ c.width=1e3 for(x.font=(w=i=65)+'px s';i--;(j^i)%2&&x.fillRect(w*j,i%8*w,w,w))j=i>>3;x.fillStyle=R(5*w),x.fillText('♟',w*4,w*6+w*C(t%3))

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/24008 by u/KilledByAPixel

function u(t) {

for(c.width|=j=9;j--;)for(i=h=300+C(j)*99|0;--i;x.fillRect(500+99*j+S(t)*300-r*i/8,600+(i%5?i-h:h-i),i/4,2))r=1+S(i*i+j)+S(i%5?0:t+i)-C(t)

Oct 7 2021 5:10 PM UTC

}// 138/140

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

Treefault 🌲 #default

u/danny@hille.dk

⚓Way hay and up she rises⚓
u/magna

Ahahah. Thank you for this!
u/magna

#meta
u/KilledByAPixel

you inspired the idea!
u/vain

amazing

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/24032 by u/danny@hille.dk

function u(t) {

c.width=w=218;for(i=3e4;i--;)x.fillRect(X=i%w,Y=i/w|0,(z=C(X/w*25-t*9)/S(Y/w*14-t*9)>1?.8:-1)-S(t*4-X/z/w)+C(t*5-Y/z/w),z)

Oct 7 2021 5:20 PM UTC

}// 122/140

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

fake lighting + fake embossing (it's all fake remix)

u/danny@hille.dk

109b lores version: c.width=w=99;for(i=6e3;i--;)x.fillRect(X=i%w,Y=i/w|0,.8,C(X/8-t*2)/S(Y/13-t*3)>1?.8:-1-S(t*2-X/w)+C(t*2-Y/w))
u/DataMeta

#opticalillusion
u/danny@hille.dk

#hexagon

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

for(w=1920,h=1080,i=3e4;i--;)r=Math.random,X=r(),Y=r(),
x.fillRect(w*X,h*Y,Math.hypot(S(.5-X)*1.5, S(.5-Y)*2),t<7)

Oct 8 2021 11:58 AM UTC

}// 114/140

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

Elliptical galaxy (filling the void)

show FPS hide FPS share 1 remix fullscreen

vgel

remix of d/24039 by u/vgel

function u(t) {

for(c.width|=i=0;i<4e4;i++)x.fillRect(n=u[i]??=i%2e2*10,m=u[++i]??=i/9,5,5,q=.01,d=S(q*n)+S(q*m),u[i-1]-=d*C(q*n)*S(t),u[i]-=d*C(q*m)*S(t))

Oct 8 2021 12:03 AM UTC

}// 139/140

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

oscillations

u/vgel

realized the p array was unnecessary which gave me enough space for reversing the flow

show FPS hide FPS share 5 remixes fullscreen

KilledByAPixel

remix of d/23975 by u/tomxor

function u(t) {

for(X=t&&X+r*25,i=h=5+X%4*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)

Oct 6 2021 6:12 PM UTC

}// 119/140

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

Tiny Tree Lake 🌲 Golfed by pavel, gibson042, yonatan, tomxor, and me

Show more comments…
u/magna

If you keep golfing this down, I'm going to come and slap a default on top of it!
u/rep_movsd

C(t) also produces a passable landscape
u/tomxor

#teamwork !
u/danny@hille.dk

114 -> for(X=t&&X+r*25,i=h=5+X%2*t<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)
u/KilledByAPixel

that is good but we lose the curve which is the only thing holding together the composition
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/KilledByAPixel

great attempt! not sure it is possible to get smaller without cutting something. in this case the X%4 part is necessary to make the trees varying heights
u/FireFly

"boring" -1, distribute the ?: across args in the fillRect: x.fillRect(t?X-r*i/8:i*8,t?600+(r*8&3?i-h:h-i):r*600,t?i/4:h,t?2:r). Or more depending on what artistic tradeoffs you're okay with, e.g. just always setting height to r isn't terrible

show FPS hide FPS share fullscreen

mxfh

remix of d/23817 by u/pavel

function u(t) {

for(i=420;r=--i>>1;i&2||x.beginPath(x.fill()))x.fillStyle=`hsl(177,42%,${90-3*r}%`,x.arc(960,580,20*r,a=(i*9+(~r%2)*C(t-r/9))/.9549,a)

Oct 7 2021 4:38 PM UTC

}// 134/140

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

Looks like iOS safari closes arc in a weird way. Adding some offset to the end fixes this: … a+0.001)

show FPS hide FPS share 1 remix fullscreen

irustm

function u(t) {

c.width=1920;x.lineWidth=6;for(i=0;i<60;i++)x.arc(950,600,400,i,S(t)*Math.PI);x.stroke()

Oct 8 2021 6:23 PM UTC

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

TGY

remix of d/24044 by u/TGY

function u(t) {

for(X=t&&X+r*25,i=h=4+X%4<<6;i--;x.fillRect(X%2e3-r*i/8,600+t*3+(r*8&3?i-h:h-i),i/4,!t+.05))x.fillStyle=R(r=S(i^X)+1,99*r)

Oct 8 2021 10:26 AM UTC

}// 122/140

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

flight over forest (takes ~10min to paint)

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/24046 by u/rep_movsd

function u(t) {

for(i=h=C(t&&h)*420;i-->0;x.fillRect(...t?[t*1e3-r*i/8,640+(i&5?i-h:h-i),i/4,2]:[i*8,r*560,h,r]))r=S(h^i)+1

Oct 8 2021 3:22 PM UTC

}// 107/140

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

Tiny Tree Lake

u/KilledByAPixel

Major compromise here of not having the curved shape but I made some tweeks so it still looks ok
u/rep_movsd

r*560 -> r*h
u/KilledByAPixel

if you do that the water cuts off 2/3 of the way down