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 1 remix fullscreen

DirtyDan

function u(t) {

for(c.width+=i=0;i++<99;x.globalCompositeOperation='xor')x.beginPath(x.fill()),x.arc(960+i*T(a=3*S(t)),540+3*C(T(i/120+(a<0?t:-t))),i*5,0,7)

Mar 25 2018 6:22 PM UTC

}// 140/140

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

If you want to remix, for extra space delete "a=" and replace "(a<0?t:-t)" with t. That stuff just reverses the direction of the ripple depending on what side it's on.

u/magna

Awesome!
u/DirtyDan

check out d/6724
u/DirtyDan

* d/6812

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

with(x)for(w=c.width|=i=0,translate(w/2,540);i++<500;r=2*w/i,rotate(o=S(t/35)),fillStyle=`hsl(${o*45*i},100%,50%)`,fillRect(m=-r/2,m,r,r));

Mar 25 2018 6:13 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 fullscreen

BirdsTweetCodersDweet

remix of d/7410 by u/fujimotos

function u(t) {

for(c.width=i=120;i--;)
z=Math.min(-t+i/4,0),-1,
x.setTransform(a=C(z),b=-S(z),-b,a,80+8*i+-25*t,i/10),
x.fillRect(15,4,-5,-10)

Mar 25 2018 5:13 PM UTC

}// 127/140

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

Stairway to heaven.... And back?! I don't even know anymore :D

u/BalintCsala

I'm pretty sure you can remove the leftover ,-1 from the max

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7410 by u/fujimotos

function u(t) {

for(c.width=i=120;i--;)
z=Math.max(Math.min(-t+i/4,0),-1),
x.setTransform(a=C(z),b=-S(z),-b,a,80+8*i+-30*t,i/10),
x.fillRect(15,4,-5,-10)

Mar 25 2018 5: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).

Anti-gravity dominoes :D

u/BirdsTweetCodersDweet

Had to shrink it to golf... Full dweet: for(c.width=i=600;i--;) z=Math.max(Math.min(-t+i/4,0),-1), x.setTransform(a=C(z),b=-S(z),-b,a,400+40*i+-150*t,i/2), x.fillRect(54,100,-25,-80)

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(w=c.width=1920,i=500,translate(w/2,540);i--;r=w/i,rotate(T(t/75)),strokeStyle='#'+5*i,strokeRect(m=-r/2,m,r,r));

Mar 25 2018 5:08 PM UTC

}// 123/140

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

(Also looks way better in full screen.)

show FPS hide FPS share fullscreen

yonatan

remix of d/7461 by u/Agnes

function u(t) {

c.width|=0
a=Math.abs
for(i=99,s=400;i--&&s>10;s/=a(C(t))+a(S(t)))x.setTransform(A=S(t*i),B=C(t*i),-B,A,960,540),x.strokeRect(-s,-s,s*2,s*2)

Mar 25 2018 5:08 PM UTC

}// 140/140

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

https://askalice.me/twojs-paradox-fractal/

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

with(x)for(w=c.width=1920,i=100,translate(w/2,540);i--;r=w/i,rotate(T(t/30)),strokeRect(m=-r/2,m,r,r));

Mar 25 2018 4:46 PM UTC

}// 103/140

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

(Looks way better in full screen.)

u/joeytwiddle

#tunnel #spiral #mercury #timeless #doctor_strange

show FPS hide FPS share fullscreen

magna

remix of d/7457 by u/magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))x.fillStyle=`hsl(${120*i},99%,${(S(i*j+t*9)+1)*25}%`

Mar 25 2018 3:59 PM UTC

}// 116/140

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

#crt

u/magna

#rgb

show FPS hide FPS share 2 remixes fullscreen

magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))x.fillStyle=`hsl(${120*i},99%,${Math.random()*50}%)`

Mar 25 2018 3:51 PM UTC

}// 116/140

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

CRT template

u/magna

Thanks u/firefly for the hsl() idea
u/magna

Right, usernames are case-sensitive :) Meant: u/FireFly
u/magna

#crt
u/magna

#rgb

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7446 by u/prplz

function u(t) {

c.width=w=800
t||(x.fillText(x[f='font']=1+x[f],0,90),d=x.getImageData(0,0,w,w))
for(i=w;i--;)x.putImageData(d,0,T(i/300+t)*9+200,i,0,1,w)

Mar 25 2018 2:53 PM UTC

}// 138/140

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

Flowing text

u/prplz

#text