Dweets awesomed by u/skeletonNatte

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 2 remixes fullscreen

nystrand

function u(t) {

with(x)for(translate(t?S(t):m=993,t?0:540),i=m;i--;fillRect(-m,i+z,3e3,8+z/22))fillStyle=R(z=m/((i*i-t*9)%m),z*3,rotate(-T+(T=i+S(t/9))),.3)

Sep 1 2017 10:41 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/Xen

reminds me of spiderman intro, nice one!
u/cantelope

whaaaaaa
u/sigveseb

Really cool
u/magna

Wow!
u/joeytwiddle

Great!
u/iverjo

Wow!
u/Xen

had to have a play, done remix :)
u/alien

Can some one explain what the with(x) is doing ? please :)
u/lionleaf

Wow! That looks amazing. Love what looks like a white cube that vanishes in the beginning too.
u/nystrand

@alien: with(x) puts x in the scope so that you don't have to write the "x." part of x.fillRect, x.translate etc. So, it only saves bytes if you have more than 3 functions in x you want to call.
u/N0va

Very nice!
u/joeytwiddle

Cyber Fibers
u/katkip

wait wot
u/marc8

Really 3D on a large screen

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/3104 by u/kchplr

function u(t) {

f=t*3%2<<8;c.width|=0;for(i=0;i<256;i++)'π䐠ꠘ頄鸂适ꀁ态䀁䃡쐁ꃢ适鸌꠰䟀π䐠ꠘ頄鸂适ꀁ态䀁䁁쑁ꐂ遂鸌꠰䟀'.charCodeAt(f+i>>4)&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 8:24 AM UTC

}// 138/140

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

The animation is not very inspired but... it works

u/joeytwiddle

#cute

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/3101 by u/kchplr

function u(t) {

f=frame
'π䐠ꠘ逄鼂适ꀁ䀁䀁䃡ꃢ适鼌꠰䟀'.charCodeAt(f>>4)&1<<(f%16|0)&&x.fillRect((f>>4)*40,f%16*40,40,40)

Aug 25 2017 7:35 AM UTC

}// 92/140

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

u/joeytwiddle

#cute

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

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 fullscreen

Xen

function u(t) {

x.globalCompositeOperation='xor';t?x.drawImage(c,w/4*(t*9%3|0),h/2*(((t*9%3|0)+1)%2),w/2,h/2):x.fillRect(0,0,w=1920,h=1080)

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

making this gave me such a headache, can you spot a simple 4bytes to shave? ;-)

u/Xen

dont post here, you see it when you see it, let others use this as target practice.

show FPS hide FPS share fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

show FPS hide FPS share fullscreen

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

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

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

dwitter.net | skeletonNatte (31544)