Dweets awesomed by u/Tosmatobeef

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

show FPS hide FPS share fullscreen

mmastrac

remix of d/3343 by u/mmastrac

function u(t) {

with(x)for(drawImage(c,0,-6),i=S=1080;i--;)fillText((i>850&&i<900||i>100&&i<150&&~t&2?"⚪⬆⬜":"⚫⚫♠")[~~(Math.random()*3)],i*2,S)

Oct 22 2017 5:59 PM UTC

}// 126/140

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

u/cantelope

a very realistic road.
u/sigveseb

good stuff
u/magna

THIS IS NUTS. (ノಠ益ಠ)ノ彡┻━┻
u/joeytwiddle

#texture

show FPS hide FPS share 1 remix fullscreen

mmastrac

remix of d/3339 by u/mmastrac

function u(t) {

with(x)for(restore(save(),filter='blur(3px)',fillRect(!drawImage(c,0,-9),globalAlpha=.01,S*2,i=S=1080));i--;)fillText(C(i**t)>0||"🔥",i*9,S)

Oct 22 2017 6:22 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 fullscreen

xem

remix of d/3326 by u/xem

function u(t) {

for(i=0;i<65;i++)for(j=0;j<65;j++)x.fillStyle=R(i*9,j*9,C(t)*255),x.fillRect(900+400*S((i+t/9)*3)*C((j+t/9)*1.5),500+400*S((j+t/9)*1.5),5,5)

Oct 21 2017 9:45 AM UTC

}// 140/140

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

made by mistake while working on a rotating sphere :p

show FPS hide FPS share fullscreen

lurifax

remix of d/3292 by u/artfarnaa

function u(t) {

for(c.width|=a=30;--a;x.fillStyle=`hsl(${S(t/9)*360},70%,70%`,x.arc(960+S(b=t+a*6)*54,540+C(b)*54,a*15,0,7))x.moveTo(0,0);x.fill('evenodd')

Oct 20 2017 6:42 PM UTC

}// 139/140

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

u/artfarnaa

Nice. I wonder if it's possible to do multiple colors for each stripe?

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*4,i);i--;x.clearRect(w+(S(q=i/611.2+t/4)*Z)/(Z=C(q)*Z-8)*w,(S(p)-3)/Z*w-99,s=32/Z,s))Z=C(p=i/4.7746)+4

Oct 20 2017 4:09 AM UTC

}// 131/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/artfarnaa

awesome
u/joeytwiddle

Very nice! This makes the dots swirl: p=i*t/40
u/donbright

elegant
u/magna

Awesome!
u/ronrogers

Awesome!VISIT https://www.essayguardian.com/
u/artfarnaa

Outstanding. Your motivating me to up my game. How much of your work is trial and error about what looks cool vs actual engineering?
u/cantelope

artfarnaa, thanks. it's mostly just educated guesses. Most of my dweets start as a pretty concrete idea, then I draw from experience and do my best to fit the idea into 140b. Sometimes I'm successful, and sometimes not. :)

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

x.drawImage(c,C(t)*.2-2,S(t)*.2-2,1924,1084);r=Math.random;x.fillStyle=`hsl(${r()*255},100%,40%)`;x.fillRect(810+r()*300,390+r()*300,20,20)

May 8 2017 11:38 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

New_Core

function u(t) {

for(i=84;i--;)x.fillStyle='hsl('+i*t/9+',99%,50%)',x.rotate(.5173),x.translate(150,-540),x.fillRect(-600+i,-i*11,i*18,i*20)

May 7 2017 7:25 PM UTC

}// 123/140

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

lol, Dont look at it to long.. you'll go crazy! ;)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0;for(i=40;i--;)a=i*50,x.translate(d=960,e=540),x.rotate(S(t)/50),x.lineWidth=10,x.translate(-d,-e/1.05),x.strokeRect(d-a/2,-e,a,a)

May 7 2017 1:25 PM UTC

}// 140/140

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

u/MrM@_S

move the a=i*50 into the for loop to save a byte
u/dwitter

not sure if it's a twisting pyramid or a moving hole

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 PM UTC

}// 136/140

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

dwitter.net | Tosmatobeef (1396)