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

sawaxon

function u(t) {

c.width=1920;
for(j=2;j<40;j++)for(i=0;i<1990;i++,x.fillStyle=R(j*10,i/10,j*10))x.fillRect(i + S(t),j*51+S(t)*800-400, 1, 50)

Feb 28 2017 12:13 PM UTC

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

gormisdomai

function u(t) {

c.width=999
w=20
for(X=-6;X<7;X++)
for(Y=-6;Y<7;Y++){
x.beginPath();x.arc((X+S(t)*Y%7)*w+450,(Y+C(t)*X%7)*w+260,w,0,7,0);x.stroke()}

Feb 25 2017 1:05 AM UTC

}// 133/140

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

u/iverjo

Cool, it almost looks like 3D
u/gormisdomai

You're right, maybe I should not try to make one which actually does the 3D rotation calculations

show FPS hide FPS share fullscreen

Aaron.goshine

remix of d/1360 by u/Aaron.goshine

function u(t) {

h=1e3;f=()=>Math.random()>.5?9:-9;t?x.fillRect(l=(b+=f()+h)%(h*2),p=(g+=f()+h)%h,21,21):(b=h/2,g=b);x.fillStyle="#"+((1e3+l+p)>>1);

Feb 25 2017 9:51 PM UTC

}// 131/140

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

concurrent

u/iverjo

#random

show FPS hide FPS share fullscreen

hamptonio

remix of d/1301 by u/walsh9

function u(t) {

r=Math.random,T=t*60|0,d=T%64*36,e=(T>>6)*36,s=r()>.5&&e>1,f=s?8:36,g=s?36:8,x.fillRect(d,e,f,g),x.strokeRect(0,0,1920,1080)

Feb 25 2017 4:24 PM UTC

}// 124/140

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

Shortened it some without losing too much I think, not sure what to do with the extra room though.

u/sfz

write a maze solver :D

show FPS hide FPS share fullscreen

Renaud___

function u(t) {

r=Math.random;f=g=>Math.floor(256*r());x.fillStyle=R(f(),f(),f(),0.008);for(i=0;i<99;i++)x.fillRect(2220*r()-300,1380*r()-300,600,600);

Feb 24 2017 11:35 AM UTC

}// 135/140

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

u/5Mixer

Woah, this is awesome. I've got no idea how it works but it's making a dope picture :D
u/Renaud___

Its only chain of random position square with very very low opacity and random color :]
u/sfz

I'm just... I'm... speechless.

show FPS hide FPS share fullscreen

jprctr

function u(t) {

d=24
for(i=1;i<81;i++){
for(j=1;j<46;j++){
v=125+C(t+(j-23)*+(i-40)*S(t))*125
x.fillStyle=R(v,v,v,0.1) 
x.fillRect(i*d,j*d,d,d);
}
}

Feb 24 2017 9:21 PM UTC

}// 133/140

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

u/Uruwi

Reminds me of wavefunction collapse.
u/rhys5584

nice
u/rhys5584

nice
u/katkip

#moire

show FPS hide FPS share 1 remix fullscreen

gabrielsroka

function u(t) {

d=!t?2:d
c.width=w=1920
x.beginPath()
for(Y=d;Y<1080;Y*=1.3)x.moveTo(0,Y),x.lineTo(w,Y)
x.stroke()
d=d>=3?2:d+.1

Feb 26 2017 8:50 PM UTC

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

Tosmatobeef

function u(t) {

f=S(t)*.05;
c.width=1920;for(i=0;i<1180;i++){z=t+(i*f);o=C(z+85)*127+127;x.fillStyle=R(0,o,o);x.fillRect(960*S(z)+960,i-100,100*C(z),100);}

Feb 25 2017 8:44 PM UTC

}// 139/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 4 remixes fullscreen

Kalanchoe

remix of d/1395 by u/Kalanchoe

function u(t) {

r=Math.random
c.width^=0
t?o.push({X:r()*1920,Y:r()*1080,x:0,y:0}):o=[]
o.map(a=>(x.fillRect(a.X+=a.x+=r()-.5,a.Y+=a.y+=r()-.5,s=4*r(),s)))

Feb 26 2017 10:31 AM UTC

}// 139/140

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

Fullscreen! Sometimes when my eyes aren't focused, I can see lights moving around just like this.

u/iverjo

Same here
u/donbright

snowflake remix https://www.dwitter.net/d/1414
u/donbright

tried using this technique in 3d https://www.dwitter.net/d/2112

show FPS hide FPS share 2 remixes fullscreen

sigveseb

function u(t) {

with(x)(F=a=>fillStyle=a)('red'),x.Q=fillRect,Q(0,0,W=2e3,W),F('#fff'),Q(0,390,W,300),Q(500,0,300,W),F('#228'),Q(0,465,W,150),Q(575,0,150,W)

Feb 26 2017 8:27 PM UTC

}// 140/140

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

I really wanted '#e22' for the red, but aint nobody got the bytes for that!

Show more comments…
u/donbright

with(x)(F=a=>fillStyle='#'+a)('e22'),x.Q=fillRect,Q(0,0,W=2e3,W),F('fff'),Q(0,390,W,300),Q(500,0,300,W),F(228),Q(0,465,W,150),Q(575,0,150,W)
u/donbright

sorry the comment went so far right, not sure what happened. but basically it is a 140 char version with e22 for red. nice flag!
u/sigveseb

nice!
u/sfz

I think also instead of x.Q= you can just do Q=
u/sfz

oops, nm, can't delete comment!
u/sigveseb

#flag