Dweets awesomed by u/zgrep

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: #ScaryMovies

show FPS hide FPS share fullscreen

zgrep

function u(t) {

r=Math.random,A=!t?[[960,1100,4.7]]:r()<.001**t?[...A,...A]:A.map(p=>[X=p[0]+9*C(a=p[2]),Y=p[1]+9*S(a),a+r(x.fillRect(X,Y,9,9))-.5])

Apr 25 2018 9:32 PM UTC

}// 132/140

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

A growing tree.

u/zgrep

Viciously golfed thanks to u/FireFly and their JS golfing prowess.
u/trancor

I just facepalmed... !t is so much cheaper than t==0 (I've been using...).Well done on the mapped expansion, interesting way to generate a ton of objects.

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

Xen

function u(t) {

t?(x.lineTo(X,y),d&1?y+=d&2?Y:-Y:X+=d&2?-Y:Y,x.stroke(),d+=++i/(i&-i)):(y=500,X=800,i=d=0,Y=9)
    
//Speed Vs Quality: Raise or Lower 'Y=?'

Aug 11 2017 5:13 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/cantelope

great work!
u/Xen

thank you :)

show FPS hide FPS share fullscreen

Xen

remix of d/3056 by u/Xen

function u(t) {

x.fillText(x.drawImage(c,480*(t%3|0),540*(t%3%2|0),960,540),9,9)

Aug 10 2017 11:59 PM UTC

}// 64/140

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

64b Sierpinski Triangle

u/kchplr

60bytes: x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9)
u/magna

Oh yeah? How about EXACTLY 140 bytes: 'use strict';function renderSierpinskyTriangle() { x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9) }renderSierpinskyTriangle();
u/Xen

58bytes: x.fillText(x.drawImage(c,(V=t%3|0)*99,V%2*99,960,540),9,9)
u/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 AM 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/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=i=58;i--;x.fillStyle=`hsla(${i*6},99%,50%,.3)`)i%3?x.lineTo(C(t+(i/3+i%3|0)*497)*450+Z,540):x.moveTo(Z=960,i>29?90:Z,x.fill())

Jul 29 2017 3:42 PM UTC

}// 139/140

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

Spinning 3D model. This one is pretty CPU-heavy, gotta compromise for size

Show more comments…
u/sigveseb

Very nice!
u/p01

It looks super clean!
u/sigveseb

is it spinning clockwise or counter-clockwise? :)
u/FireFly

shhh… it's rotating CCW I think, but cheating with the Z-axis/depth ordering means the faces are kind of haphazardly drawn :P
u/Xen

its transdimensional, you meant to do it! ;-)
u/Lazy1337

#d3

show FPS hide FPS share fullscreen

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5: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).

Show more comments…
u/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=i=0;i<40;i+=.025)R=S(t)/4+.25,r=.7-R,x.fillRect((A=R+r*S(D=i%1*44+88))*C(E=i+t/10)*480+960,(B=A*S(E)+r*C(D))*340+510,W=4-B*3,W)

Mar 6 2017 12:46 PM UTC

}// 140/140

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

Torus-sphere thing

u/donbright

good one
u/SpecialAgent

excellent

show FPS hide FPS share fullscreen

sortie

function u(t) {

eval(c.id+=String.fromCharCode((Q="㬻籴硼琮慲獮慬整㤨〶㔬〴㬩⹸潦瑮✽攵⁭❁栻ㄽ㜲㔮砻昮汩卬祴敬刽䌨琨⨩⭨ⱨ⡓⨵⥴株栫匬㌨琪⨩⭨⥨砻昮汩呬硥⡴⹣摩㌬〰匪㌨琪Ⱙ㔲⨰⡃⨷⥴㬩⹸潲慴整ㄨⵅ⤲⼯".charCodeAt(t*60))%256,Q>>8))

Mar 2 2017 10:03 PM UTC

}// 140/140

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

I'd like to announce the dwitter character limit has been increased to 146 characters.

Show more comments…
u/iverjo

Details please?
u/sigveseb

kinda dangerous though, you might run into a partial dweet that forces an endless loop
u/sortie

We're restricted to 140 unicode characters, not 140 bytes. I exploited UTF-16 to encode two ascii values per UTF-16 codepoint. Since the overhead is less than 70 bytes, I can exceed the 140 ascii char limit. The characters 㬻 and ⼯ are fun exercises for the reader.
u/sortie

The decoder is quite golfed and exploits some fun facts. The payload itself is a quine exploiting decoder side effects.
u/sortie

sigveseb, admittedly I didn't think of that case. Partial dweet initial loops are easily fixed wrapping the payload in {} (or any other syntax error) at the cost of 1.5 codepoints (㬻 has one free byte).
u/donbright

wow!

dwitter.net | zgrep (277)