Dweets awesomed by u/lionleaf

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 fullscreen

LimeLaser

function u(t) {

f=(60*t|0)%1e3
x.fillStyle=`HSL(${f},99%,50%)`
x.fillRect(1.7*f,f,99,99)
x.translate(960,540)
x.rotate(0.1)
x.translate(-960,-540)

Sep 11 2021 6:23 AM UTC

}// 130/140

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

Color Spiral

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share fullscreen

tomxor

remix of d/23756 by u/tomxor

function u(t) {

for(Y=t*480%720|0,X=1280;X--;!Z|!Y|Y>640|(Z/480+.75&Y/480+.83&(X|Y)/16%15)&&x.fillRect(320+X,180+Y-Z/6*S(Z/203),3,4))Z=X>640?1279-X:X

Sep 5 2021 8:28 PM UTC

}// 133/140

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

Smolr #book of #sierpinski

u/tomxor

Someone's been drawing in the margins...
u/erin

magic

show FPS hide FPS share 3 remixes fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𤀽𣰽🡸𛡦𪑬𫁒𩑣𭀨𣰬𮐽𦐭𤰨𨐽𦀯𦠭𛠵𚐪𦀯𝀬𜰬𥀿𜰺𦀽👚𯁼𦀽👗𛐱🰱𝠺𝀪𚁃𚁆𚡏𚡹𚐾𛠸𙠦𦐥𜐶𙠦𨐾𛠷𙠦𨐼𜠮𝰦𙡙🡚𚰶𞐦𙡙🀹𜀰𚐩𒡙🐨𡠽𩡲𨑭𩐩𙐹𞐪𞀫𚁚🐲𞀰𚐬𥀽𦐼👚𯁼𦐾𚁗🐹𝠰𚐊𩡯𬠨𦀽𦠻𡠼𜐰𜀦𙡘🁗𞱘𚰫𚑐𚁘𚐬𤀨𜐹𜠰𛑘𚐻`.replace(/u../g,'')))

Sep 4 2021 9:16 PM UTC

}// 139/140

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

The book of dweet

u/neimad

very nice
u/tomxor

Great idea
u/KilledByAPixel

now that's what i call a good book!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20135 by u/danny@hille.dk

function u(t) {

f=i=>S(t+y/255*C(t)+i*1.57)*120;for(y=c.width|=0;y--;)for(i=4;i--;)n=f(i),m=f(i+1),n<m&&x.fillRect(n+f(y/255)+940,y,k=m-n,(i%2?k:99-k)/120)

Sep 3 2021 12:37 PM UTC

}// 140/140

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

Twisted metal remix #uncompressed

u/danny@hille.dk

This is a personal thing!!! Twister2d is one of my favorite old school effects, it's also one of the first things i tried to golf to fit into a dweet (and I failed miserably :-)) I have retried tried (and failed) a couple of times, but this is the first time i actually managed to get the damn thing to fit without compression. I had to scarifice colors to maintin an interesting animation. Perhaps I'll get it next time :-) #twister #twister2d
u/New_Core

it look great...
u/DataMeta

beautiful #grayscale

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23719 by u/rep_movsd

function u(t) {

for(Y=t%4*50,r=Y<27?Y:27,i=99;a=i--/32;x.fillRect(X+2*r*C(a),5*Y+r*S(a),3,5))x.fillStyle=`hsl(${h=r<9|r-Y?X=t/4<<7:42},${h}%,${42+C(a)*20}%`

Sep 1 2021 9:24 PM UTC

}// 140/140

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

16-Color Pencils

u/tomxor

haha, beat me to it, i had the same idea to golf using t but you made it even better with colour tips!!
u/Xen

nice!

show FPS hide FPS share 1 remix fullscreen

TGY

remix of d/3143 by u/nystrand

function u(t) {

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

Aug 23 2021 10:57 PM UTC

}// 138/140

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

Do you remember original spider-man opening titles?

u/magna

Very cool remix!
u/andrea270872

nice and geometric :)
u/sigveseb

sweet!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/23497 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪌽󭼽󜬵󝜬󩌽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󭼬󭼩󛍭󟝷󚭷󛍩󟜭󜜻󫜭󛜻󩌮󩍡󭍡󦽩󚼽󝍝󟝙󚬨󫼽󚌳󛜨󝌭󝜪󩜫󤼨󪜯󫜫󭌪󞜩󚜪󚬮󝜩󛼨󩜫󜜩󚜪󭼫󤼨󭌯󜼩󚭷󙭷󧭘󚭯󚭷󙭷󚝥󟜨󚍘󟜭󜜮󝌫󜬪󫜯󝭥󝌩󚭘󚼨󦜽󛜱󚼲󚬨󫜥󭼩󛽷󚜪󦜩󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󩌬󜌬󜌩`.replace(/u../g,'')))

Aug 7 2021 3:45 PM UTC

}// 138/140

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

When you fail, but it still feels like a win remix

u/danny@hille.dk

music by sir mixalot: I like big blobs... 🎵🎵

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

c.width|=r=200
for(i=7;j=i--/6;x.arc(320+(a=r*(i-j)),a-90+(((t-j+r)%1-.5)**2)*1e3,40,0,9))x.rect(r+(a=r*(i-t%1)),a,1e4,r)
x.fill`evenodd`

Jul 28 2021 4:04 AM UTC

}// 137/140

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

Bounce Down ⚪

u/vain

looks so cool

show FPS hide FPS share 2 remixes fullscreen

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐸𜰲𜀺𚁁👂🐸𛁕👖🐰𚐻𪐭𛐻𪰽𥀦𤠼𝐿𛠲𝐭𤠯𜠰𞠰𛁕𛐽𪰪𨐬𥠭👫𚡢𚑸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𥁼𤠼𝐩𛁔👓𚁘𛰶𚐫𠰨𦐯𝠩𚱙𛰶🠸𛁒👍𨑴𪀮𪁹𬁯𭀨𨐽𦀭𠐬𨠽𦐭𠠩𞱁𚰽𥐬𠠫👖𛁁𚰽𭰬𠐥👷𛁖𚰽𛠱𜠵`.replace(/u../g,'')))

Jul 28 2021 12:08 AM UTC

}// 134/140

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

Impossible Marble #Physics

u/tomxor

Inspired by d/23398. Uses raster/2d-voxel based intersection
u/Xen

love it!
u/magna

HOW?!
u/katkip

how
u/tomxor

It's particle physics, but the collisions are with implicit volumes. So rather than checking against a specific object, each pixel is intersected with the circle, if the pixel is filled and intersects, then it contributes velocity to the particle along the collision normal (the vector between the pixel and the point), the deeper the intersection based on the radius the greater the contribution... this is not correct at all and creates lots of phantom momentum, but is very simple and shares the code with drawining the screen.

dwitter.net | lionleaf (42804)