Dweets awesomed by u/geb

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

geb

remix of d/20948 by u/rodrigo.siqueira

function u(t) {

for(i=2e4;i--;f(t,c=3,390,i))
f=(w,h,q,d)=>q>99?f(h+q*C(C(d)+d),w+q*S(d),q/c,T(d+t)/c):
x.fillRect(w+1e3+1e4*(i%c),h+550,.9,t<c)

Dec 10 2020 12:04 PM UTC

}// 128/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/20935 by u/rodrigo.siqueira

function u(t) {

for(ⵠ=1e4;ⵠ--;ထ(0,ꖴ=2,280,ⵠ+t,`💡&&⭕⭕➜🍩🍩`))
ထ=(ഠ,𑄗,Ꙭ,ට)=>Ꙭ>99?ထ(𑄗+Ꙭ*C(ට),ഠ+Ꙭ*S(ට),Ꙭ/ꖴ,T(ට*ට+t*ට)/ꖴ):
x.fillRect(ഠ+480+950*(ⵠ%ꖴ),𑄗+510,.4,t<ꖴ)

Dec 9 2020 4:50 PM UTC

}// 140/140

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

Illuminated Double Donuts #torus #donut

Show more comments…
u/ciaccodavide

Nice! Double donuts everywhere!
u/pavel

Not a fan of the obfuscated code. Looks nice to people who don't care to understand it but hurts your fellow coders that want to play around with it, which is a big part of Dwitter for me.
u/geb

for(i=1e4;i--;f(0,c=2,280,i+t,💡&&⭕⭕➜🍩🍩)) f=(w,h,q,d)=>q>99?f(h+q*C(d),w+q*S(d),q/c,T(d*d+t*d)/c): x.fillRect(w+480+950*(i%c),h+510,.4,t<c)
u/rodrigo.siqueira

I posted a cleaner version (remix). I usually avoid obfuscated code, but in this case it was for aesthetic reasons and for fun ("donuts everywhere" style). The 💡&&⭕⭕➜🍩🍩 part was just to illustrate, it has no functionality in the code.
u/tomxor

I think Pavel might be refering to unicode tofu, I get this too... the "⭕⭕➜🍩🍩" bit renders but almost all the other non-ASCII chars are tofu. I think it depends on what browser/OS combo you have.
u/tomxor

... and which fonts you've bothered installing.

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

pavel

function u(t) {

for(w=i=c.width|=0,x.globalAlpha=.15;i--;x.fillText('❄',-4,-4))x.setTransform(s=i*i%63/7,0,0,s,(i+s*w/(1+9**C(t/3)))%w,(s/5*t+T(i*i))%2*600)

Dec 6 2020 4:36 AM UTC

}// 140/140

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

Snowstorm

u/donbright

lovely
u/KilledByAPixel

#snowflake

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 fullscreen

katkip

function u(t) {

Z="ahiabgcb"
x.beginPath(x.lineWidth=8
);for(i of Z){
s=((i.charCodeAt(0)-97)%9)+1
x.lineTo(400+(s%3)*300,300+((s-.1)/3|0)*300)
}x.stroke()

Dec 4 2020 9:47 AM UTC

}// 139/140

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

Magical sigil generator. Replace Z with any word (lowercase only). It's a small remake of: https://sigilscribe.me/

u/katkip

Z="ecgkoe" is also nice
u/danny@hille.dk

and Z="sexysin" also looks nice... and Sin() is sexy
u/danny@hille.dk

Borg cube Z="weareborgyouwillbeassimilatedtothecubewithyou"
u/DataMeta

fun little #generator

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20902 by u/taupelink

function u(t) {

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

Dec 4 2020 5:29 AM UTC

}// 139/140

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

Noisy signal

u/taupelink

whoa
u/magna

WOWZA!
u/SMON

haha...not sure why - I guess aliasing - but it sparkles when I scroll :D

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/20898 by u/cantelope

function u(t) {

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

Dec 4 2020 3:01 AM UTC

}// 132/140

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

Metatron's Cube

Show more comments…
u/pavel

Golfed this one a little bit :) #symmetry
u/pavel

i=[4 bits for start circle index][4 bits for end circle index offset from start circle][1 bit to decide start vs end]
u/pavel

That's 2**9=512 which is too small for power-of-two circle sizes but start clicle index wraps around so larger i is only redundant.
u/pavel

end-circle-offset == 0 is easy to check and means start and end are same circle, so draw that circle.
u/pavel

Otherwise draw the current circle with radius 0 which is same as lineTo.
u/pavel

T=!T&&!x.beginPath(x.stroke()) starts/strokes the path every two circles.
u/pavel

Here is a version before all the bit hacking for(c.width=640,i=16;i--;)for(j=16;j--;x.beginPath(x.stroke()))for(k=2;k--;)q=(i+j*k)%16,r=((q+2)/6|0)*64,x.arc(320+r*C(a=Math.PI/3*q+t),180+r*S(a),!j*32,0,7)

dwitter.net | geb (18677)