Dweets awesomed by u/joeytwiddle

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

zgrep

remix of d/3078 by u/FireFly

function u(t) {

if(!t)for(c.width|=X=Y=i=0;i<1e5;X=i++%213,Y=i/213|0)f=m=>x.fillRect(9*X+18*m,9*Y,9,9),Math.random()<S(X/9.8)*S(Y/18)-.76&&f(0)+f(17-X%30)

Aug 21 2017 2:47 AM UTC

}// 138/140

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

u/donbright

dude how?

show FPS hide FPS share fullscreen

cantelope

function u(t) {

if(!t){w=1080;p=0.618;s=1.5708}with(x)lineWidth/=p,strokeRect(0,0,w,w),arc(w,w,w,s*2,s*3),stroke(),translate(w+w*p,0),rotate(s),scale(p,p)

Aug 21 2017 12:51 AM UTC

}// 138/140

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

best fullscreen. Couldn't have done it without the help of the dark knight, who prefers to remain anonymous. :)

u/donbright

yeahhhhh!!!!! cool
u/cantelope

there's an odd bug in chrome where if hardware acceleration is disabled, or the dweet appears far down the page, the arcs close their paths and create unwelcome diagonal lines. I have a more robust version but it does not fit in 140b.
u/katkip

#fibonacci

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

P=t?(C(t)+1)*1e6:A=[];B=[X=P>>9,Y=P%1e3,M=P&127,0,7];A.some(([o,p,q])=>Math.hypot(X-o,Y-p)<q+M)||x.beginPath(A.push(B))|x.fill(x.arc(...B))

Aug 20 2017 6:56 PM UTC

}// 139/140

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

A brute force approach to circle packing. A lot of thanks to jsgolf slack channel residents @xem and @qfox helped **a lot** reducing my original 167 characters attempt ( https://codegolf.tk/a/152 ), as in actually doing most of it. I honestly did not think reaching 140 bytes was possible.

u/Xen

done you a remix ;)
u/sigveseb

Excellent stuff
u/iverjo

#dots

show FPS hide FPS share 3 remixes fullscreen

FireFly

function u(t) {

for(i=2e3;!t&&i--;Math.random()>(X**2+(Y-4)**2)**.5/6&&f(7)+f(-7))X=i&3,Y=i>>2&7,f=m=>x.fillRect(240*(i>>5&7)+120-X*m,180*(i>>8)+50+Y*7,7,7)

Aug 20 2017 3: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).

Spritegen! Generates 48 random sprites each time the dweet is run (make a change to rerun the dweet)

Show more comments…
u/sigveseb

I love this!
u/alien

wait WHAT !!
u/alien

D: What is going on here!! how
u/iverjo

How does it work?
u/FireFly

It's a dweetification of an older sprite generator of mine. The idea is to take a "mask" of 0..1 floats and filter a grid of random numbers for when num<mask. In this case the mask is based on euclidean distance from centre. This is done for half the sprite, and then the other half is just mirrored
u/FireFly

(You could also view it as flipping a biased coin for each mask value, with the bias given by the mask)
u/FireFly

The same principle would work just as well with larger sprites too, and more exotic/interesting mask shapes. The same rid of random numbers could be applied to different masks, or to an animated mask, to produce an animation between sprites, too!
u/nystrand

so cool!
u/joeytwiddle

Awesome. I love it. Every single one looks like a space invader!
u/iverjo

Interesting technique. Thanks for explaining :) Also, I agree with joeytwiddle
u/jick

Got a link to the original sprite generator?
u/FireFly

I never really wrote it to be shared, so it's all hardcoded and with really ugly code. I put together this animation though: https://twitter.com/FireyFly/status/80072288…
u/statenlogic

Simple, but effective! Makes me want to play 8-bit games again.
u/donbright

genius
u/joeytwiddle

#hiddengem
u/stiaje

#witchcraft
u/tomxor

#bitmap #sprite
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart

show FPS hide FPS share 1 remix fullscreen

alien

function u(t) {

W=c.width=200
b=x.getImageData(0,0,W,W)
d=b.data
for(i=0;i<d.length;i+=4){
d[i+3]=255
d[i|(i+frame*W>>75)]=150*S(t)
}x.putImageData(b,0,0)

Aug 20 2017 10:16 AM UTC

}// 138/140

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

Glitching...

u/sigveseb

cool!
u/donbright

need to turn the knobs on the back of my wood panelled 70s tv set
u/donbright

or maybe the tracking on my vhs player

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=c.width+=0;i--;x.fillRect(a*w+1e3,b*w+540,m=w/9-9,m))[a,b,z,w=(z+9+T(t))*19]=t?x[i/3|0]:[S(i),C(i),6*i%8-3],x[i/3|0]=[b+a/77,z,a-b/77]

Aug 19 2017 1: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).

Show more comments…
u/iverjo

Respect!
u/joeytwiddle

Wow!
u/cantelope

unreal!
u/n0va

Impressive!
u/FireFly

This one is really cool! Keep it up! :)
u/p01

👍
u/donbright

oh man!!!
u/nystrand

thanks for all the nice comments!
u/13thptr

#d3 #perspective

show FPS hide FPS share 1 remix fullscreen

statenlogic

function u(t) {

for(c.width=d=300,e=2e3;e;a=C(e)*C(d+t),b=S(e),z=C(e)*S(d+t),q=6e3/(z+100),x.fillRect(a*q+150,b*q+85,r=z>-.1&&2+5*z**4*(a+b),r))d+=e-=.5

Aug 16 2017 8:21 PM UTC

}// 136/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/sigveseb

Stellar!
u/sigveseb

The shading!
u/magna

WOW!
u/donbright

epic win
u/statenlogic

Thanks guys. It's my first dweet.
u/cantelope

this is one of the most amazing dweets i've ever seen. gr8 job!
u/nystrand

really nice first dweet!
u/n0va

I realy like this one, welldone!
u/iverjo

#sphere
u/joeytwiddle

#lighting #shading

show FPS hide FPS share fullscreen

yokljo

function u(t) {

t==0?w=c.width=100:d=x.getImageData(0,0,w,w);for(a=256;a--;d.data[a*~~(S(t*w/a)*w)]=a);x.putImageData(d,0,0)

Aug 12 2017 10:50 PM UTC

}// 108/140

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

This does some whack stuff on my desktop Chrome, which you may see if you attempt to edit the code (put a space at the end or something)

u/yokljo

Here is the minimum requirements for the weird Chrome bug to occur: t<.1?w=c.width=100:d=x.getImageData(0,0,w,w);x.putImageData(d,0,0)

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

m='ŐߴོߴՔનᚥ᪩ȠԔ';for(i=99,s=i*T(t);i--;Y=i/9|0,c=m.charCodeAt(Y)>>2*X-2&3,r=(c&1)<<8,x.fillStyle=R(r,r,(c&2)<<7),x.fillRect(s*X,s*Y,s,s))X=i%9

Aug 12 2017 9:37 AM UTC

}// 140/140

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

Minion Stuart

u/joeytwiddle

Sorry it's a bit late. I tried to do one with vectors before, but it took too many chars! Can you manage it? :)
u/joeytwiddle

#movie #tribute
u/Xen

always epic, late or early...

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

x.strokeRect(3,4,W=1912,H=1072)
x.drawImage(c,X=4+S(t),X,W,H)
x.strokeStyle=`hsl(${t*W},99%,50%`

Aug 11 2017 9:44 PM UTC

}// 96/140

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

is that a rainbow i see over london town...

dwitter.net | joeytwiddle (61494)