Dweets awesomed by u/stefano

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

rodrigo.siqueira

function u(t) {

!t&&x.rotate(.7,x.fillRect(0,0,Z=2100,Z),x.translate(Z,0))
for(i=4;i--;x.fillRect(i*50,t*999,50,50))x.fillStyle=`hsl(${i*66},90%,50%,99%)`

Sep 16 2021 9:57 PM UTC

}// 138/140

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

Sinclair ZX Spectrum #tribute RIP Sir Clive Sinclair

u/donbright

nice

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23841 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=50;i--;)for(j=25;j--;x.fillRect(50*i,50*j,45,45))
o=(j/2)*9,x.fillStyle=R(p=o*C(i/7-3+S(j/2+t*9)/8)*20-S(t*2+j/9)*1e3,p/7)

Sep 14 2021 3:07 PM UTC

}// 137/140

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

Animated Flames #pixel

u/UEZ

Looks very nice but it looks much better without the grid. ^^
u/Joachim

#fire

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23724 by u/taupelink

function u(t) {

for(i=k=630;--i;x.fillRect(X-k,k-i/Y,-Y*i/v,-q*Y/v))f=i*t,X=f*f%3e3,Y=i*f%12-4,x.fillStyle=R(q=i*Y,q*=S(t-k/X)*3,q/t,1e7/X/q/q),v=4*t*(t<9)

Sep 3 2021 8:45 PM UTC

}// 139/140

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

Sailing boat at sunset #waitforit (in about 7 seconds the sailboat will appear)

u/tomxor

Wow! #waitforit #impressionist #sailing #boat
u/tomxor

#art
u/Joachim

stunning

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 3 remixes fullscreen

taupelink

remix of d/23666 by u/taupelink

function u(t) {

for(i=k=255;--i;x.fillRect(k*--X,630-i*Y,i*(q*q%t<t**-t),-q*Y*t))f=i*t,X=f*f%9,Y=S(X*f)*X,x.fillStyle=R(q=i*Y,q/=T(X/6)<Y?.9:-1.5,q^k,k/q/q)

Aug 29 2021 8:20 PM UTC

}// 140/140

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

d/23688

u/aleamb

#impressionism

show FPS hide FPS share fullscreen

e4494s

function u(t) {

if(t%6<.1)c.width=1920;w=1902;h=1062;r=Math.random;x.fillStyle=R(r()*255,r()*255,r()*255);x.fillRect(r()*w,r()*h,1,1);x.drawImage(c,9,9,w,h)

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

Color smearing whirlpool

show FPS hide FPS share 1 remix fullscreen

TGY

remix of d/23655 by u/TGY

function u(t) {

eval(unescape(escape`󭽩󭍨󚍍󨝴󪌩󩬽󚍴󛍩󛍸󛍹󚜽󟬮󜼫󛬵󚭡󨭳󚍳󪝮󚍸󚭹󚭴󛼹󚜩󞽷󪝴󪌨󮌩󩭯󬬨󨼮󭽩󩍴󪍼󟝩󟜲󝜵󞽩󛜭󞽦󪝬󫌨󨝲󨼨󞌰󚭘󛌸󜌪󦜬󝌰󚬨󬬾󜜿󜜺󬬩󛌰󛌷󚜩󚝢󩝧󪝮󤍡󭍨󚍘󟝩󙜱󝬬󦜽󜍼󪜯󜜶󛍲󟝦󚍴󛍩󛍘󛍙󚜩󛍦󪝬󫍓󭍹󫍥󟝲󟬰󟽒󚌰󚜺󤬨󜬵󝜬󬬽󛝲󚜻`.replace(/u../g,'')))

Aug 28 2021 8:22 PM UTC

}// 136/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 1 remix fullscreen

Joachim

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝴󟼰󞭤󟝰󟝛󧜊󩌫󚼊󩌥󞜼󝬦󙭰󛭰󭝳󪌨󮽸󞬹󝬰󚽓󚍴󚜪󜬰󜌬󮜺󝜴󜌬󬼺󜜬󬬺󤼨󭌪󞜩󯜩󒭦󫽲󚍩󘍯󩬠󬌩󮽳󟝩󛭳󒭸󛭦󪝬󫍒󩝣󭌨󪜮󮌭󬼯󜬬󪜮󮜫󟝳󛼵󜌬󪜮󬼪󟜱󛬰󝜬󬼯󝌰󚜊󮌮󩭩󫍬󤭥󨽴󚍩󛭸󚽳󛽩󛭲󛍩󛭹󛝳󛍳󛼹󛍳󚜊󮌮󩭩󫍬󤭥󨽴󚌰󛌵󝌰󛍳󛌲󚝽`.replace(/u../g,'')))

Aug 28 2021 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).

old, #infinite #road

u/Joachim

#perspective
u/rodrigo.siqueira

Almost a car #game. Better than Atari's Enduro.
u/vain

just wow!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23641 by u/rodrigo.siqueira

function u(t) {

x.globalAlpha=.1/t
with(x)for(translate(t?0:m=960,t?0:540),i=m;i--;fillRect(i*S(z),m/9-t*i,6e4/m,5))fillStyle=R(z=t*5e4/i,z/9),rotate(z)

Aug 25 2021 11:02 PM UTC

}// 136/140

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

Le soleil jaune #sun #expressionism

u/andrea270872

this is very artistic. Love it!
u/Disagreeable_Designs

very nice, hopefully as I slowly understand more elements of this I could eventually make something of that caliber.

dwitter.net | stefano (11979)