Random dweets | Dwitter

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

pavel

function u(t) {

for(c.width=i=620;i--;x.lineTo(310*(z+p*S(b))/z,300*(3+q*C(a))/z))q=i/8&1||-1,p=4-q*S(a=S(a=S(b=i/98+2*t)+b)/2+a/2),z=8+p*C(b-=t);x.stroke()

Apr 4 2020 7:12 PM UTC

}// 140/140

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

#mobius strip

Show more comments…
u/pavel

Using sin(sin(x)+x)+sin(x)+x as a smooth staircase function to implement the flip as a pulse.
u/KilledByAPixel

👍
u/Xen

love it
u/aleamb

love it!
u/danny@hille.dk

Nice - möbius tape
u/Qwitter

Im sorry, but I find only one side of this to be Awesome.
u/vain

beautiful and smooth transformation / animation

show FPS hide FPS share fullscreen

katkip

remix of d/13688 by u/katkip

function u(t) {

t||(x.translate(960,540));x.fillRect(-999,399,2e3,9+!x.rotate(3.1416*2/3)),x.drawImage(c,0,0,540,400)

May 8 2019 5:39 PM UTC

}// 101/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

rodrigo.siqueira

remix of d/24899 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=1e4/i,0,0,s,630+i%2*710+5*s*C(i+t),540+s*S(i+t)*3),C(i/6)*2,2,2))fillStyle=R(i*S(t),i/2,i,.1)

Feb 10 2022 1:50 AM UTC

}// 139/140

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

Double spiral interactions #spiral

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

for(i=0;i<9999;i++){t>9?t-=9:a=t/9+i*2,g=255-i/3,X=C(a)*i*t,Y=S(a)*i*t
x.fillStyle=R(g,g,g,99/i),x.fillRect(960+X,540+Y,Y/X/t*9,X/Y/t*9)}

May 1 2022 6:09 PM UTC

}// 137/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 fullscreen

dwq

remix of d/27016 by u/dwq

function u(t) {

a=17-+(''+t%1)[2]+'';x.font='7em"';x[s='fillStyle']='#'+a+a+a+a;x.fillRect(0,0,2e3,2e3);x[s]='red';x.fillText('🤨📸',805,580)

Feb 8 2023 10:34 PM UTC

}// 123/140

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

Caught in 4K #meme

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26619 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=500;i--;x.clearRect(960+Y*S(a)/2-W/2,140+Y+Y*C(a)/9,W,W))Y=32*i**.5,a=i+2*S(t),W=(5+4*S(8*a*C(i**5)))*(1+C(a))

Dec 18 2023 12:35 AM UTC

}// 140/140

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

Twinkling tree 2023 #christmas #xmas

show FPS hide FPS share fullscreen

comanderkev

function u(t) {

t?c.width=-1:a=1
x.stroke()
x.font="2cm A"
v="ThoughtWorks"
x.fillText(v,300*S(t)-180,120)

Mar 3 2021 2:46 PM UTC

}// 90/140

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

Just an Idea.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23279 by u/rodrigo.siqueira

function u(t) {

for(i=c.width=256;i--;)for(j=145;j--;x.fillRect(i,j,1,k/12))for(a=b=0,k=19;k--&&a<j;)q=S(a*9-t)**14+b*b+i/180-t%3,b=a*b*6+j/70-1,a=q

Jul 3 2021 12:23 AM UTC

}// 132/140

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

Alienbot

show FPS hide FPS share 2 remixes fullscreen

trancor

function u(t) {

t==0?h=(c.width=w=99)/1.7:0;s=t*9%9;for(i=s;i<w*h;i+=9){j=i%w;k=i/w;x.fillStyle=R(C(t+S(j))*99,S(i+t^k)*99,S(t)^99,.2);x.fillRect(j,k,2,2);}

Apr 26 2018 11:14 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 fullscreen

katkip

function u(t) {

c.onmousemove=e=>{X=e.x,Y=e.y};x.fillRect(X*3.38,Y*3.38,5,5),x.fillRect(1920-X*3.38,1080-Y*3.38,5,5);

Dec 28 2018 6:20 AM UTC

}// 101/140

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

#symmetry drawer, ambigram generator, shorter version of mine https://www.openprocessing.org/sketch/648327

u/katkip

It's #interactive, use mouse.
u/gpolonus

has no idea setting an event handler like this works. Much shorter and more efficient! Thanks!