Top dweets of all time

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

MrM@_S

function u(t) {

if(!t)c.width=r=g=b=590
f=255
onmousemove=e=>{E=e.pageX;X=e.pageY}
onkeyup=e=>r+=b+=g+=2
x.fillRect(E,X,9,9)
x.fillStyle=R(r&f,g&f,b&f,.1)

Apr 17 2017 1:45 PM UTC

}// 138/140

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

[paint editor] use the keyboard to change the paint and use your mouse to draw

u/magna

You can hijack a global that you don't use like S, C or T instead of E to avoid that initial "ReferenceError: E is not defined" error.
u/MrM@_S

oh thanks

show FPS hide FPS share fullscreen

magna

function u(t) {

with(x)
font='80px arial',
textAlign='center',
fillText('Dweet Wishlist',X=960,400),
fillText('Enter your dweet wishes as comments.',X,X)

Apr 8 2017 10:04 PM UTC

}// 137/140

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

Dweet Wishlist - enter your idea/wishes and inspire others to create those dweets!

Show more comments…
u/magna

Subpixel rendering
u/magna

https://en.wikipedia.org/wiki/Random_dot_ste…
u/magna

Quarter-circle Truchet tiles: https://en.wikipedia.org/wiki/Truchet_tiles#…
u/magna

https://en.wikipedia.org/wiki/Penrose_tiling
u/cantelope

pretty sure it's not possible in 140 bytes, but anything resembling a voronoi diagram would be peachy.
u/magna

@cantelope: There's one already: https://www.dwitter.net/d/1900
u/donbright

three body gravity system, general relativity simulation, icosahedron, geodesic dome, tesseract rotation in 4 dimensions, fractal generation of human face....
u/cantelope

@magna, I see. It is amazing!
u/joeytwiddle

Make @magna's piano keys playable: https://www.dwitter.net/d/2418 (I tried in /2453)
u/donbright

rotation using imaginary numbers instead of sin/cos, 3d rotation with quaternions, mouse driven particle system, electromagnetism simulation, delaunay triangulation
u/joeytwiddle

More games and puzzles. This road is a starting point: https://www.dwitter.net/d/2201

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2394 by u/Jenky

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(X=e.pageX,Y=e.pageY),fillStyle=R(Y,X,Y,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(X,Y)

Apr 6 2017 2:13 AM UTC

}// 140/140

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

If you set canvas.width to client.width, you can remove the bit that fixes the mouse position. This one only works at the default width (not fullscreen) because I had to hard-code the canvas width to make room for the fade effect. Nesting stroke inside beginPath saved 1 crucial byte. :)

u/cantelope

canvas.clientWidth rather
u/cantelope

i will give 3 gold stars to anyone who can fix the initial "Y is not defined" error :D
u/magna

Since your dweet doesn't use trig, we can hijack C and S as declared variables: https://www.dwitter.net/d/2429
u/magna

Can save another 2 bytes by: R(Y,X,fillRect(0,0,w,w),.2,beginPath(stroke()),moveTo(X,Y))

show FPS hide FPS share 2 remixes fullscreen

shapes

remix of d/2422 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI*1.2;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 1:56 AM UTC

}// 137/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 fullscreen

joeytwiddle

function u(t) {

c.width=2e3;for(i=0;i<9;i++){x.fillStyle=R(99+99*S(t),99+99*S(t*.7),20*i,1);x.fillRect(550+i*100-400*S(t),440+200*C(i/6+6*t)*S(t/7),50,200)}

Apr 3 2017 4:15 PM UTC

}// 140/140

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

Hello dwitter!

show FPS hide FPS share fullscreen

magna

function u(t) {

with(c.style)background='#f5f5f5',border='1px solid #ddd',boxSizing='border-box',boxShadow='inset 0 1px 1px rgba(0,0,0,.2)'

Apr 3 2017 4:25 AM UTC

}// 123/140

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

Hollow dweet

u/donbright

like an empty picture frame at a modern art gallery, nice

show FPS hide FPS share 2 remixes fullscreen

Jenky

remix of d/2393 by u/nowaythisisyourregisterform...

function u(t) {

with(c){t?0:onmousemove=e=>{x[e.buttons?'lineTo':'moveTo'](e.pageX*width/offsetWidth,e.pageY*height/offsetHeight);x.stroke()}}<!--Draw :D-->

Apr 2 2017 4:57 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/donbright

Loved it. Remixed. https://www.dwitter.net/d/2401
u/nowaythisisyourregisterform...

Good stuff!!
u/cantelope

Also remixed. Great job on the mouse handling! https://www.dwitter.net/d/2425

show FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=F=I=69
O=C(t/3)
for(i=F;i--;)I=S(t-i+I*I-O*O),X=i%3*(O-I)+4*I,Y=i/3%3*(I+O)+2*I,Z=i/9*(2-I+O),s=F/Z,x.fillRect(F*i+X*s,9*i+Y*s,s,s)

Mar 31 2017 5:43 AM UTC

}// 140/140

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

Perspective thingy

u/cantelope

nice golfing
u/Qwitter

thumbs up :)

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

c.width^=f=1.06;for(i=10;p=2.093*i+f,i--;)x.lineTo(940+S(p)*(s=i<5?340:700),720+C(p)*s),i%5||(x.fill(),x.fillStyle="#fff",x.beginPath(),f=0)

Mar 31 2017 5:13 AM UTC

}// 140/140

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

A triforce.

u/cantelope

I'd love to see someone else's attempt at this. Feel like I did it the hard way :s
u/sigveseb

Maybe there is a Unicode triangle you can use?
u/cantelope

@sigveseb, I would worry about subtle variations in display size/position across browsers. but that's a great idea.
u/donbright

im thinking maybe some kind of sierpinski style but it wont be easy

show FPS hide FPS share 2 remixes fullscreen

nonce

function u(t) {

c.width=600
x.font='9em a'
x.fillText(['🚗','🚃','🚙','🚚','🚌'][(_=~~(t/2))%5],620-(t*512&1023),250)
c.style.filter=`hue-rotate(${_*60}deg`

Mar 31 2017 3:41 AM UTC

}// 135/140

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

Traffic

u/nonce

(count the colors)
u/cantelope

i think i saw my car!