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

larsch

function u(t) {

x.clearRect(0,0,1920,1080);for(y=0;y<27;++y)for(b=0;b<48;b++)
x.fillRect(b*40,y*40,C((b*y)/8+t*2.5)*40,S((b-y)/7+t*3)*40)

Sep 29 2016 9:08 AM UTC

}// 122/140

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

u/iverjo

Smooth!
u/New_Core

Would be nice if dwitter had so you could post an example based on a dwitt without posting a new one. for example on this one I would post.. c.width=2e3;for(y=1500;y--;)a=y%29,b=y%52,x.fillRect(b*40,a*40,C((b*a)/8+t*2.5)*40,S((b-a)/7+t*3)*40)
u/iverjo

Ah, a golfed version :)
u/lionleaf

Good idea, I've been toying with the thought for a while. What's your take on how it should look / work in practice? Allow comments to be a dweet that can be opened and closed?
u/New_Core

one way would be to have like a offspring dweet button... when you use it the code will be placed in a dropdown list under the original dweet.. not sure how it should look like but the original show allways first and then you can select an edited version. (keeps comments clean)
u/iverjo

Here's an idea: https://github.com/lionleaf/dwitter/issues/7…

show FPS hide FPS share 1 remix fullscreen

pat

function u(t) {

p=Math.floor(Math.random()*3);a=t>1?p==0?(a+400)/2:p==1?(a+1400)/2:(a+900)/2:900;b=t>1?p==2?(b+140)/2:(b+1000)/2:570;x.fillRect(a,b,5,5);

Sep 27 2016 10:48 PM UTC

}// 137/140

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

u/iverjo

Nice approach!

show FPS hide FPS share fullscreen

blackhalt

remix of d/444 by u/New_Core

function u(t) {

c.width=2e3;for(i=132;i--;)x.fillStyle=R(255*S(1.5*i%999+t),255*S(1.5*i%99+t),255*S(-1.5*i%999+t)),x.fillRect(500+i%10*100,i%13*110,100,110)

Sep 27 2016 2:42 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

quarterto

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=Math.abs(2*a*b)+j/540-1,a=c;x.fillRect(i,j,1,S(k/9))}

Sep 26 2016 5:43 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

Burning Ship fractal
u/iverjo

#burningship #fractal

show FPS hide FPS share fullscreen

ian

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=i/106.0;b=j/17.0;if(1/2<Math.floor((Math.floor(b/17)*2^(-17*Math.floor(a)-mod(b,17)))%2)){x.fillRect(i,j,1,1)}}

Sep 28 2016 5:29 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

This one doesn't work for me. I get 'ReferenceError: mod is not defined'
u/iverjo

By the way, here's a tip for saving a few bytes: Math.floor(x) can typically be replaced with parseInt(x) or 0|x or ~~x

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width=2e3;o=Date().split(/[ :]/);for(i=3;i--;){q=o[i+4]*0.105;if(i<1)q=q*5;x.moveTo(1e3,f=500);x.lineTo(1e3+f*S(q),f-f*C(q));x.stroke()}

Sep 23 2016 9:15 AM UTC

}// 138/140

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

u/lionleaf

Oh awesome! It's actually correct as well
u/New_Core

#clock

show FPS hide FPS share 2 remixes fullscreen

iverjo

remix of d/294 by u/iverjo

function u(t) {

for(i=4e3;i--;)c=155+99*S(t+4*S(i*9)),x.fillStyle=R(0,c,99+c),s=45/(9-(t+i/100)%9+1),x.fillRect(960+25*s*C(i),540+25*s*S(i),s,s)

Sep 17 2016 7:09 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

Froff

function u(t) {

r=Math.random;c.width=20;x.fillStyle=R(r()*255,r()*255,0,1);x.fillRect(0,0,20,10);a="#BlAzEiT";x.strokeText(a[Math.floor(5*t)%8],7,9);

Sep 13 2016 1:18 PM UTC

}// 134/140

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

u/iverjo

Trippy
u/Woodmouth

Dam, that's intense.

show FPS hide FPS share fullscreen

New_Core

function u(t) {

q=c.width=2e3;x.fillRect(0,610,q,10);x.translate(-120+t%16*150,500-Math.abs(40*S(t*2)));x.rotate(t);x.font='250px A';x.fillText("❎",-125,95)

Sep 12 2016 3:47 PM UTC

}// 140/140

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

a bit boring but try also some other squares like ⚿ ⛋ ⛞ ⛾ ⛚ ➕

u/iverjo

Creative!

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.width=2e3;for(i=132;i--;)x.fillStyle=R(255*S(0.5*i%11+t),255*S(0.5*i%12+t),255*S(-0.5*i%12+t)),x.fillRect(500+i%11*100,i%12*99,90,90)

Sep 10 2016 6:13 AM UTC

}// 135/140

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

Colorful but not a diamond shape as the https://dwitter.net/d/440 inspiration.

u/iverjo

Updated the 440 dweet (no black bar on top anymore): https://dwitter.net/d/448
u/blackhalt

8)