Dweets awesomed by u/panorrrama

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

joe.m

remix of d/15836 by u/joe.m

function u(t) {

t?0:q=j=4900,d=[-1,99,1,-99]
x.globalCompositeOperation='xor'
j+=u[q]?-1:1
u[q]^=1
q+=d[j%4]%9801
x.fillRect(19*(q/99|0),10*(q%99),18,8)

Sep 28 2019 2:08 PM UTC

}// 136/140

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

langton's ant. Chaos becomes order after about 10k iterations, wait for it...

u/joe.m

#emergent #automata
u/KilledByAPixel

Welcome to the #ant club!
u/Xen

nice!

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

with(x)for(j=4;j--;fill())for(beginPath(i=8);i-=2;fillStyle=j%2?'#555':'#fff')arc(960,540,2**([1,t%=3,2,5][j]+t/3+6),a=(i+t/3+(j<2))/.955,a)

Sep 11 2019 5:07 AM UTC

}// 140/140

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

Splitting triangle

u/pavel

From https://dribbble.com/shots/1678788-Splitting…
u/KilledByAPixel

▲
u/joeytwiddle

#infinite #loop

show FPS hide FPS share 1 remix fullscreen

nystrand

function u(t) {

for(r=777,i=2e3;i--;x.fillRect(a+r,b+r,29,19))a=t*i*i*r%2e3-r,b=i-r,g=i/3+S(t)*a/24,x.fillStyle=R(A=S(t+a/g)*S(C(t/2)+t-b/g)*i,A+a/8,A+b,.3)

Sep 9 2019 7:02 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/yonatan

Nice one! How does it work?
u/yonatan

Oh I get it, a and b are coords used to generate the pixel color with g as tilt
u/pavel

very nice
u/13thptr

great style
u/aleamb

fucking awesome!!
u/KilledByAPixel

👍
u/magna

wowza
u/iverjo

Wow, very nice!
u/vain

Incredible

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(i=a=c.width|=0;i--;x.fillRect(i,i^X?F(i):Y,9,15))t?F=f=>S(f/99+t)*66+999:X=Y=v=b=0;Y+=++v;if(Y>F(X=(X+a+b)%a))Y=F(X),v=-v,b+=C(X/99+t)*9

Sep 7 2019 6:56 PM UTC

}// 140/140

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

Gravity on a curved, moving surface

Show more comments…
u/KilledByAPixel

👍
u/atgz

very impressive
u/metamero

nice!! #gravity #physics
u/0x04

Nice to see that you cracked the 140 char mark! 👌
u/joeytwiddle

Like a roulette simulator! Can you guess where it will stop?
u/katkip

I consider this a life form
u/iverjo

Impressive for a dweet!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=k=0;k<50*t;x.ellipse(960,540-750*(i%2-.5)*y,r=400*(1-y*y)**.5,r/3,0,a=(2*i+k++%2-t)%16*.393,a))i=k/98|0,y=k%98/49-1
x.stroke()

Apr 9 2019 12:06 AM UTC

}// 139/140

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

Single stroke beach ball sketch

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

t?onmousemove=e=>X=e.x:X=99
F=a=>x.fillRect(i-a*X,a*50,a/5,h>0?0:h)
for(c.width=512,i=2e3,h=k=0;i--;F(!F(3)),F(5))h+=k=i*i%15<1?S(i**4):k

Dec 5 2018 7:36 AM UTC

}// 137/140

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

Parallax Mountains #interactive - use mouse

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5:41 PM UTC

}// 140/140

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

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

asteriskman

function u(t) {

x.font='99px a',x.n=x.n||.02
if(t>x.n)r=new Date%4,l=[...'CGTA'][r],i=t|0,x.fillStyle=R(r*85),x.fillText(l,70*(i%27),99+80*((i/27)|0)),x.n++

Jan 15 2018 2:30 PM UTC

}// 140/140

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

testing saving state between calls of u(t) in a property of x

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

w=c.width|=0
r=x.clearRect.bind(x)
x.fillRect(0,0,w,w)
r(950+C(T=t*30)*70,490+S(T)*70,20,20)
r(0,950,t*4,10)
r(40,1e3,10,40)+r(60,1e3,10,40)

Apr 3 2017 1:23 AM UTC

}// 140/140

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

Buffering... Please wait...

u/nonce

ok, I am embarrassed to say that I feel for it, assumed that you embedded a video and tried to mash the pause button
u/donbright

@nonce lol me too
u/joeytwiddle

satire of contemporary culture, love it!

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/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/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

dwitter.net | panorrrama (712)