Dweets awesomed by u/robotman_

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

danny@hille.dk

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

function u(t) {

f=i=>S(t+y/255*C(t)+i*1.57)*120;for(y=c.width|=0;y--;)for(i=4;i--;)n=f(i),m=f(i+1),n<m&&x.fillRect(n+f(y/255)+940,y,k=m-n,(i%2?k:99-k)/120)

Sep 3 2021 12:37 PM UTC

}// 140/140

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

Twisted metal remix #uncompressed

u/danny@hille.dk

This is a personal thing!!! Twister2d is one of my favorite old school effects, it's also one of the first things i tried to golf to fit into a dweet (and I failed miserably :-)) I have retried tried (and failed) a couple of times, but this is the first time i actually managed to get the damn thing to fit without compression. I had to scarifice colors to maintin an interesting animation. Perhaps I'll get it next time :-) #twister #twister2d
u/New_Core

it look great...
u/DataMeta

beautiful #grayscale

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23719 by u/rep_movsd

function u(t) {

for(Y=t%4*50,r=Y<27?Y:27,i=99;a=i--/32;x.fillRect(X+2*r*C(a),5*Y+r*S(a),3,5))x.fillStyle=`hsl(${h=r<9|r-Y?X=t/4<<7:42},${h}%,${42+C(a)*20}%`

Sep 1 2021 9:24 PM UTC

}// 140/140

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

16-Color Pencils

u/tomxor

haha, beat me to it, i had the same idea to golf using t but you made it even better with colour tips!!
u/Xen

nice!

show FPS hide FPS share 2 remixes fullscreen

tactical_retard

function u(t) {

c.style.filter="sepia("
x.fillStyle=`hsl(${t*60+S(t)*1e3},100%,50%`
x.rotate(t*60)
x.fillRect(-50,-50,100,100)
x.drawImage(c,10,10)

Sep 1 2021 5:58 PM UTC

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

Joachim

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝴󟼰󞬨󬌽󦽝󛍤󟜰󚜊󘝤󙬦󮌮󩭩󫍬󚍸󛭡󬭣󚍫󟜹󝬰󛍦󟜵󝌰󛌵󜌬󜌬󝼩󚜊󫽮󨽬󪝣󪼽󩜽󟭻󩭯󬬨󪜽󜼰󜌻󪜭󛜻󚜡󩌦󙭰󛭰󭝳󪌨󮽘󞭫󛍹󞭦󛍡󞭓󚍩󚜪󞜬󬼺󤼨󪜪󞜹󚜪󞝽󚜻󩌽󜝽󒭦󫽲󚍩󘍯󩬠󬌩󭽩󭍨󚍩󚝸󛭦󪝬󫍒󩝣󭌨󦌫󟝃󚍡󚜪󬼬󮜫󟝓󚍡󚜪󬼬󬼪󜬬󬼪󜬩`.replace(/u../g,'')))

Sep 1 2021 7:50 AM UTC

}// 140/140

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

Don't click the screen

u/Joachim

#explosion

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮍛󬼽󙽦󪝬󫍓󭍹󫍥󙽝󟜧󘼰󩭦󙼊󮍛󩬽󙽦󪝬󫍒󩝣󭌧󧜨󜌬󜌬󜜹󜬰󛌱󞜲󜌩󒭸󦽳󧜽󤬨󚜊󮍛󩭝󚌰󛌱󜌴󝜬󜜹󜬰󛌹󞜩󒭸󦽳󧜽󙼣󜬲󜬧󒭸󦽦󧜨󞌵󜌬󜼵󜌬󜬵󜌬󝼰󜌩󒭸󦽳󧜽󙼣󩍣󝜧󒭦󫽲󚍩󟜱󜜻󪜭󛜻󚝸󦽦󧜨󞜰󜌫󪜥󜬪󞜹󛌴󜌰󚽍󨝴󪌮󩭬󫽯󬬨󪜯󜬩󚬹󞜬󝜰󛌵󜌩`.replace(/u../g,'')))

Sep 1 2021 7:15 AM UTC

}// 138/140

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

