Dweets awesomed by u/pavel

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

FireFly

remix of d/24093 by u/TGY

function u(t) {

with(x)for(i=w=128;i--;fillStyle=R(i%2?fillRect(X=i%16*64,Y=i*8&-w,t=X+Y&w,t)|w:Y/w%7||fillText('♜♞♝♚♛♝♞♜'[X/w^Y/w],X,Y+w)))font=w+'pt s'

Oct 14 2021 10:32 PM UTC

}// 137/140

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

pieces #chess

u/pavel

font='4cm"'
u/FireFly

ohh good one, didn't know about the font-family name trick
u/TGY

now we need to combine 2 dweets into single XD
u/DataMeta

fit them together with compression, but would be more interesting to jam it into 140 :)
u/FireFly

I can do a full chess board in 151c currently, but it *would* be really satisfying to fit it into the 140c without compression tricks indeed

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

for(w=c.width|=i=290;i--;T=S(t*6.28)*R)x.font='40em a',i<99-t/2||i>99?x.fillRect(w-i*9,0,9,w):x.fillText(["🪓","😃"][~~t%2],T<0?R-T:R,R=700)

Oct 14 2021 8: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).

heeeeeeeere's emoji #ScaryMovies

u/pavel

Hah its gets a little wider every hit, nice.
u/lars-erik

No play makes Jack a dull boy! 😄👍
u/sigveseb

love it

show FPS hide FPS share fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r)=>r>1&&x.moveTo(X+r,Y)+x.arc(X,Y,r,0,7)+f(X+r*C(a=(S(b=5*t)-b)/4),Y,r/2)+f(X,Y+r*S(a),r/2)
f(960,540,270)
x.fill`evenodd`

Oct 13 2021 9:44 PM UTC

}// 139/140

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

Some nice math for the 270 initial radius: The half-height is 540, this must equal r+r/2+r/4+r/8+...=r(1+1/2+1/4+1/8+...). Think about the bit in the brackets in terms of pizzas. You have a whole pizza, plus half a pizza, plus a quarter (half the remaining half), plus an eighth (half the remaining), etc. You have two pizzas! So 540=r*2.

u/pavel

Remix of d/11587. I remixed my other remix but that one was boring so I deleted it.
u/ciaccodavide

nice!
u/cantelope

i think about everything in terms of pizzas

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.style.filter='invert(1'
for(i=2;i--;x.fillText(i?'🥚':[...'ALIEN'].join`　　　`,960,200+i*600))x.font=`${3+i*9}cm Arial`,x.textAlign='center'

Oct 13 2021 5:53 PM UTC

}// 139/140

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

One of the best #ScaryMovies of all time

u/tomxor

Yess!
u/magna

More authentic version: d/24101
u/mxfh

'A L IEN'

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

c.width|=0;c.style.filter='blur(1vw)contrast(3)invert(';for(i=64;i--;)for(j=30;j--;)x.fillRect(i*30+j,m=T(t/4+i+S(i-j)),9+m**.4,9+m)

Oct 12 2021 8:37 PM UTC

}// 132/140

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

#ScaryMovies Fear of rain

u/magna

Very realistic!
u/rep_movsd

Without invert it looks cool, maybe add color

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24054 by u/ciaccodavide

function u(t) {

for(m=Math,i=1e4*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.5-X,k=.27-Y),x.fillRect(2e3*X,2e3*Y,69-d*345,1);c.style=`margin:${r()}px`

Oct 12 2021 8:45 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 Ring #ScaryMovies

u/ciaccodavide

maybe I should have used margin:${r()/2}px for a subtler shake

show FPS hide FPS share fullscreen

pavel

remix of d/24072 by u/BackendForth

function u(t) {

for(i=c.width|=0;i-=8;)x.arc(X=960-99*S(t+=.03),540+i,200+i/8,2,8)
x.fill()
h=21*S(t+C(t))
for(j=2;j--;)x.clearRect(X-50+99*j,529-h,11,2*h)

Oct 11 2021 10:31 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/BackendForth

Nice! The blinking makes it much more life-like . . . unlife-like?

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/24073 by u/pavel

function u(t) {

u=h=511;for(c.width|=k=0;k<2;k+=.02)for(i=u=u*5&h;w=i--/4;)x.fillRect(((k||S(i))+t/4)%1*h*5-h-u*T%w,T=h+(i&5?i-u:u-i),k?w:u,2+S(T>h&&w+t*9))

Oct 11 2021 8:36 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/KilledByAPixel

nice!
u/yonatan

Thanks. A little too fast, should have been t/8 instead of t/4...
u/aemkei

Thought the same. t/8 is really a calm beauty!
u/yonatan

Yeah, my screen does 30Hz so I only notice it when exporting to a gif.
u/Joachim

I like the animated #water
u/magna

t/h/9*u for parallax
u/magna

Here we go: d/24088

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/23983 by u/pavel

function u(t) {

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>T(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.6+.3*S(t)):--z*.4

Oct 11 2021 8:13 PM UTC

}// 137/140

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

ripple #raytracing #remix

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width|=0
for(i=b=960;i>-b;i--)x.fillRect(b+i,0,5,640-i*i/1999+(n=S(i/29)>0?59:0)),x.fillRect(b+i,640+250/(1+2**(-t+8))-i*i/999+n,5,2e9)

Oct 11 2021 6:42 PM UTC

}// 137/140

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

Toothy smile? Jack 'o Lantern come to life? #ScaryMovies

u/tomxor

Oh, my first thought was the cheshire cat
u/BackendForth

Ooh, good call
u/sigveseb

nice timing!

dwitter.net | pavel (31984)