Dweets awesomed by u/danny@hille.dk

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

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐱𩐴𛁩𚐬𮀮𬱴𬡯𪱥𤱴𮑬𩐽𙱳𫡯𭰧𞱩𛐭𞱩𙐱𜡼𯁸𛡢𩑧𪑮𤁡𭁨𚁸𛡳𭁲𫱫𩐨𚐩𚑸𛡬𪑮𩑔𫰨𞐶𜀫𚁓𚁰👩𛰲𚐯𚁚🐨𪠽𬀯𝡼𜀩𙐷𛰸𜀰𚐪𚁬👩𙐲𛰵𩐳𚐫𚁪𛰳𜀫𤰨𭀯𝠩𚠹𚐥𜐴𛐷𚐯𦠬𝐴𜀫𚀨𪠪𚠳𛠱𚱴𚐥𞀭𝀫𠰨𬀩𛱚𚡬𚐯𦠩`.replace(/u../g,'')))

Dec 7 2020 8:01 PM UTC

}// 140/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 3 remixes fullscreen

rodrigo.siqueira

remix of d/20933 by u/rodrigo.siqueira

function u(t) {

for(ⵠ=1e4;ⵠ--;ഽ(0,0,340,ⵠ+t))ഽ=(β,α,ထ,ට)=>ထ>1?ഽ(α+ထ*S(ට),β+ထ*C(ට),ထ/3,T(ට/11)*22.5):x.fillRect(β+940,α+540,1,(t<4)/3)

Dec 7 2020 4:18 PM UTC

}// 117/140

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

Protein folding in 117 characters (extra bonus: view fullscreen to see ribosome α-helix spiral filaments)

Show more comments…
u/geb

magnificent
u/tomxor

So organic I love it!
u/rep_movsd

Brilliant
u/danny@hille.dk

The product is pretty, but the code is, while not easy to read, perhaps the most aesthetically pleasing code snippet, I have ever seen!
u/smtsjhr

is it a sufficient condition for the appearance of α-helix spiral filaments to just use 'α' character in the code?
u/DataMeta

this is amazing!! #organic
u/DataMeta

this is amazing!! #organic
u/rodrigo.siqueira

Sure Smtsjhr, I think you also noticed that there is a β value responsible for the Beta-Helix (secondary structures in proteins, forming helical patterns of β-strands). I've just created a remix, changing "α and β" parameters to "lighted circles and donuts", as you can see in the remix link.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/20912 by u/pavel

function u(t) {

for(i=640;i--;T=!T&&!x.beginPath(x.stroke()))j=i/16-T*i&30,r=(j+4)/12<<6,x.arc(r*C(a=j/1.91+.52)-~frame%7*350,r*S(a)-~t%4*350,i&30?0:32,0,7)

Dec 6 2020 11:31 PM UTC

}// 140/140

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

Lots of Metatron's Cubes #sacredgeometry

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/20922 by u/rodrigo.siqueira

function u(t) {

for(i=1080;i--;x.fillRect(0,i,1+i/t,1))Y=i/230,
h=300*S(Y%S(m=t/9%S(p=C(q=Y*S(Y/3-S(t)/3))))),
x.fillStyle=R(h*q,h*m,h*p)
x.drawImage(c,1,0)

Dec 5 2020 7:13 PM UTC

}// 140/140

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

Variation of the scrolling version by u/danny@hille.dk

u/danny@hille.dk

Freaking Awesome
u/danny@hille.dk

I love the way it starts

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20922 by u/rodrigo.siqueira

function u(t) {

for(z=i=1080;i--;x.fillRect(1918,i,2,1))Y=i/199,h=355*S(Y%S(m=t/4%S(p=C(q=Y*S(Y/9-S(t)/6))))),x.fillStyle=R(m*h,h**m,h)
x.drawImage(c,-2,0)

Dec 5 2020 5: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).

Wrath of poseidon remix

u/Xen

nice style!!!!!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/20918 by u/rodrigo.siqueira

function u(t) {

for(i=1080;i--;x.fillRect(120*t,i,2,1))
Y=i/230,
h=300*S(Y%S(m=(t+5)/4%S(p=C(q=Y*S(Y/3-S(t)/3))*2))),
x.fillStyle=R(h*q,h*m,h*p)

Dec 5 2020 2:46 PM UTC

}// 128/140

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

Waves of metallic fire and water colors

u/danny@hille.dk

Beautiful
u/danny@hille.dk

Scrolling version for(i=1080;i--;x.fillRect(0,i,2,1)) Y=i/230, h=300*S(Y%S(m=t*2/4%S(p=C(q=Y*S(Y/3-S(t)/3))))), x.fillStyle=R(h*q,h*m,h*p) x.drawImage(c,2,0)
u/Xen

love it
u/donbright

awesome, really new direction

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20901 by u/pavel

function u(t) {

x.fillRect(0,0,i=c.width|=0,i)
for(m=120;i--;x.clearRect(666+(p>>2)*200+m*C(a=(p&1|-1)*28.4*d-4*t),240+p%4*200+m*S(a),d,d))d=i%m/18,p=i/m|0

Dec 5 2020 1:14 PM UTC

}// 139/140

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

broken remix

show FPS hide FPS share fullscreen

pavel

remix of d/20901 by u/pavel

function u(t) {

for(i=c.width|=p=g=>(g(0)?k&3:k/4)*200+130*g(.8+(~~k+k/4&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

Dec 4 2020 9:12 PM UTC

}// 127/140

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

Moving #illusion

u/pavel

Discovered this randomly when golfing the original. Not sure why it happens.
u/danny@hille.dk

cool effect: the "feature" is caused by not truncating k=--i/120 -> k=--i/120|0 disables this feature :-)
u/KilledByAPixel

👍
u/danny@hille.dk

better solution: for(i=c.width|=p=g=>(g(0)?k&3:~~k/4)*200+150*g((k&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(X,540+200*C(a),-150,7))X=i%960*2,x.fillStyle=`hsl(${q=X/8+60*t},69%,${42+32*S(a=(q/32%1+(i>960))/.32)}%`

Dec 4 2020 8:45 PM UTC

}// 136/140

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

Ribbons

u/pavel

Dynamically swapping the draw order to get proper overlapping. Change i>960 to 1 or 0 to see how this works.
u/Qwitter

cool, and thanks!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20913 by u/rodrigo.siqueira

function u(t) {

for(i=996;i--;x.fillRect(250*X,250*Y,2e3,1))X=t/3,Y=i/230,h=300*S(Y%S(m=X/2%S(p=C(q=Y*S(X*3+Y))*2))),x.fillStyle=R(h*p,h*m,h*q)

Dec 4 2020 5:54 PM UTC

}// 127/140

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

Metallic Colors

u/danny@hille.dk

Excellent reveal
u/taupelink

Double-whoa!

dwitter.net | danny@hille.dk (37119)