(cache) Dwitter

Edit the code to start the fun, or browse through other peoples demos below Code available at github.com/lionleaf/dwitter Issues are welcomed! :D


    function u(t){

c.width=1920;for(i=0;i<9;i++){x.fillRect(400+i*100+S(t)*300,400,50,200)}

72/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.

21 Awesome! fullscreen

lionleaf

remix of #302 by sigveseb


      function u(t){

(F=Z=>{for(x.fillStyle=R(W=1/Z*4e3,W/2,W/4),i=Z*Z*2;n=i%Z,m=i/Z|0,i--;n%2^m%2&&x.fillRect((n-t%2-1)*W,(S(t)+m-1)*W,W,W));Z&&F(Z-6)})(36)//rm

140/140

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

Feb. 21, 2017, 11:18 p.m.

16 Awesome! fullscreen


      function u(t){

c.width=w=1920;h=1080;d=60;for(q=0;q<w;q+=d*2){for(e=0;e<h;e+=d*2){x.fillStyle=R(0,0,0,C(t+q+e));o=(d*C(t+q));x.fillRect(q+o,e-o,d+o,d+o)}};

140/140

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

Feb. 22, 2017, 12:52 a.m.

jon: Reminds me of the old Microsoft logo 👍

15 Awesome! fullscreen

p01


      function u(t){

c.width|=0;for(n=200;n-=1/64;x.fillRect(n%3*666,n*5,h=8-k,h))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3

128/140

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

Feb. 21, 2017, 9:42 p.m.

23 Awesome! fullscreen

mxfh


      function u(t){

c.width=w=1920;π=Math.PI/2;λ=0;r=w/4;for(φ=-π;φ<π;φ+=1/r){λ+=.1;x.lineTo(C(φ)*S(λ-t)*r+w/2,(C(t)*S(φ)-S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

135/140

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

Feb. 20, 2017, 11:57 a.m.

mxfh: simple orthographic projection; try some factors on the lat λ and lon φ offsets t

Load older comments...
mxfh: simple orthographic projection; try some factors on the lat λ and lon φ offsets t
wicktwo: Niiiice!
as: i love this one

7 Awesome! fullscreen

donbright


      function u(t){

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

95/140

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

Feb. 22, 2017, 2:31 a.m.

lionleaf: Starts off nice looking and becomes extremely trippy and hypnotic!

7 Awesome! fullscreen

bpierre


      function u(t){

c.width=w=1920;g=s=>0.5+S(t*s)/2;b=`C${'🤓'.repeat(g(5)*40+2)}L`;x.font=g(5)*99+99+'px s';x.fillText(b,g(2)*(w-x.measureText(b).width),480)

138/140

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

Feb. 22, 2017, 12:38 a.m.

sigveseb: coooooooooool
lionleaf: C🤓🤓🤓🤓🤓L!
bpierre: ha ha

23 Awesome! fullscreen

mxfh


      function u(t){

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

129/140

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

Feb. 20, 2017, 3:43 a.m.

jim: This is my favorite demo on Dwitter so far

5 Awesome! fullscreen

FrobtheBuilder


      function u(t){

c.width=1920;for(i=0;i<20;i++){
q=[1920*i/20,540+S(t+i/2)*200]
j=i+1
x.fillRect(q[0], q[1], (1920*j/20)-q[0], (540+S(t+j/2)*200)-q[1])
}

142/140

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

Feb. 22, 2017, 2:02 a.m.

5 Awesome! fullscreen

Kalanchoe


      function u(t){

θ=c.width=1e3;x.strokeStyle='#4f5';r=(17+S(t)/157)/7;p=(θ,F)=>190*(F(θ)-F(θ*r)/r);while(θ>0)x.lineTo(p(θ-=.1,C)+500,p(θ,S)+281);x.stroke()

138/140

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

Feb. 22, 2017, 12:40 a.m.

Kalanchoe: Homestuck!

Kalanchoe: Also, shout-out to Hacker News.

4 Awesome! fullscreen

auselen


      function u(t){

p=Math.PI;
c.width|=0;
for(o=0;o<t%(p*2);o+=p/180) {
py=13*C(o)-5*C(2*o)-2*C(3*o)-C(4*o);
x.fillRect(960-S(o)**3*320,540-py*20,10,10);
}

141/140

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

Feb. 22, 2017, 1:33 a.m.