Dweets awesomed by u/Cloud

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

nender

function u(t) {

c.width=2e3;x.lineWidth=6;v=1e3;b=187;n=864;for(i=0;i<9;i++){r=n-(n/=1.7);v+=S(i*t)*r;b+=C(i*t)*r;x.beginPath();x.arc(v,b,n,0,8);x.stroke()}

Mar 5 2019 3:48 PM UTC

}// 140/140

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

saved a few more chars and upped the line width

show FPS hide FPS share 1 remix fullscreen

Ath0r

function u(t) {

f=(i,j)=>{x.beginPath(),x.lineWidth=j,x.ellipse(960,560,...i),x.stroke()}
f([r=300,r,0,0,7],9)
for(i=9;i--;)f([600+20*i,100,9,2.07,1.07],35)

Feb 27 2019 9:41 PM UTC

}// 140/140

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

Saturn #planets

u/Xen

nice!
u/tomxor

#saturn #graphic
u/katkip

#icon
u/Ath0r

I wanted to involve "t" to add some animation but no characters left :(

show FPS hide FPS share 1 remix fullscreen

Ath0r

function u(t) {

c.width=1920
p=[a=960,a/3]
w=i=>[a+300*C(z=t+2.09*i),800+100*S(z)]
f=i=>x.lineTo(...i)
for(i=6;i--;){b=f(w(i));f(p);f(w(i))}
x.stroke()

Feb 26 2019 9:07 PM UTC

}// 135/140

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

My first dweet (simple pyramid)

Show more comments…
u/katkip

Nicee
u/Ath0r

Thanks! It's the first time I've tried, so probably I missed a lot of tricks to reduce characters... Any feedback or tips are welcome! :D
u/13thptr

b is unused so you can remove it :)
u/13thptr

nice dweet btw
u/13thptr

127:c.width=1920 w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)] f=i=>x.lineTo(...i) for(i=6;i--;)f(w(i)),f([960,320]),f(w(i)) x.stroke()
u/13thptr

ugh sorry here it is with semicolons instead of newlines
u/13thptr

c.width=1920;w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)];f=i=>x.lineTo(...i);for(i=6;i--;)f(w(i)),f([960,320]),f(w(i));x.stroke()
u/Ath0r

Thanks a lot for the suggestions, @13thptr! Indeed, I forgot to remove the unused b and the characters you remove by avoiding the definition of p is also very nice :)
u/tomxor

It's a spinning simplex!! :D great 1st dweet
u/Ath0r

Thanks @tomxor :D
u/f8f82804

#d3 #wireframe

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(c.width^=i=0;i++<34;){x.fillStyle=`hsl(${280-i*4},99%,40%,3%)`;x.arc(S((p=i+(0^-t*12)+S(i)/7))*17*i+960,C(p)*17*i+540,0,0,0);x.fill()}

Feb 22 2019 3:41 PM UTC

}// 138/140

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

vertigo 🌀

u/rnbw

(i'm back at this again!)
u/sigveseb

Nice colors!
u/DataMeta

Great stuff.
u/CalSch

Cool! I think it would look cooler if it was at a higher frame rate. Is the frame rate low because of the style? Or is it a performance issue.

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

f=(X,Y,r,a,s,d=1)=>r>.2&&x.lineTo(X,Y)|f(X+C(a-=s/55)*r,Y+S(a)*r,r-r/15,a,s,-d)|f(X,Y,r/3,a+s*d,s*d)
t||f(-60,600,140,0,1)|x.stroke()

Feb 14 2019 10:05 PM UTC

}// 133/140

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

Barnsley-like #fern #fractal

u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

xem

function u(t) {

c.width^=0;x.font="300px arial";s=(t*500)%1080;z=(a,b,c)=>x.fillText(a,(~~(s/b))*b,c);z("15fps",32,300);z("30fps",16,675);z("60fps",8,1050)

Feb 10 2019 7:46 PM UTC

}// 139/140

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

How fast are your eyes?

u/magna

Nice!
u/Galaxtone

(People who think you can only view 30fps): No you just cheated and made 60fps -> 30, 30 -> 15 and 15 ->
u/Galaxtone

7.5*
u/Galaxtone

and I'm like (Me): Why would anyone lie on the internet

show FPS hide FPS share fullscreen

Xen

remix of d/12072 by u/leoseccia

function u(t) {

for(c.width|=i=40;i--;)for(j=80;j--;x.fillRect(j*30+S(i/s*4)*250-300,i*30+C(j/s*2)*50-50,99,3))s=9/S(t/2)

Feb 1 2019 4:48 PM UTC

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

saon

remix of d/11886 by u/katkip

function u(t) {

h=200*C(t)
r=4
c.width*=1;for(i=43;i--;)for(j=71;j--;){
x.fillStyle=R(5*i,0,3*j,.5)
x.fillRect(j*30+S(i/r+t)*h,i*30+C(j/r+t)*h,1.5*i,1.5*j)}

Feb 1 2019 2:52 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 1 remix fullscreen

joeytwiddle

remix of d/12000 by u/yokljo

function u(t) {

for(c.width|=j=20;j--;)for(g=j*120,i=99;i--;)x.fillRect(i?g+i/30*S(1e3/i-t*8+j*j*400)*i/2:g,i?i*5+600:0,120+60*S(j*j*(t|1)),i?5:600)

Jan 31 2019 6:22 AM UTC

}// 132/140

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

A little remix of yokljo's city river

Show more comments…
u/katkip

Huh nice
u/joeytwiddle

Scrolling instead of switching: for(c.width|=j=15+t|0;j-->t;)for(g=(j-t)*180,i=99;i--;)x.fillRect(i?g+i*S(1e3/i-t*8+j**3):g,600+!!i*i*5,-99-80*S(j*j),i?3:-600)
u/username

What is this supposed to be? I only see black squiggly lines..
u/joeytwiddle

I think it's supposed to be buildings reflect in water. for(c.width|=j=20+t|0;j-->t;)for(g=(j-t)*120,i=W=99;i--;)x.fillRect(i?g+i*i/70*S(1e3/i-t*8+j**3):g,500+!!i*i*4,-W-80*S(j*j),i?3:-300-W*S(j))
u/donbright

oh my god
u/joeytwiddle

Please give u/yokljo an upvote. I only tweaked their idea! #water #waves
u/Tekmap

👏👏👏
u/vain

cool fx

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/11965 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=3e3,i);Q=S(--i*i);x.clearRect(960+150*(S(b)*4+S(i+t)*Q),540+150*(C(i*i)-(t%4>2?T(b+t):S(b+t))),4,4))b=i%6+t+(t%2>1?0:i)

Jan 28 2019 2:40 PM UTC

}// 140/140

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

Torus, spheres, flow and bubbles

Show more comments…
u/rnbw

now THIS is a demo!
u/katkip

Yeah he win
u/13thptr

woah
u/joeytwiddle

Superb! Golf the end with i*(t%2>1) or i*!(t&1)
u/rodrigo.siqueira

Thanks @joeytwiddle for the golf trick. i*(t&1) also works and it's even shorter. And I found that t%4>2?... can be converted to t&2?... It works as a counter to change the function each 2 seconds.
u/yonatan

Also, since T and S take the same arguments (t%4>2?T(b+t):S(b+t)) can be (t&2?T:S)(b+t)
u/lionleaf

Wow! Now we're talking
u/vain

Wow, three fx in this tiny code? Great!

dwitter.net | Cloud (15467)