Dweets awesomed by u/doughno

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

cantelope

function u(t) {

for(x.fillRect(0,0,w=2e3,w),h=i=540;i--;)x.clearRect(960+(S(p=i/35+S(t/2)*60)*S(q=(i/57|0)*h))/(Z=C(p)*S(q)+2+S(t))*h,h+C(q)/Z*h,s=20/Z,s)

Nov 12 2021 8:04 PM UTC

}// 138/140

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

#spherechallenge

u/taupelink

nice!
u/sigveseb

awesome indeed!
u/vain

very cool and smooth

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/24280 by u/magna

function u(t) {

c.width=f=255,k=40*(t+8)
for(i=f;i--;)for(j=f;j--;x.fillRect(i,j,1,(X*X+Y*Y)**S(t)**2-.2+S(k*X)*S(k*Y)*S(k/20/f)+(i&j)&1))X=i/f-.5,Y=j/f-.3

Nov 2 2021 6:46 PM UTC

}// 139/140

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

Magic!

Show more comments…
u/magna

Keeps evolving #waitforit
u/cantelope

dafuq
u/magna

It all started with d/24264 courtesy of u/Jabo
u/taupelink

wow
u/Joachim

#sierpinski
u/Xen

love it!
u/donbright

beautiful
u/andrea270872

terrific stuff... I will have to study every character of your code!!
u/Jabo

Hero
u/joeytwiddle

magic ❤️

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𩡯𬠨𤐽𪐽𜰰𜀳𞱩𛐭🠭𞐹𞰩𨰽𪐼𜀬𨠽𪐾𚁄🐹𞐩𛁁👃𚁩𚠪𝀫𤐩𛁘👄𛑣𚡄𚡁𚠳𞐬𦐽𡀭𨰪𦀪𡀦𜑥𜰬𭁼𯁸𛡢𩑧𪑮𤁡𭁨𚀩𯁸𛡦𪑬𫀨𮀮𨑲𨰨𦀬𦐬𨰿𝀺𪐬𠐬𠐫𤐩𚐬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𨐨𙁻𜠲𞐫𪐥𝀹𯐬𞐹𙐬𙁻𨠿𜰵𞠹𞑽𙐬𙁻𨰫𛠰𜱽𚑠𛁑👢🰮𞀺𝐻`.replace(/u../g,'')))

Sep 20 2021 9:16 PM UTC

}// 139/140

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

Starry starry night #art

u/rep_movsd

Inspired from https://static.nautil.us/18770_e43ac54a6faa8…
u/Joachim

#beautiful #moon #clouds #night
u/andrea270872

very artistic! cool

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23860 by u/taupelink

function u(t) {

for(i=k=999;--i;x.fillRect(700-i*Y,k+v*i,19*q*X*v,Y*i*v))f=i*t,X=f%3-1,Y=X*f%7-2,x.fillStyle=R(q=i*X/t,q*=X/t,q*=Y**3*3*q/i/X,i/q/q),v=.5**t

Sep 16 2021 3:34 PM UTC

}// 140/140

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

Way to the Fog City #city

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23827 by u/rodrigo.siqueira

function u(t) {

for(i=420;r=--i>>2;i&3||x.beginPath(x.fill()))x.fillStyle=`hsl(1,60%,${90-3*r}%`,x.arc(960,580,(t<2?t:2)*20*r,a=(i+S(r/S(i)-t))/.9549/.6,a)

Sep 10 2021 8:17 PM UTC

}// 139/140

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

Floating Pieces

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 fullscreen

doughno

remix of d/23806 by u/taupelink

function u(t) {

k=120;for(i=k;i--;)
f=i*t,X=f*f%16,Y=X*f%9,
x.fillStyle=R(q=i*2,q*=1+S(X+t),q*=1-S(Y-t)),
x.fillRect(k*X,k*Y,i/2,i)

Sep 8 2021 1:08 PM UTC

}// 115/140

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

another animated taupelink remix

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23749 by u/rodrigo.siqueira

function u(t) {

for(i=k=780;--i;x.fillRect(k-i*Y,k-v*i,80*q*X*v,Y*i*v))f=i*t,X=i*f%3-1,Y=X*f%4-2,x.fillStyle=R(q=i*X,q*=X*X/t,q*=Y**3*t*q/i/X,i/q/q),v=.5**t

Sep 6 2021 1:32 PM UTC

}// 140/140

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

All the colors of a sunrise

u/taupelink

nice!
u/rep_movsd

Try swapping around the r, g and b values - b, g , r and g, r, r look pretty realistic
u/rodrigo.siqueira

u/rep_movsd please paste the colors (q=...?) that you found so I can try your suggested combinations, thanks!

show FPS hide FPS share fullscreen

tomxor

remix of d/23413 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐸𜰲𜀺𠐽𠠽𥐽𥠽𜀻𪐭𛐻𪰽𤰦𤠼𝐿𛠱𜠵𛑒𛰴𜀺𜀬𥐭👫𚡡𛁖𛐽𪰪𨠩𮀮𩡩𫁬𤡥𨱴𚁘👩𙑷𛁙👩𛱷𛀱𛁓𯁒🀵𚐬𤰽𥀨𥀨𠰨𦀯𜐰𚐪𠰨𦐯𞐫𭀩𚐩🁙𛰹𛐳𚰳𚡃𚁴𚐬𤠽𣑡𭁨𛡨𮑰𫱴𚁡👘𛑁𛁢👙𛑂𚐻𠐫👕𚱷𛁂𚰽𥠪🐮𞐬𠐥👷𛁖𚰽𛠱`.replace(/u../g,'')))

Jul 28 2021 12:57 AM UTC

}// 140/140

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

"This Thing" Capturing a Marble #Physics

u/magna

!!!
u/katkip

OMG

show FPS hide FPS share fullscreen

BackendForth

remix of d/23330 by u/BackendForth

function u(t) {

for(i=6999;i--;){v=Math.random
a=v()*1920
b=v()*1080
x.fillStyle=R(0,n=255*.99995**((T(t)*99+960-a)**2+(540-b)**2),n)
x.fillRect(a,b,9,9)}

Jul 15 2021 12:39 AM UTC

}// 138/140

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

u/magna

Loving this technique!
u/donbright

me too

dwitter.net | doughno (1386)