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

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

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!

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?x.fillRect((F=frame)%3,C(F),1,1,x.fillStyle=R(F%69,F%96)):c.width=3

Jul 26 2017 6:36 PM UTC

}// 69/140

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

Low-Res 69byte Plasma Gone wrong lol

u/iverjo

#plasma
u/BuRRak

67 if you use t*60 instead of frame

show FPS hide FPS share 1 remix fullscreen

CodeUh

remix of d/2868 by u/CodeUh

function u(t) {

c.width=1920;x.beginPath();x.translate(950,550);x.scale(2,2)
  for(i=0;i<t*99;i++)
    x.lineTo(500*C(t+i),50*T(t+i));
  x.stroke();

Jul 15 2017 3:32 PM UTC

}// 135/140

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

u/Xen

Remix done: 2888 ;-)

show FPS hide FPS share fullscreen

New_Core

remix of d/2822 by u/hamoid

function u(t) {

a=9*S(t)
b=9*C(t)
x.fillStyle=`hsl(${t*50},99%,50%`
for(i=11;i--;x.globalCompositeOperation='hue')x.fillRect(960+i*a+t*a,540+i*b+t*b,20,20)

Jul 2 2017 10:04 AM 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

this looks great...
u/13thptr

#spiral

dwitter.net | skeletonNatte (19903)