Dweets awesomed by u/f8f82804

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

Pascal

function u(t) {

t?onmousemove=e=>x.fillRect(e.x-25,e.y-25,50,50):c.width=innerWidth,c.style.filter='blur(9px)contrast(99',x.fillStyle=`hsl(${99*t},80%,30%)`

Jan 7 2021 7:53 PM UTC

}// 140/140

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

move the #mouse to paint

u/erin

i love what i've incited. the renaissance of canvas filters. beautiful.
u/aleamb

#paint #interactive #blur

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/21190 by u/RealPeha

function u(t) {

if(t%2<.2)for(c.width|=w=210,Y=5;Y--;)for(X=3;X--;)~~(Math.random()*2)&&(x.fillRect(X*w,Y*w,w,w),x.fillRect((4-X)*w,Y*w,w,w))

Jan 7 2021 11:36 AM UTC

}// 125/140

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

GitHub avatar #generator (only BW and generates a new one every 2 seconds)

show FPS hide FPS share fullscreen

jwc

function u(t) {

for(t/=.6,c.width|=i=32;--i;)for(j=18;--j;x.fillRect(60*i-20*C(j+t),60*j-20*S(i+t),s,s))d=9-((16-i)**2+(9-j)**2)**.5/4,s=3+d*C(d/.8+t*2)**2

Dec 23 2020 4:05 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 2 remixes fullscreen

pavel

function u(t) {

with(x)for(fillRect(i=-710,i,i*=-2,i);i--;clearRect(20+9*S(a=i+t),2,w=C(a),w>0))setTransform(16,0,0,16,960,540),rotate(i/226)

Dec 15 2020 11:04 PM UTC

}// 125/140

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

Torus Study #1

u/magna

WOW!
u/vovanmozg

fantastic!

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+130*C(a=Math.PI/4+(p+p/4&1||-1)*(369/13*d+3*t)),240+p%4*200+130*S(a),d,d))d=i%120/9,p=i/120|0

Dec 1 2020 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).

#beesandbombs demake https://twitter.com/beesandbombs/status/1327…

u/rep_movsd

If you stare a bit, you see white lines completing the circles - an optical illusion
u/danny@hille.dk

save 9 bytes for(i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+130*C(a=.8+(p+p/4&1||-1)*(28.4*d+3*t)),240+p%4*200+130*S(a),d,d))p=i/120|0,d=i%120/9
u/danny@hille.dk

120/9 = 40/3
u/danny@hille.dk

129 bytes -> for(m=120,i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+m*C(a=.8+(p+p/4&1||-1)*(28.4*d+3*t)),240+p%4*200+m*S(a),d,d))d=i%m/9,p=i/m|0

show FPS hide FPS share fullscreen

Germain

function u(t) {

c.width=1980
for(var a=4;a<45;a++){
x.font=a*9+"px a"
x.fillText(a==44?"🐸":"🟢",700-C(t*3+a/5)*150,120+(a*a*2.3)/5)}

Nov 22 2020 12:48 PM UTC

}// 115/140

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

#emoji

u/ciaccodavide

SnakeFrog!
u/danny@hille.dk

So I made some minor tweeks - now I'll never sleep again: for(c.width|=a=45;--a;)x.font=450-a*9+"px a",x.fillText(a==1?"🤡":"🍩",800-C(t*3+a/4)*155,800+(a**1.72*S(t)))
u/danny@hille.dk

Shave off 5 chars: for(c.width|=a=45;a--;x.fillText(!a?"🤡":"🍩",800-C(t*3+a/4)*155,800+a**1.72*S(t)))x.font=450-a*9+"px a"
u/Germain

Yuck ! :D

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19550 by u/tomxor

function u(t) {

for(w=c.width&=i=8320;i--;u[i]=t?p<w?r%.7*(p+u[i-w]+u[i-w+1])&w-1:p:(~r-14&16)<<r*.6)p=u[i],x.fillRect(i%w,Y=68-i/w,1,p**.4/7-Y/w),r=i*t^i&Y

Aug 19 2020 11:53 PM UTC

}// 140/140

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

#castle #fire

Show more comments…
u/tomxor

Took some hints from d/11257 for the fire, but made it more minimal. Thanks to u/KilledByAPixel for the c.width&= trick that allowed to fit some nicer gradient and fire effect.
u/jellyedwards

That's incredible! How does the c.width&= trick work?
u/KilledByAPixel

c.width is 1920, 1920 & 8320 is 128, this way you don't need to write 128 for the width
u/tomxor

This is a bit verbose, but I found it easier to understand in binary: 1920 == 0b0000011110000000; 8320 == (8192 | 128); 8320 == 0b0010000010000000; (1920 & 8320) == 0b0000000010000000. In other words i needs to be roughly 8e3 to fill the screen, 8192 (the 14th bit) is not in 1920 so we can use it without affecting w. w needs to be quite small, 128 (the 8th bit) is the lowest bit available in 1920, which is why it's produced with AND.
u/magna

This is nuts.
u/magna

Please do a write-up on this Dweet.
u/jellyedwards

Thanks for the explanation
u/aleamb

absolutly amazing
u/DataMeta

+1 to magna's request
u/joeytwiddle

Pretty great!
u/13thptr

What u/magna said.
u/Xen

Sexy business right here
u/tomxor

Ok why not, I will do writeup, but need to make blog first :P I will post here and discord when done.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/19540 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(var i=5e3;i--;x.clearRect(150*X+980,1e3-Y*99-460,4,4))
var X=(U=S(i+t)+3)*S(i*i)+S(t-i),Y=U*C(i+S(X)+C(t)*4)

Jul 30 2020 6:52 PM UTC

}// 136/140

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

Thin moving tube

show FPS hide FPS share 5 remixes fullscreen

tomxor

remix of d/19547 by u/tomxor

function u(t) {

for(c.width=w=127,i=8e3;i--;t?p&T[r=t&2?i-w-r%3:i+w+r%3]<1&&--T[i]&++T[r]:T[i]=r%3)p=T[i],x.fillRect(X=i&w,Y=i>>7,1,p/3),r=i*t^Y/6&X/6

Jul 29 2020 11:41 AM UTC

}// 134/140

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

#Serpinski #Hourglass v2

Show more comments…
u/tomxor

Removed the pseudo random left bias and made 1 bit, more sandy :)
u/tomxor

#sand #electric
u/magna

This is epic.
u/KilledByAPixel

amazing!
u/13thptr

incredible
u/13thptr

incredible
u/DataMeta

phenomenal #physics
u/Xen

lovejit
u/tomxor

Thanks u/KilledByAPixel for the original idea and implementation!
u/IV

ooh, you do the best stuff!
u/andrea270872

Wow!
u/donbright

these are incredible
u/joeytwiddle

Impossible! 🤩
u/vain

cool

show FPS hide FPS share 1 remix fullscreen

Billedluh

function u(t) {

x.font="3em'",x.fillRect(0,0,w=3e3,w)
for(i=0;i<w;i++)x.fillStyle=R(225-i/5),x.fillText(String.fromCodePoint(i+(t*(r=50)|0)*r),i%r*r,r*i/r)

Jul 16 2020 4:50 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 me all the Unicode please

u/tomxor

🍿
u/DaSpider

Too slow for mobile, frame timed out.
u/donbright

works ok on my ten year old laptop though
u/tomxor

Ten year old laptops are the best... goodbye dennard scaling

dwitter.net | f8f82804 (21243)