Dweets awesomed by u/Ohead

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

Mkac003

function u(t) {

for(l=-99,c.width=1920,x.translate(960,540),i=0;i<5;i+=1)x.fillStyle=R(99*i),x.rotate(S(t)*(t/8+i)),x.fillRect(l-5*i,l-5*i,2*l+9*i,2*l+9*i);

Jan 25 2023 10:18 PM UTC

}// 140/140

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

squares

show FPS hide FPS share fullscreen

Ohead

function u(t) {

x.globalCompositeOperation='xor';r=Math.random;for(i=10;i;x.fillRect(r(i--)*1920-200,r()*1080-200,400,400));

Jan 25 2023 9:56 PM UTC

}// 108/140

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

Collapsing to gray

show FPS hide FPS share fullscreen

Ohead

function u(t) {

t?t:c.outerHTML='<marquee>This community has been really welcoming to me so far, and for that: thank you!</marquee>'

Jan 25 2023 9:10 PM UTC

}// 116/140

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

A message to the Dwitter community

u/Xen

Dwitter is a family, make sure to join the discord chat
u/joeytwiddle

You're really pushing it with that <marquee> tag though! 😂 j/k
u/Ohead

I'm making the most of it before it's gone :p

show FPS hide FPS share fullscreen

StrayDev

function u(t) {

t?t:z=y=t;a=[[4,0],[0,6],[8,6]];b=a[t**5%3|0];z=b[0]*50+z/2;y=b[1]*50+y/2;t>1?x.fillRect(z,y,5,5):t

Jan 25 2023 8:02 PM UTC

}// 99/140

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

Triangles

show FPS hide FPS share fullscreen

Ohead

remix of d/26925 by u/Ohead

function u(t) {

for(i=0;i<500;i++){y=(t*i)**5%1;z=(t*i)**6%1;x.fillStyle=`hsl(${z*6}rad,100%,${y*99}%`
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 25 2023 5:47 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 palette

show FPS hide FPS share fullscreen

Ohead

function u(t) {

q=()=>{x.font="60px x";x.fillText("q="+q.toString()+";q()",0,100)};q()

Jan 25 2023 5:27 PM UTC

}// 70/140

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

My attempt at a golfed yet beautiful quine

u/Ohead

#quine

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/26927 by u/magna

function u(t) {

c.width=960
x.moveTo(X=490,Y=285)
g=o=>o?[..."012112303300321"].map(c=>c&1?T+=c-2:g(o-1)):x.lineTo(X+=C(a=T*t-t),Y+=S(a));g(T=5);x.stroke()

Jan 25 2023 4:18 PM UTC

}// 139/140

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

golf and play

show FPS hide FPS share 3 remixes fullscreen

magna

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󞜶󜌊󮌮󫝯󭭥󥍯󚍘󟜶󝜰󛍙󟜸󝜩󒭧󟜨󫼬󨬩󟜾󫼿󦼮󛬮󨬿󘬳󜌱󜬲󜜱󜬱󜌳󜼰󜼲󘬺󘬰󜜲󜜱󜬳󜌳󜼰󜌳󜬱󘭝󛭭󨝰󚍣󟜾󚍣󚬽󜜩󙬱󟽔󚼽󨼭󜬺󩼨󫼭󜜬󨼦󜬩󚜺󮌮󫍩󫭥󥍯󚍘󚼽󞜪󠼨󨜽󥌪󜜮󜌴󝼩󛍙󚼽󞜪󤼨󨜩󚜊󩼨󥌽󝌩󒭸󛭳󭍲󫽫󩜨󚜻`.replace(/u../g,'')))

Jan 25 2023 5:40 AM UTC

}// 132/140

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

Gosper curve

Show more comments…
u/Xen

love it!
u/cantelope

awesome
u/danny@hille.dk

Epic!
u/danny@hille.dk

c=>(c*=1) = c=>c
u/cantelope

impressive. this is a tricky curve. you did well
u/cantelope

http://jsbot.whitehot.ninja/uploads/jUSvc.jpg
u/magna

Thanks folks! This was the first time I first implemented a working regular JS version and iteratively golfed it down. I usually shoot myself in the foot by starting off golfed.

show FPS hide FPS share 1 remix fullscreen

Ohead

function u(t) {

r=Math.random;
for(i=0;i<500;i++){y=r();z=r();x.fillStyle=R(y*256,z*256,t*10)
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 24 2023 7:36 PM UTC

}// 131/140

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

Blueshift

u/Ohead

I used a beautiful drawing method from u/taupelink for this one https://www.dwitter.net/u/taupelink
u/taupelink

Thank you for the compliment! I derived the method from others on Dwitter..
u/taupelink

...with lots of trial and error along the way.
u/neimad

it kills my browser

show FPS hide FPS share fullscreen

Ohead

function u(t) {

for(i=0;i<1e3;i++){t?t:z=y=t;a=[[3,0],[0,3],[6,3]];b=a[(t+i)**5%3|0];z=b[0]*150+z/2;y=b[1]*150+y/2;t>1?x.fillRect(z,y,1,1):t}

Jan 24 2023 7:17 PM UTC

}// 125/140

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

My second attempt at Sierpiński's Triangle

u/danny@hille.dk

if you don't mind cheating a bit =>for(X=2e3;!t&&X--;)//row for(Y=1024;Y--;)//col Y*2&X|| //if((Y*2&X)==0) x.fillRect(X+Y-64,1080-Y,1,1) //draw from bottom up
u/danny@hille.dk

no comments => for(X=2e3;!t&&X--;)for(Y=1024;Y--;)Y*2&X||x.fillRect(X+Y-64,1080-Y,1,1)

dwitter.net | Ohead (431)