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

New_Core

remix of d/1446 by u/sigveseb

function u(t) {

Q("#e22",1e3);Q("#fff",150);Q("#228",0)
function Q(d,e){
x.fillStyle=d
x.fillRect(0,450-e/2,2e3,150+e)
x.fillRect(580-e/2,0,150+e,2e3)}

Feb 27 2017 7:57 AM UTC

}// 135/140

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

now my country flag is Q("#006AA7",1e3);Q("#FECC00",150) ;)

Show more comments…
u/New_Core

Q("#006AA7",1e3);Q("#FECC00",100) ...looks better
u/sigveseb

Nice golfing
u/iverjo

Good stuff
u/iverjo

#flag
u/BirdsTweetCodersDweet

#hashtag-fail
u/BirdsTweetCodersDweet

dammit... #tagfail

show FPS hide FPS share fullscreen

Renaud___

function u(t) {

r=d=>9*C(d)-Math.floor(9*C(d));k=1e3;c.width^=0;for(i=0;i<k;i++)x.fillRect((k*r(i)+r(i+2)*t*99)%k,(k*r(i+1)+r(i+3)*t*99)%k,9,9);

Feb 26 2017 5:26 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 fullscreen

sigveseb

remix of d/407 by u/sigveseb

function u(t) {

for(n=c.width=i=1e3,s=S(t),k=C(t);i--;x.lineTo(n*X/Z,n*Y/Z))F=S(i),U=C(i),V=(i&7)-3,_=V*s+F*k,Z=V*k-F*s+15,X=_*k-U*s+7,Y=_*s+U*k+3;x.fill()

Feb 22 2017 9:37 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 more comments…
u/donbright

that is unbelievable cool
u/iverjo

This one is best viewed in Chrome
u/magna

Nanotube
u/sigveseb

#material
u/joeytwiddle

Could be a dune heighliner #shiny
u/stiaje

#witchcraft
u/joeytwiddle

#hiddengem

show FPS hide FPS share 1 remix fullscreen

Niklas

remix of d/1316 by u/Niklas

function u(t) {

for(c.width|=0,q=99,r=.0634,i=q;i--;)for(a=i*r+t,k=9.69*q+C(a)*q*3,l=5*q+S(a)*S(t)*q*2,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3)

Feb 25 2017 7:43 PM UTC

}// 140/140

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

torus geometry

show FPS hide FPS share fullscreen

magna

function u(t) {

x.fillRect(960,0,1,1,x.fillStyle='red');(i=new Image).src=c.toDataURL('image/jpeg');x.drawImage(i,5,0,1910,1088);x.filter='sepia('+S(t)*C(t)

Mar 1 2017 6:39 AM UTC

}// 140/140

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

Requires Chrome

u/iverjo

Interesting technique
u/magna

Seems to be broken on latest version on Chrome.

show FPS hide FPS share fullscreen

ninerdelta

remix of d/1523 by u/ninerdelta

function u(t) {

c.width^=0;a = t/10*Math.PI;r=300;x.moveTo(960,540);x.lineWidth=10;
x.lineTo(960-r*C(a),540-r*S(a));x.stroke();

Feb 28 2017 6:20 AM UTC

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

sfz

function u(t) {

c.width|=0
a=480
l=19
for(i=0;i<7;i+=Math.PI/l)for(j=0;j<l;j++)x.fillStyle=R(a*S(t*(i+j))/2),x.fillRect(2*a+a*S(t+i)*(l+j)/l,a+a*C(t-i),l,l)

Feb 26 2017 10:36 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

spbyrne

function u(t) {

η=c.width=99;s=x.createImageData(η,η);for(α=0;α<η;α++)for(κ=0;κ<η;κ++){λ=(α*η+κ)*4;s.data[λ]=t/4*λ&0xff;s.data[λ+3]=λ;}x.putImageData(s,0,0)

Feb 27 2017 3:41 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 1 remix fullscreen

magna

remix of d/1654 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.01';x.drawImage(i,-4,0,1928,1100);

Mar 1 2017 4:37 AM UTC

}// 140/140

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

Requires Chrome

show FPS hide FPS share fullscreen

dh7

remix of d/1239 by u/dh7

function u(t) {

c.width=1920; /* Feel like I'm 12 */
for(i=0;i<7777;i++){
  r=(i/10)*C(i/t)
  x.fillRect(960+r*C(t+i), 520+r*S(t+i), 3, 3) }

Feb 26 2017 8:49 PM UTC

}// 124/140

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