New dweets | Dwitter

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

gregory

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.arc(C(t*i)*100+900,S(t*i)*100+500,300,0,6.28);x.stroke();}

Jan 25 2018 2:22 AM UTC

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

yonatan

remix of d/6408 by u/yonatan

function u(t) {

t?x.d=x.drawImage:c.width=w=256
x.d(c,-2,1,260,2e3)
for(i=0;i++<w;x.fillRect(i,0,1,1))x.fillStyle=R(r=150+t*i**4%w,r,w)
x.d(c,-9,31,374,700)

Jan 25 2018 2:08 AM UTC

}// 140/140

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

u/magna

Nice!
u/joeytwiddle

JSConf Asia approves!
u/yonatan

#water #waterfall
u/sigveseb

Pretty sweet

show FPS hide FPS share fullscreen

@no_identd

remix of d/6447 by u/DirtyDan

function u(t) {

c.width=1920
for(i=b=540;i>0;i-=.5)x.beginPath(),x.ellipse(a=960+i*S(t+i*2.5),((i**2.214297)/i+i+200)/2,i/b*200,i/b*50,0,0,44/9),x.stroke()

Jan 25 2018 1:56 AM UTC

}// 139/140

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

This one has an illusion built in. You can mentally switch the rotation of what you see, which you may perceive as a 3D shape.

u/@no_identd

Also, if you add x.globalCompositeOperation='xor', like u/DirtyDan did here: https://www.dwitter.net/d/6430, you can STILL mentally flip it.
u/@no_identd

Actually, I've noticed, u/DirtyDan's original of this also has this illusion built in!

show FPS hide FPS share fullscreen

@no_identd

function u(t) {

c.width|=0
for(i=0;i<36;){x.fillRect(860+S((i/(i/1.3324789))/(2.3999631)*t-i)*860,30*i++,200,25);}

Jan 25 2018 1:44 AM UTC

}// 98/140

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

if you look at it with the right mindset, you can see a rotating 3D shape in this.

show FPS hide FPS share 2 remixes fullscreen

DirtyDan

remix of d/6409 by u/DirtyDan

function u(t) {

c.width=1920
for(i=b=540;i>0;i-=.5)x.beginPath(),x.ellipse(a=960+i*S(t+i*2.5),i*2,i/b*200,i/b*50,0,0,44/7),x.stroke()

Jan 25 2018 1:40 AM UTC

}// 117/140

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

Made huge improvements on the original

u/@no_identd

Remix: https://www.dwitter.net/d/6449

show FPS hide FPS share fullscreen

shalin

remix of d/4716 by u/CliffJonesJr

function u(t) {

c.width+=i=0
for(;i++<100;){x.font=(200+i*6)+'px A'
x.fillText(i<9?'ۺ':i<28?'༆':i<20?'؄':'ڜ',860+22*i*C(a=t*i/8),500+22*i*S(a))}

Jan 25 2018 1:02 AM 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

donbright

remix of d/6160 by u/zanella

function u(t) {

Q=(x,y)=>x*x+y*y
for(i=N=128;i--;)for(j=N;j--;)B=Q(i,j),G=Q(N-i,16-j),P=Q(9-i,N-j),x.fillStyle=R(P%B%G,B%G%P,G%P%B),x.fillRect(i*8,j*8,8,8)

Jan 25 2018 1:02 AM UTC

}// 139/140

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

zanella got me thinking more about math... d/6378 was basic color... this doesn't look like much but the theory is interesting to me....a circles-and-squares pseudo fractal, but with the added idea of "centers of gravity" from which the modular arithmetic create patterns against each other. it's incredibly slow so animation is almost pointless. but i like the idea still.

u/iverjo

cobweb

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/6098 by u/zoulei

function u(t) {

c.width=2e3;v="Z L";x.font="24em ARIAL";for(var   j=0;j<10;j++)for(var i=0;i<10;i++)x.strokeText(v,600+j*S(t),6e2+C(t*2)*20*i);

Jan 25 2018 12:10 AM UTC

}// 127/140

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

Golfed and fixed the weird moire when it went up...

u/BirdsTweetCodersDweet

Possibly wrong remix source, oh well - I tried...

show FPS hide FPS share 1 remix fullscreen

bepisTM

function u(t) {

c.width+=0
for(i=9;i--;)x.fillStyle=`hsl(${40*i-240*t},95%,60%)`,x.fillRect(500+i*100,880+500*((t+i/7)%2)**2-(t+i/7)%2*1e3,50,200)

Jan 24 2018 10:26 PM UTC

}// 130/140

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

u/BirdsTweetCodersDweet

Nice!
u/iverjo

#default

show FPS hide FPS share fullscreen

twchapman

function u(t) {

c.width|=0;k=500
t%=60
for(i=0;i<19;i++){z=C(t+i/3)+.5
x.fillStyle=R(0,0,0,.5+z/2)
x.fillRect(800+S(t+i/3)*k,k-z*20,50,200+z*40)
}

Jan 24 2018 10:20 PM UTC

}// 130/140

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

u/joeytwiddle

#default henge
u/UEZ

#carousel