Random dweets | Dwitter

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

metamero

function u(t) {

}c.outerHTML=0;{

Jan 21 2021 2:18 PM UTC

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

Xen

function u(t) {

x.beginPath(N=500),x.arc(900+S(t/(S(t)+9))*N,N+C(t/(C(t)+7))*N,50,0,7),x.stroke(),x.strokeStyle=R(t*9%N,0,t*N%N,C(t/2)+1.1)

Sep 20 2017 6:07 PM UTC

}// 123/140

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

kinda just wanders till it makes a square lol

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

with(x)for(j=0;j<25;j++)beginPath(fillStyle=R(q=(r=j*99)**2/2e4-(Y=S(T(t*5))*9),q)),arc(X=960,Y+=540,2e5/r,2.1,1),fill(arc(X,Y,5e5/r,1.1,2))

Dec 9 2018 12:53 AM UTC

}// 140/140

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

Oncoming Train

u/iverjo

#light #train

show FPS hide FPS share 3 remixes fullscreen

BuRRak

function u(t) {

c.width|=0
P=(L,A,N,E,T)=>{x.fillRect(I=L+C(T)*N,J=A+S(T)*N,E,E);x.fill();return[I,J]}
P(...P(...P(960,540,0,50,0),250,20,t),100,10,t*6)

May 4 2018 7:25 PM UTC

}// 138/140

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

Solar system. I was unable to make it with arcs, tho

u/iverjo

Thumbs up for the P=(L,A,N,E,T) :D
u/katkip

Awesome! that P=(L,A,N,E,T) easter egg is genius

show FPS hide FPS share fullscreen

Xen

remix of d/29009 by u/rodrigo.siqueira

function u(t) {

t?Z=240-t*t:z=1
K=!t||K+3
for(i=3e3;i--;z^=1)x.fillStyle=R(z?Y=C(i/Z-S(i/Z-S(i/80)*C(i/K+t))*t)**2*Z:Z*i,Z^Y,K^Z/7),x.fillRect(i,K,.9,z?3:2)

Dec 1 2023 6: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).

remix and fit

u/Xen

#art

show FPS hide FPS share 3 remixes fullscreen

mxfh

remix of d/2390 by u/mxfh

function u(t) {

s='l280 485h-560'
x.fill(new Path2D('M940 55'+s+s+'m840-485'+s))

Apr 2 2017 8:18 AM UTC

}// 64/140

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

a bit more brute force; but hey: Triforce in 4³ bytes

u/cantelope

incredible
u/magna

HAX!
u/mxfh

#minimalistic #logo #path2d #64 #triangles #triforce
u/mxfh

#64B

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/32681 by u/magna

function u(t) {

for(c.width|=j=100,x.scale(A=70*(1+.3*S(t)),A);j--;)for(i=8;i--;"䁾䂁䂁䂥䂥䂁䂁䂁䂁䂁䃕䂫".charCodeAt(j|=0)>>i&1&&x.fillRect(5+i+S(j+t)*j/25,j,1,1));

Nov 4 2024 2:15 PM UTC

}// 137/140

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

Animated #ghost

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/36082 by u/taupelink

function u(t) {

eval(unescape(escape`昽甽㸨㠪匨甯㈩⨪㈭㐫䌨甯㌩⤪⨲⼸㭦潲⡩㵫㴱攴㭩ⴭ㭸⹦楬汒散琨㘴〫爪匨栩ⰳ㘰⭲⩃⡨⤬眬眩⥲㴱㠰⩴ⱨ㵩⽫⨶⸳ⱸ⹦楬汓瑹汥㵠桳氨㈴㠬⑻㠰ⴳ⨪⡧㵦⡷㴴⩴⨪⸵⤫昨眫㘪栩☳⥽┬⑻㤶⼫⭧紥Ⱞㅠ`.replace(/u([^D].)/g,'$1%')))

Aug 4 2026 11:51 PM UTC

}// 140/140

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

d/36087

show FPS hide FPS share fullscreen

dannyinthebin

function u(t) {

c.width=1e3
x.font="200px a"
for(i=2;i--;)
x.fillText(['🦕','🚮'][Math.floor(Math.random()*2)],i*190+100,450)

Jan 31 2019 1:54 PM UTC

}// 108/140

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

dannyinthebin