Dweets awesomed by u/Billedluh

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

show FPS hide FPS share 1 remix fullscreen

Billedluh

remix of d/19429 by u/Billedluh

function u(t) {

x.font=`23em arial`
w=3000
x.fillRect(0,0,w,w)
for(i=0;i<4;i++)
{x.fillText('🥪',50*t%w+20*C(t-i), 15*(S(t)-5)*i+w/4,w)
x.fillStyle=R(65*i)}

Jul 15 2020 4:30 AM UTC

}// 139/140

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

Now with more sandwich and less inside joke

u/joeytwiddle

Lil remix: x.font=23em arial,x.fillRect(0,0,w=2e3,w),t*=4 for(i=0;i<4;i++)x.fillText('🥪',50*t%w+20*C(t-i),15*(S(t)-5)*(4+i)+1100),x.fillStyle=R(65*i)
u/joeytwiddle

Lil more remix: x.font="23em'",x.fillRect(0,0,w=2e3,w),t*=4 for(i=0;i<4;i++)x.fillText('🥪',50*t%w+20*C(t-i),15*(S(t)-5)*(4+i)+1100),x.fillStyle=R(65*i)

show FPS hide FPS share 1 remix fullscreen

Billedluh

function u(t) {

x.font=`23em arial`
w=3000
x.fillRect(0,0,w,w)
for(i=0;i<4;i++)
{x.fillText('one two 🥪',20*C(t-i), 15*(S(t)-5)*i+w/4,w)
x.fillStyle=R(65*i)}

Jul 15 2020 4:20 AM UTC

}// 140/140

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

Sandwich On Three

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

t||(document.body.innerHTML=`<textarea id=q rows=10 cols=60><h1>test</h1></textarea><a id=z></a>`)
setInterval('z.innerHTML=q.value',0)

Jul 12 2020 5:30 PM UTC

}// 136/140

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

HTML Editor inside dwitter

u/DataMeta

#interactive

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/18610 by u/KilledByAPixel

function u(t) {

with(x)for(k=i=700;--i;m=i+t*k/2|0,fill(arc(k-i+(r=(S(t*4+m/k)/2+1)*(m%39?1e5:3e4)/i)*S(m*=m),k+C(m)*r,r/2,0,7)))beginPath(fillStyle=R(i/2))

May 7 2020 4:28 PM UTC

}// 140/140

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

Blood #Cavern 🩸 #uncompressed

Show more comments…
u/joeytwiddle

Sweet!
u/KilledByAPixel

#blood
u/katkip

racing inside venes
u/DataMeta

Whoa
u/sigveseb

Smaller and looks better! Nice!
u/joeytwiddle

This is probably the best #tunnel on Dwitter!
u/Ohead

wow, this dweet sent me down a "with" keyword rabbit hole. I've never seen it before!

show FPS hide FPS share 5 remixes fullscreen

pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3)

May 4 2020 7:34 PM UTC

}// 140/140

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

Underwater #cavern

Show more comments…
u/KilledByAPixel

sick
u/KilledByAPixel

looped https://twitter.com/KilledByAPixel/status/12…
u/pavel

One trick here is f();g();h(-1,-1) is the same as h(~f(),~g()) when f and g return a falsy value, undefined in this case.
u/pavel

Notice how none of the distance variables are based on time, only angles are, yet the distances are changing and nothing is rotating...
u/pavel

Try making the moving a little faster :)
u/pavel

After I wrote this I looked for other dweets using a similar technique and this is the earliest one I've found, and it includes an explanation d/10212
u/KilledByAPixel

Amazing work! I have not seen the ~ before, will be using it a lot now. I tried to explain the 60*t trick in one of my blog posts, https://frankforce.com/?p=7160
u/pavel

That is an amazingly detailed explanation with great visual aids.
u/pavel

To clarify your explanation, any integer time works. 60*t is naturally an integer (ish). frame is one char longer without numerical errors. In general, (n*t|0) works for any n.
u/AndrewK

privet
u/katkip

masterpiece
u/joeytwiddle

I think this also counts as a #tunnel
u/Qwitter

Awesome!

show FPS hide FPS share 1 remix fullscreen

sigveseb

remix of d/18368 by u/veubeke

function u(t) {

t||x.translate(960,540);x.rotate(0.005);x.fillRect(-1,-300,2,600);

Apr 21 2020 12:24 PM UTC

}// 66/140

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

#circlechallenge

show FPS hide FPS share fullscreen

yonatan

remix of d/7393 by u/yonatan

function u(t) {

eval(unescape(escape`挮睩摴栽㈰〻景爨搽椽ㄷ〰㭪㵩ⴭ⽤㭸⹦楬汒散琨㤹⬨椭ㅥ㌩⩓⡴⤯㤫匨椩⨨爭愯㐩ⱓ⠳⩪⤪㜵⭃⡩⤪爬㘬㘩⥲㵪㸮㤿㈺㌰⩓⠳⩪⬮㌩ⱸ⹦楬汓瑹汥㵒⡢㴷⨨愽爭匨椪㈩⨪㠪ㄵ⤭匨椪⨸⤪⨸⨳〬截⸸⤻`.replace(/u(..)/g,"$1%")))

Aug 12 2018 11:56 AM UTC

}// 136/140

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

compressed 175 char mottled #banana

Show more comments…
u/yonatan

source: c.width=200;for(d=i=1700;j=i--/d;x.fillRect(99+(i-1e3)*S(t)/9+S(i)*(r-a/4),S(3*j)*75+C(i)*r,6,6))r=j>.9?2:30*S(3*j+.3),x.fillStyle=R(b=7*(a=r-S(i*2)**8*15)-S(i**8)**8*30,b*.8);
u/katkip

Wait wooot! Awesome
u/magna

#bananas (as in cray)
u/joeytwiddle

Thanks for posting! This is my favourite banana.
u/sigveseb

Really cool to see the evolution of the banana in the remix chain
u/fentbiggesthater

i love this banananananananananan!!!

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,200+7e4/d-h,8e3/d,40))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g)

Mar 8 2017 11: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).

Ocean waves

u/donbright

speechless
u/dbonemcshumonster

so dope
u/joeytwiddle

#sea #ocean #water #waves #liquid #wet #salty

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

You've reached the end.

dwitter.net | Billedluh (930)