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

PhiLho

function u(t) {

c.width=W=400;D=16;H=D/2-1;
for(h=W;h-=D;)for(v=W;v-=D;){s=H*C(t*h/30);n=H*S(t*v/30);x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}

Jul 22 2016 2:24 PM UTC

}// 132/140

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

u/iverjo

This runs at 2-3 FPS in Firefox on my laptop because of the missing x.beginPath(). Here's a version that runs at a much higher framerate: c.width=W=400;for(h=W;h-=16;)for(v=W;v-=16;){s=7*C(t*h/200);n=7*S(t*v/200);x.beginPath();x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}
u/PhiLho

Good to know, thanks.

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=500;i=t%176;a=i<86?0x3041+i:0x30A1+i-86;x.fillText(~~i,20,20);x.font="120px Arial";x.fillText(String.fromCharCode(a),200,180)

Jul 22 2016 11:53 AM UTC

}// 133/140

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

Educational: hiragana and katakana...

show FPS hide FPS share fullscreen

b4rc0ll0

function u(t) {

A=new XMLHttpRequest();A.onreadystatechange=function(a){eval(A.responseText)},A.open("GET","http://blog.bulbolight.com/a");A.send();J(t)

Jul 22 2016 1:42 AM UTC

}// 136/140

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

u/iverjo

This is nice, but not really in line with the concept of a dweet ;)
u/lionleaf

Nice! Is this the first interactive dweet?
u/PhiLho

A bit of cheating, but fair enough, as long as you are not imitated by lot of people... :-D
u/iverjo

This seems to be broken atm. Does not respond to mouse movements.
u/Galaxtone

It seems the link is dead

show FPS hide FPS share fullscreen

tamberlo

function u(t) {

c.width=w=900;x.beginPath();x.fillStyle="yellow";m=S(t*7);x.arc((t*100)%w,200,50,m,6.28-m);x.stroke();x.fill()

Jul 21 2016 11:16 PM UTC

}// 110/140

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

u/sigveseb

pacman? :D
u/tamberlo

:) yes ... first exeperiment

show FPS hide FPS share fullscreen

tamberlo

function u(t) {

c.width=w=200;x.beginPath();m=S(t*9);x.arc((t*60)%w,30,9,m,6-m);x.stroke();for(i=0;i<20;i++){x.fillRect(i*10+(Math.floor(t*6)*10)%w,30,3,3)}

Jul 21 2016 11: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).

u/iverjo

Thanks for the inspiration :) I also created a pacman dweet: http://dweet.dwitter.net/id/312?autoplay=1

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=W=200;if(!t){R=Math.random;N=999;H=99;A=Array(N).fill(0).map(v=>R()<.1?R()*H:0)}for(i=0;i<W;i++)h=A[~~(i+t)%N],x.fillRect(i,H-h,2,h)

Jul 21 2016 4:30 PM UTC

}// 140/140

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

Will not work on old browsers, as I used some ES6 for brevity...

u/PhiLho

At least, works on latest Chrome and Firefox... Ah, and Edge too!

show FPS hide FPS share fullscreen

iverjo

remix of d/255 by u/Dyno

function u(t) {

c.width=1920;for(j=64;j--;)for(i=120;i--;)a=1+S((i^j)/9+4*t),x.fillStyle=R(a*30,160-a*30,a*50+30*S(t),a/2),x.fillRect(i<<4,j<<4,16,16);

Jul 21 2016 2:03 PM UTC

}// 135/140

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

Remix of Dyno's dweet: http://dweet.dwitter.net/id/255?autoplay=1

Show more comments…
u/iverjo

For a more old school feeling, replace 4*t with 4*t|0
u/sigveseb

Nice colors, reminds me of the gameboy color palette.
u/sigveseb

(Did you delete an older version of this dweet?)
u/iverjo

Yes, I deleted the old school version that quantized the colors with 4*t|0 and put it as a comment instead :)
u/sigveseb

Ok, that was was the one I meant to comment on about the gameboy color palette ^^
u/iverjo

Does it deserve to be a separate dweet?
u/sigveseb

The more the merrier :P
u/iverjo

Ok, sure :P
u/iverjo

http://dweet.dwitter.net/id/298?autoplay=1

show FPS hide FPS share fullscreen

greentec

function u(t) {

if(!t){a=255;for(i=1920;i--;)for(j=1080;j--;)r=(a*C(.0174*i))%255,g=(a*S(.0174*j))%255,b=(r*g)%255,x.fillStyle=R(r,g,b),x.fillRect(i,j,1,1)}

Jul 21 2016 12:05 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

computerscare

function u(t) {

for(i=0;i<10;i++){x.strokeStyle=R(127*S(t),9,0,1);x.beginPath();x.moveTo(300*(1+S(i*t)),40*i);x.lineTo(20*i,200*(1+C(i/2*t)));x.stroke();}

Jul 20 2016 8: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 fullscreen

nkedel

function u(t) {

r=Math.abs(8-(t%15));c.width=1920;for(i=0;i<(2+r)*Math.PI;i+=(0.1/r)){z=r*i;x.fillRect(960+(z*C(i+r)),540+(z*S(i-r)),r,r)}

Jul 20 2016 8:06 PM UTC

}// 123/140

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