#windows11... Eleven windows

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23712 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(`
s=480,A=a=b=t/s
for(i=1e4;--i;b=A,A=a)x.fillRect(910+a*s,s+b*s,.7,t<3),a=Math.abs(A*.7+1/b/2e4)*(A/15+S(a+1)/.62)-b

Aug 31 2021 9:56 PM UTC

}// 140/140

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

Coat of Arms - #gingerbreadman family

u/tomxor

Brilliant piece of #art, #gingerbread #birdman #stainedglass window :P
u/rodrigo.siqueira

Some good parameters, change the last number instead of ".62" try: .55 or .43 or .73 or -.5
u/jellyedwards

So nice! Variations are great too!
u/alien

What the!!! what!!!

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`󭍼󯌨󢜽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󭼽󨼮󭽩󩍴󪌽󜼲󜌬󪌽󜜸󜌩󚜻󩭯󬬨󪜽󭼪󪌻󪜭󛜻󚝉󛭤󨝴󨜮󬽥󭌨󦽲󟜨󚍘󟝩󙝷󚜭󭼯󜬩󚭓󚍴󚜫󚌨󦜽󪜯󭽼󜌩󛜹󞜩󚭃󚍴󛼳󚜪󜽞󚍙󛝷󚬳󚭓󚍴󛼹󚜩󚭓󚍴󚜭󚍘󛝷󛼲󚜪󠼨󭌯󜼩󚬳󛍲󟝲󛜲󝜶󙬲󝜵󛌬󭽝󛍩󚬴󚜻󮌮󬍵󭍉󫝡󩽥󡍡󭍡󚍉󛌰󛌰󚜻`.replace(/u../g,'')))

Aug 31 2021 2: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).

Old school demo effect: textured rotozoom

u/danny@hille.dk

It is loosly based on the rotozoom effect on this page https://seancode.com/demofx/
u/danny@hille.dk

He has a few nice oldscool effects, good for learning :-)
u/danny@hille.dk

#rotozoom

show FPS hide FPS share fullscreen

e4494s

function u(t) {

with(x){c.width+=0;for(i=0;i<400;i++){T=-t+i*15;fillStyle=R(255,i*.7,0);beginPath();arc(960+i*3*C(T),540+i*3*S(T),100,0,7);fill()}}

Aug 31 2021 3:27 AM UTC

}// 131/140

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

Flower tunnel

show FPS hide FPS share 2 remixes fullscreen

TGY

remix of d/23680 by u/TGY

function u(t) {

for(i=frame%214,j=6;j--;)
for(y=82-20*j+9*S(p=i/45+j)**2;y++<120-j*20;x.fillRect(9*i,9*y|0,9,9))
x.fillStyle=R(g=80+45*S(p+y/20)**2,g+y,3*g)

Aug 30 2021 4:05 PM UTC

}// 140/140

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

#windows11

u/davidsover

Upgrade for free!

show FPS hide FPS share fullscreen

taupelink

remix of d/23648 by u/taupelink

function u(t) {

for(i=q=k=447;i--;x.fillRect(k*X,k+i/Y,-8*q/v,i*(Y-2)/v))f=i*t,X=f*f%7-1,Y=X*f%3-2,x.fillStyle=R(q*=C(X/6)/8-Y/4,i*S(X/2),q^=k,k/q*t),v=t**t

Aug 30 2021 4:04 AM UTC

}// 140/140

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

d/23689

u/rep_movsd

This is superb
u/rfs

What is your process for making these? incredible
u/taupelink

thank you! lots and lots of trial and error, lately aided by https://capjs.3d2k.com/ I keep playing around with variations, e.g.: for the Y-coordinate, k+i*Y,k-i*Y,k+i/Y,k-i/Y each have a different effect
u/taupelink

for those unfamiliar with dwitter-style compact JS code: for a typical dweet of this type, each frame draws a bunch of rectangles. each rectangle has random coordinates for its upper left-hand corner. the RGBA (color and opacity) of the rectangle depends on those coordinates and on some other parameter that gets modified with each step. The dimensions of the rectangles shrink over time, thus adding finer-grained detail

dwitter.net | robotman_ (25341)