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

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)

show FPS hide FPS share fullscreen

iverjo

remix of d/444 by u/New_Core

function u(t) {

a=P=>Math.abs(P-5);for(n=i=255;i--;)d=a(X=i%11)+a(y=i/11|0),x.fillStyle=R(n*S(z=d/2-t*2),n*S(z-2),n*S(z-4)),x.fillRect(420+99*X,99*y,90,90)

Sep 10 2016 6:06 PM UTC

}// 139/140

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

Inspired by http://img.gfx.no/1902/1902693/app.jpg

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

a=Math.abs;w=c.width=64;for(n=i=2304;i--;)d=a(i%w-32)+a(i/w-19),x.fillStyle=R(n*S(z=d/6-t*2),n*S(z-2),n*S(z-4)),x.fillRect(i%w,0|i/w,1,1)

Sep 10 2016 6:11 PM UTC

}// 137/140

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

Somewhat inspired by http://img.gfx.no/1902/1902693/app.jpg

show FPS hide FPS share fullscreen

Smurffi

function u(t) {

c.width=2e3;b=S(t)*200;y=C(t)/2;for(i=0;i<6;i++){x.beginPath();x.arc(b+960+i*(b/4),540+i*y*200,30,0,2*Math.PI);x.fillStyle=R(b);x.fill()}

Sep 8 2016 9:01 AM UTC

}// 137/140

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

I am new to coding have mercy on me! I try to post some learning progress here :)

u/iverjo

Welcome :)
u/lionleaf

Awesome! Don't worry about posting :) The more the better. Welcome!