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 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...

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(W=(c.width=1e3)/2,i=16;i--;x.stroke())for(j=17;j--;x.lineTo(W+S(p)*S(q)/Z*W,275+C(q)/Z*W))Z=C(p=.785*(i>8?j:i)+t)*S(q=.39*(i>8?i-8:j))-3

Aug 11 2017 6:18 PM UTC

}// 140/140

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

Made a tutorial for this: https://cantelope.org/sphereGolfed

Show more comments…
u/kimber

Your website is an inspiration. Thanks.
u/cantelope

<3 @kimber
u/FireFly

Nice wireframe sphere! :D
u/alien

omg you did it !!!!!
u/cantelope

To give credit where it is due, qfox helped me shave off the last ~10 bytes.
u/donbright

:O:O:O
u/iverjo

That's really impressive. Kudos!
u/n0va

Awesome!
u/joeytwiddle

#sphere #wireframe

show FPS hide FPS share fullscreen

alien

function u(t) {

W=c.width=200;v=(X,Y,R)=>[S(Y+t)*C(X+t)*R+100,S(X+t)*C(Y+t*.5)*R+50]
for(i=0;i<130;i++)
x.lineTo(...v(144*i,5+i*.5,i))
x.stroke()

Aug 11 2017 7:44 AM UTC

}// 129/140

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

dwitter.net | joeytwiddle (63619)