Dweets awesomed by u/Woodmouth

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 fullscreen

mildlybean

function u(t) {

R=C;onmousemove=e=>C[~~(e.x/4.4)*64]=1;for(c.width=128,m=8192;m--;n?R[m+1]?0:o<64-1?C[m]=0*(C[m+1]=1):0:0)x.fillRect(m/64|0,o=m%64,n=R[m],n)

Aug 27 2019 11:31 AM UTC

}// 140/140

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

Move your mouse over the canvas. Also, try changing 64-1 to 64

Show more comments…
u/mildlybean

Sorry mobile users
u/katkip

awesome
u/metamero

so relaxing #interactive
u/katkip

It's like a City Builder
u/username

Why you use 64-1 instead of 63? 😂
u/tomxor

because that would only be 139 chars silly :P
u/atgz

138* :P

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=j=15;j--;){Z=800/(q=j+1-t%1),x.fillStyle=R(q*20)
for(i=90;i--;)x.fillRect(960+i%18*Z-Z*9+2*C(t)*Z,540+i%10*Z-Z*5+S(t/3)*Z,Z,Z)}

Jul 27 2019 2: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).

R(q*20,0,0,q) for a soft exit

u/13thptr

woah
u/13thptr

same effect as in https://www.dwitter.net/d/701
u/DataMeta

Dude. This is next level immersive.
u/katkip

Cute
u/username

Applied the smooth thing in d/15169 :)

show FPS hide FPS share fullscreen

pavel

function u(t) {

c.width|=f=k=>(1-3/(4+9e9**(i-.5-t%4)))*w*(-2/(i+k&3)|1)-w/2
for(i=5;i--;x.rect(960+f(2),540+f(1),w,w))w=2**(i?7+t/4%1:12)
x.fill`evenodd`

Jul 18 2019 4:05 AM UTC

}// 138/140

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

St[a]ck (https://www.reddit.com/r/perfectloops/commen…)

u/KilledByAPixel

👍
u/Xen

love it
u/metamero

omg so satisfying
u/iverjo

#perfectloop
u/katkip

Awesome!

show FPS hide FPS share fullscreen

pavel

remix of d/14840 by u/pavel

function u(t) {

x.beginPath(x.lineWidth=FPS=p=Math.PI)
k=frame
k%2?n=99:(n=2+k/2,r/=C(p/n))
for(j=n+1;j--;)x.arc(960,540,t?r:r=60,a=2*p*j/n+11,a)
x.stroke()

Jun 30 2019 10: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).

u/katkip

Wow! Perfect geometry

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/14781 by u/KilledByAPixel

function u(t) {

P=2*Math.PI
t/=2
p=P/(3+~~t%5)
for(w=j=c.width|=0;j--;x.arc(960,540,500*(1+(C(p/2)/C(a%p-p/2)-1)/(1+1e5**C(P*t))),a,a))a=P*j/w
x.fill()

Jun 29 2019 3:01 AM UTC

}// 135/140

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

u/KilledByAPixel

Amazing!
u/katkip

too math for me

show FPS hide FPS share 2 remixes fullscreen

Xen

function u(t) {

for(i=1e3;i--;)x.fillText(i,i|t*i,i)

Jun 27 2019 6:15 PM UTC

}// 36/140

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

36byte #sierpinski triangle

u/KilledByAPixel

Nice! You can also use & instead of | for a slightly different style. i&i/t is also good
u/Xen

i'd say the last is my fav i&i/t
u/donbright

ugh i dont understand how it works.

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/14763 by u/KilledByAPixel

function u(t) {

c.width|=0
with(x)for(j=50;j--;)for(beginPath(i=99);i--||stroke();)arc(j%10*192+96,50+96+(j/10|0)*192,96,q=i*.0641,(q*j+t)%(Math.PI*2))

Jun 25 2019 9:46 PM UTC

}// 135/140

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

Iris Variations

Show more comments…
u/loktar

Awesome!
u/Xen

LOVE IT!
u/donbright

ok thats it. Internet is now complete. no need for anything else
u/magna

#multidweet
u/KilledByAPixel

Mathologer video about this: https://www.youtube.com/watch?v=qhbuKbxJsk8
u/KilledByAPixel

https://www.fxhash.xyz/generative/2216 #fxhash

show FPS hide FPS share 5 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=F=W=>250*W(b=i*.785)
for(i=8;i--;)
for(j=0;j<4;)
x[j++?'arc':'moveTo'](960+F(C),540+F(S),250,z=t/3+j/.637+b,z)
x.fill('evenodd')

Jun 16 2019 6:23 PM UTC

}// 137/140

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

#beesandbombs 🐝 💣

u/katkip

perfection

show FPS hide FPS share fullscreen

veubeke

function u(t) {

with(x)for(i=4;i--;fill(),drawImage(c,8,4.5,1904,1071))beginPath(fillStyle=`hsl(${(t+i)*90},80%,50%`),arc(960,540,535,_=S(t)*9+i*1.57,1.2+_)

Jun 7 2019 4:22 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/MAxSaL

Looks like a loading animation :-)
u/13thptr

#spiral
u/katkip

Mixing
u/donbright

so clean

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(i=4;i--;fill())for(beginPath(j=4),fillStyle=i?R(a=128+50*S(~i%3+13*t),a,a):'#868';a=j--/.64;)arc(960,536-~i%3*5,i<3?300:3e3,a,a)

Jun 6 2019 4:36 AM UTC

}// 139/140

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

The Perpetual Diamond #illusion

Show more comments…
u/pavel

Contrast Reversals Along Thin Edges Create the Appearance of Motion in Objects
u/pavel

https://doi.org/10.1177/2041669518815708
u/katkip

Wow
u/metamero

beautiful!!! #opticalillusion
u/SMON

It's grest but cannot hold a candle to some of your other works. :)
u/agshapiro

love it!

dwitter.net | Woodmouth (6452)