Dweets awesomed by u/zanella

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: #Opposites

show FPS hide FPS share 3 remixes fullscreen

Feiro

remix of d/8739 by u/firegodjr

function u(t) {

with(x)for(fillRect(0,0,k=2e3,k);k--;beginPath(fillStyle="#0001"))arc(960,540,k/4,v=k%4*1.57+S(t*3-k/280)+t,v+.2),strokeStyle="red",stroke()

Jun 28 2018 11:07 AM UTC

}// 140/140

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

red is shorter than any other color! :D

u/firegodjr

Looks like a rose :D
u/Agnes

For the record, strokeStyle="tan" is as short as red.
u/magna

R(k) also seems to work
u/zanella

You can replace 1.57 with 1.6, and use this extra byte to use hex colors instead of red, like #0f0. ;)
u/zanella

Or, if you want to keep it really precise, replace *1.57 with /.64.

show FPS hide FPS share fullscreen

Agnes

remix of d/8761 by u/magna

function u(t) {

c.width=240
with(x)font='6em"',fillText('👌',110,110),rect(0,0,160,1e4),clip(),setTransform(0,1,-1,0,160,30),fillText('☝️',0,100+30*S(t*4))

Jun 27 2018 8:06 PM UTC

}// 138/140

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

Proof of concept. Christ, what am I doing with my life #sex

Show more comments…
u/Agnes

(You may have to tweak the numbers to get it to line up with your emoji set, it looks all right for me on Windows/Chrome)
u/micahcowan

Fixed for Mac/Chrome: c.width=240 with(x)font='6em"',fillText('👌',107,110),rect(0,0,160,1e4),clip(),setTransform(0,-1,-1,0,0,140),fillText('☝️',0,-65+30*S(t*4))
u/micahcowan

(I was thinking it would look better with a clip() when I saw u/magna's. Nice!)
u/katkip

ew
u/Purpzie

no thanks
u/f8f82804

#emoji

show FPS hide FPS share fullscreen

yokljo

function u(t) {

c.width|=0
x.font="900px A"
x.fillText("🏢",g=700,g)
x.font="90px A"
for(i=0;i<9;i++)n=(t+i)*90%350,x.fillText("🚹",g+n/2+i*17,1160-n)

Jun 27 2018 12:55 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/micahcowan

Damn! Worked on Chrome on my Android, but not Chrome on my Mac (weird). The building isn't visible. #emoji
u/joeytwiddle

256px is the highest you can go on Mac Chrome, 324px on Mac Firefox. To work around, scale down the canvas.
u/BirdsTweetCodersDweet

Works fine on Chrome on Linux

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

show FPS hide FPS share 3 remixes fullscreen

firegodjr

function u(t) {

with(x)for(fillRect(p=3.14,0,Y=2e3,Y),k=Y;k--;)arc(960,540,j=k/4|0,v=k%4*p/2+S(t*3-j/70)+t,v+200/j),stroke(),beginPath(fillStyle="#fff1")

Jun 26 2018 1:32 AM UTC

}// 137/140

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

The Orb

u/magna

Whoa!
u/Xen

nice style
u/firegodjr

Thanks guys ^^

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=900
for(j=9;j--;x.beginPath())for(a=T(t/j),i=16;i--;x.stroke())x.lineTo(200+j*60+S(t)*99+S(a+=(7-i)%2*11)*25,240+(i%4>>1)*99+C(a)*9)

Jun 24 2018 9:58 AM UTC

}// 140/140

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

Wireframe #default

Show more comments…
u/aleamb

greeeeat!
u/magna

YAY!
u/joeytwiddle

Brilliant
u/donbright

my gosh....
u/vain

great work / code !
u/joeytwiddle

That's not a #cube, it's eight cuboids!

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/8702 by u/cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle="#0003")Z=C(i)+4

Jun 24 2018 1:47 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 2 remixes fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle=R(v*40))Z=C(i)+4

Jun 22 2018 6:45 PM 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

pythech

remix of d/8694 by u/pythech

function u(t) {

c.width|=0
with(x)for(i=1e3;i--;fill())beginPath(fillStyle=i%2?'#fffe':`hsl(${t*i/3},99%,50%)`),arc(60*(i/3)-t*74,500+400*S(i*t/30),200,0,9)

Jun 22 2018 6:06 AM UTC

}// 140/140

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

#waitforit

u/Galaxtone

Oh my gawd, it just keeps going
u/Galaxtone

I like the bits when it gets stable and makes a line of rainbow, and... it's gone.
u/pythech

#epilepsy alert

show FPS hide FPS share fullscreen

pythech

remix of d/8691 by u/pythech

function u(t) {

with(x)for(c.width|=k=160;k--;fill())i=k&31,j=k>>5,arc(21*i*(5+C(t))+200*i-120*C(t+j*3),200*j+20*C(i+t),190,!beginPath(fillStyle=R(j*65)),9)

Jun 22 2018 4:49 AM UTC

}// 140/140

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

Red sea

dwitter.net | zanella (15449)