Dweets by u/davidsharp

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: #ScaryMovies

show FPS hide FPS share fullscreen

davidsharp

function u(t) {

xO=(c.width=1920)/2;yO=500;r=500
x.fillRect(xO+r*S(t),yO+r*C(t),9,9)

Aug 18 2020 11:59 AM UTC

}// 68/140

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

basic sin/cos circle example

show FPS hide FPS share fullscreen

davidsharp

remix of d/15910 by u/davidsharp

function u(t) {

c.width=(s=300)*3
f=(p,g=s)=>{with(x)moveTo(s,s),lineTo(s+S(p)*g,s-C(p)*g),stroke()}
with(new Date)f(getMinutes()/9.6),f(getHours()/1.9,200)

Oct 3 2019 11:53 AM UTC

}// 140/140

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

clock dweet

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/15908 by u/davidsharp

function u(t) {

c.width=(s=300)*3
f=p=>{with(x)moveTo(s,s),lineTo(s+S(p)*s,s-C(p)*s),stroke()}
with(new Date)f(getMinutes()/9.6),f(getHours()/1.9)

Oct 3 2019 11:45 AM UTC

}// 130/140

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

clock dweet

show FPS hide FPS share 1 remix fullscreen

davidsharp

function u(t) {

c.width|=s=600
p=(new Date).getSeconds()/10
with(x)lineWidth=9,beginPath(),moveTo(s,s),lineTo(s-Math.sin(p)*s,s+Math.cos(p)*s),stroke()

Oct 3 2019 11:26 AM UTC

}// 135/140

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

tick

u/davidsharp

d'oh, I didn't even use the Dwitter sine/cosine functions

show FPS hide FPS share fullscreen

davidsharp

function u(t) {

x.fillStyle=R(S(t)*255,C(t)*255,255)
for(i=0;i++<6;)x.fillRect(1e3+(S(t)*100)+C(t+i)*400,500+(C(t)*100)+S(t+i)*400,50,50)

Sep 20 2019 3:13 PM UTC

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

davidsharp

function u(t) {

x.strokeStyle=R(S(t)*255,C(t)*255,200)
x.beginPath();h=t*100%1000;for(i=0;i++<10;)x.quadraticCurveTo(0,h+i*270,h+i*480,h+i*270);x.stroke();

Jun 25 2019 10:18 AM 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

davidsharp

remix of d/11923 by u/davidsharp

function u(t) {

c.width|=0;k=100;x.font=k+'px a';T='hello•world•'
for(i=0;++i<k;)for(j=0;++j<11;)x.fillText(T[i%12],-2e3+(k*i)+(t*k)*(j%2||-1)%(k*12),k*j)

Jan 23 2019 1:11 PM UTC

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

davidsharp

function u(t) {

c.width|=0;k=100;x.font=k+'px courier'
for(i=0;i<22;i++)for(j=0;j<22;j++)x.fillText('?',-k+(k*i)+(t*k)*(j%2||-1)%k,k*j)

Jan 23 2019 1:02 PM UTC

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

davidsharp

remix of d/6929 by u/davidsharp

function u(t) {

c.width|=0;c.style.filter='invert(1)';x.font='2cm A';for(n=0;n<20;)x.fillText('❄',n++*80+S(t+n)*40,Math.abs(t*100*S(n))%2000)

Nov 20 2018 2:56 PM UTC

}// 125/140

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

snow

u/iverjo

#snow

show FPS hide FPS share fullscreen

davidsharp

remix of d/10525 by u/davidsharp

function u(t) {

for(i=0;i<9;){x.fillStyle=R(S(i)*50,i*50,255-i);x.fillRect(200+i++*200+S(t)*300,0,99,1e3)};c.style.filter=`hue-rotate(${S(t)*99%360}deg)`

Oct 18 2018 9:09 AM UTC

}// 137/140

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

rotating hues

dwitter.net | davidsharp (159)