Dwitter - javascript demos in 140 characters

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

larzuk

function u(t) {

c.width=w=1920,k=34,g=w/k|0;for(i=0;i<g*1080/k;i++){j=i%g,h=i/g|0,m=(C(t)+S(j+h))*k<<2;x.fillStyle=R(0,m<<1,m<<3);x.fillRect(j*k,h*k,k,k);}

Oct 10 2019 1:54 PM UTC

}// 140/140

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

ICED

show FPS hide FPS share fullscreen

username

function u(t) {

x.font=`9em'`
x.fillText(`ydidista`,9,99)
x.fillText(`yupiha`,9,199)
x.fillText(`temys`,9,299)
x.fillText(`elf`,9,399)

Oct 9 2019 11:35 PM UTC

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

asteriskman

function u(t) {

r=Math.random
t/3-(t/3|0)<0.01?c.width|=0:0
x.fillStyle=`maroon`
x.beginPath()
x.ellipse(r()*1920,r()*999,r()*99,r()*99,r()*6,0,6)
x.fill()

Oct 10 2019 12:58 PM UTC

}// 139/140

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

Inktober Day 10 - Pattern

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(O=[]);c.width*=1;onmousemove=e=>z=e.x*3;O.push({X:z,Y:0,V:0});for(o of O){x.fillRect(o.X,o.Y+=o.V,10,10),o.V+=.1;if(o.Y>1080)o.V*=-.9}

Oct 8 2019 4:53 PM UTC

}// 138/140

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

Bouncy particles. Move your #mouse. #interactive #bounce

u/aleamb

love it!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/15951 by u/tomxor

function u(t) {

for(w=c.width=120,i=9e3;i--;x.fillRect(R=i%w,T=i/w,1,.5-Z/64))for(j=4,Z=T;j--;)Z=((R-60)**2+(T-33)**2+Z*Z)**.5-24+C(R*T/120+t*9)*C(Z/3+t)*7

Oct 6 2019 7:24 PM UTC

}// 139/140

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

Ray Marching SDF Gone Wrong

u/tomxor

Not sure what Z represents anymore, it's essentially chaotic marching...
u/tomxor

Oh, i see it now, it's a #stargate just add glyphs
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

joe.m

function u(t) {

if(!t)x.fillRect(0,0,1920,1080)
x.globalCompositeOperation='xor'
r=frame/2
x.fillRect(960+r*C(r),540+r*S(r),4,4)

Oct 11 2019 9:12 AM UTC

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

KilledByAPixel

function u(t) {

for(c.width|=i=9,x.rotate(1.57);i--;x.fillText("DWITTER",400,i*99-S(t)*300-1200,200))x.font='4em impact'

Oct 8 2019 3:29 PM UTC

}// 104/140

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

text #default

u/taupelink

yay!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/15947 by u/tomxor

function u(t) {

for(c.width=127,i=9e3;i--;x.fillRect(R=i&127,T=i>>7,1,.5-Z/64))for(j=5,Z=32;j--;)Z-=((R-64)**2+(T-36)**2+Z*Z)**.5-24+C(R*T/120-t*9)*C(Z/3)*6

Oct 6 2019 4:03 PM UTC

}// 140/140

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

Ray Marching SDF Sphere+Meltyness

u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9963 by u/BalintCsala

function u(t) {

x.fillRect(960-t*50,t*100,t*100,4);if(t%2<1)x.clearRect(960-t*5,t*100,t*10,4)

Oct 8 2019 5:16 PM UTC

}// 77/140

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

Same road but straight. - 63 characters golf

u/katkip

or even 76 bytes: x.fillRect(960-t*50,t*100,t*100,4),t%2<1?x.clearRect(960-t*5,t*100,t*10,4):0
u/yonatan

x.fillRect(960-t*50,q=t*99|0,q,4);x.clearRect(960-t*5,q,t*9,q**.5&1&&4) - there might be a better way without using clearRect

show FPS hide FPS share fullscreen

larzuk

function u(t) {

c.width=w=1920,k=34,g=w/k|0;for(i=0;i<g*1080/k;i++){j=i%g,h=i/g|0,m=S(j*h/5%t)/2*g<<2;x.fillStyle=R(m,m<<3,m<<2);x.fillRect(j*k,h*k,k,k);}

Oct 9 2019 11: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).

Rick"sPortail