Dweets by u/Citiral

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 fullscreen

Citiral

remix of d/4160 by u/Citiral

function u(t) {

i=new Image();i.src="http://tny.im/bwl";x.drawImage(i,0,1080-S(t-0.5)*230)
c.style=`transform:rotate(${~~(t/6.1415)*180}deg);`

Dec 27 2017 9:24 PM UTC

}// 126/140

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

I hope this works on all browsers :)

u/OlegSchwann

Unfortunately not. "The page’s settings blocked the loading of a resource."

show FPS hide FPS share 1 remix fullscreen

Citiral

function u(t) {

i=new Image();x.fillStyle="#fee3b8";x.fillRect(0,0,1920,h=1080);i.src="http://tny.im/bwj";x.drawImage(i,0,1080-S(t-0.5)*230)

Dec 27 2017 9:07 PM UTC

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

Citiral

function u(t) {

w=c.width=1920;h=1080;for(i=0;i<w/2;i++)x.fillStyle=`hsl(${C(i)*255},90%,60%)`,x.fillRect(i*2+4*S(t+i),0,1,h),x.fillRect(0,i*2+3*C(t+i),w,1)

Dec 27 2017 4:16 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

Citiral

remix of d/3752 by u/Citiral

function u(t) {

t/=2
t?x.strokeStyle=`hsl(${t*10},90%,60%)`:x.t=x.translate
x.rotate(t*S(t))
x.t(20,5)
x.lineTo(0,0)
x.stroke()
x.beginPath()
x.lineTo(0,0)

Dec 27 2017 12:39 AM 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 1 remix fullscreen

Citiral

remix of d/3712 by u/Citiral

function u(t) {

x.t=x.translate
t?x.strokeStyle=R(S(t)*255):x.t(960,540)
for(i=2;i--;x.t(0,37*i)){x.rotate(t*S(i))
x.lineTo(0,0)}
x.stroke()
x.beginPath()

Dec 26 2017 11:45 PM UTC

}// 139/140

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

Somewhat managed to get color working, barring some expenses.. Big props to Xen for helping me minify this code!

show FPS hide FPS share 1 remix fullscreen

Citiral

function u(t) {

x.t=x.translate
x.lineWidth=3
if(!t)x.t(960,540)
x.save()
for(i=3;i--;){x.rotate(t*S(i)*2);x.t(0,97*i)}
x.lineTo(0,0)
x.restore()
x.stroke()

Dec 26 2017 10:13 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 had implemented so many more features, like a nice gradient while drawing, but had to scrap a lot to get it in 140 characters... :( DwitLonger please!

Show more comments…
u/lionleaf

Neat! At first thought it was a lopsided <3 :P
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Citiral

Ooh, that's a really neat trick, thanks! And here I was, so proud of my for loop :p
u/Xen

why that needed to post twice i have no idea :-(
u/Xen

for(i=3;i--;x.t(0,97*i))x.rotate(t*S(i)*2)
u/Xen

there will be a messaging system shortly, will come in handy for shaving that last pesky byte

show FPS hide FPS share 15 remixes fullscreen

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8:51 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 more comments…
u/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share fullscreen

Citiral

remix of d/3693 by u/Citiral

function u(t) {

  c.width=1920;s=40;for(i=0;i<1920;i+=s){for(j=0;j<1080;j+=s){f=s*(S(1.5*t+i+j)+1.1)/2;x.fillRect(i+f,j+f,s-f*2,s-f*2)}}

Dec 26 2017 8:34 PM UTC

}// 120/140

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

u/sigveseb

this looks nice!

show FPS hide FPS share 3 remixes fullscreen

Citiral

function u(t) {

  c.width=1920;s=40;for(i=0;i<1920;i+=s){for(j=0;j<1080;j+=s){f=s*(S(0.5*t+i+j)+1.1)/2;x.fillRect(i+f,j+f,s-f*2,s-f*2)}}

Dec 26 2017 8:32 PM UTC

}// 120/140

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

u/darrencearnaigh

Very relaxing to watch!

You've reached the end.

dwitter.net | Citiral (276)