Dweets awesomed by u/yokljo

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

yokljo

function u(t) {

if(!t)w=c.width=203
d=x.getImageData(0,0,w,w)
for(a=w*w*3;a--;)d.data[a]?d.data[a+w*4+~(t%6)-2]=w:d.data[-~(t%w*w)]=w
x.putImageData(d,0,0)

Aug 28 2017 9:13 PM UTC

}// 139/140

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

u/donbright

is this like a crazy game of life? very intersting

show FPS hide FPS share 1 remix fullscreen

yokljo

remix of d/3111 by u/yokljo

function u(t) {

h=800;c.width*=1;for(i=64;i--;x.fillRect(h+i*6,y=200+o*25,6,i>2?y:h))x.fillStyle=`hsl(${~t*h^i*2},90%,${i>2?(o=S(t*2+i/6)*i/130+.7)*50:0}%`

Aug 28 2017 6:37 PM UTC

}// 139/140

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

u/donbright

wow
u/joeytwiddle

Yes, very clever
u/joeytwiddle

I really liked the idea of shading the flag, but my remix didn't fit on dwitter: https://codegolf.tk/a/168
u/yokljo

#flag

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3114 by u/joeytwiddle

function u(t) {

for(i=384;i--;x.fillRect(960+r*S(a),540+r*C(a),2,2))s=i>>6,r=i%64,a=1.05*s-3*t+r/64,x.fillStyle=`hsl(${17*s**1.8},75%,55%`

Aug 28 2017 1:58 PM UTC

}// 122/140

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

dweet player loader mac os x edition

u/magna

Added to rotation!
u/joeytwiddle

Unfortunately this spinner and the Android spinner take a moment to get started. And this one gets holes if t makes big jumps!
u/joeytwiddle

#loading

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

c.width*=1;for(i=70;i--;x.fillRect(800+i*5,200+o*40,5,i>2?200:700))x.globalAlpha=o=S(t*2+i/8)*i/130+.7

Aug 26 2017 11:40 PM UTC

}// 102/140

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

u/iverjo

#flag

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3109 by u/yokljo

function u(t) {

c.width|=m=170;for(i=5;i--;x.fillRect(960+m*S(a)-s,540-m*C(a)-s/2,s,s))k=m*t,a=6.28*k/m,a+=(i-2)*(1-C(a))/6,a-=0.8*S(a),s=20+1.4*(1+C(a))**5

Aug 26 2017 4:06 PM UTC

}// 140/140

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

dweet player loader skype edition

u/magna

Added to rotation!
u/joeytwiddle

Thanks :)
u/joeytwiddle

#loading

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

c.width*=1;s=170;n=12;d=Math.PI/n*2;for(i=n;i--;x.fillRect(S(i*d)*s+960,C(i*d)*s+540,o=S(i/2-t*n)*n+n,o));

Aug 25 2017 11:21 PM UTC

}// 106/140

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

u/magna

Added this as a dweet player loader :)

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.width|=0;
for(i=130;i--;)x.ellipse(960,540,i*4,150*S(t+i/50)+150,2*S(t/4)+i*2.1,t,7+t)
x.stroke()

Aug 24 2017 3:05 PM UTC

}// 99/140

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

u/FireFly

Awesome "wire" art! Love it.
u/SilentSword

excellent!
u/d0n.key

Illuminati confirmed - I see triangles everywhere

show FPS hide FPS share fullscreen

magna

remix of d/2403 by u/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*w,10)
r(40,1e3,10,40)+r(60,1e3,10,40)

Aug 24 2017 6:29 AM UTC

}// 140/140

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

dweet player loader

u/FireFly

I keep waiting for it to finish loading…
u/sigveseb

Sweet!
u/magna

#dweetplayerloader
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

yokljo

function u(t) {

n=127
m=960
x.fillStyle=R(S(t*7)*n+n,C(t)*n+n,S(t*23)*n+n)
x.fillRect(C(t/Math.PI*5)*m+m,0,10,10)
x.drawImage(c,S(t),10)

Aug 20 2017 11:14 PM UTC

}// 120/140

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

This was only running at 20 fps on my phone when I wrote it so results may vary

u/Galaxtone

.... Maybe add t/=3
u/Galaxtone

Looks much better with that

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

dwitter.net | yokljo (12394)