Dweets awesomed by u/neimad

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

rnbw

function u(t) {

for(c.width^=i=0;i++<210;)for(j=0;j++<7;x.fillStyle=`#f`+j*15)x.fillRect(i*9,540-S(a=t-i/80*C(t+i/69)+j*.89)*230,9,Math.max(210*S(a-1.1),0))

Nov 25 2019 7:18 PM UTC

}// 140/140

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

an attempt at something like a twister

Show more comments…
u/Xen

mmmmm tasty!
u/tomxor

my exact thoughts #marshmallow
u/katkip

twisted icecream
u/Xen

#flump
u/joeytwiddle

That's a very juicy #twister!
u/cyhawk

I teach 9-year-olds programming and used a tidied up version of this to show them how to figure out how something works. They loved it! Thanks! I've added a bit of gap between the strands to make it easier to understand, and I think it looks good. Like Math.max(180*S(a-1.2),0).
u/rnbw

wow, i would have never thought that my recreational programming would be used for educational purposes. glad i was able to help those kids out on their journeys!
u/danny@hille.dk

Just saw this, nice code man! Save 11 b like this: for(c.width=i=300;i--;)for(j=8;j--;x.fillStyle=#f+j*15)x.fillRect(i,99-S(a=t-i/80*C(t+i/99)+j*.9)*40,1,Math.max(40*S(a-1.1),0))

show FPS hide FPS share 5 remixes fullscreen

KilledByAPixel

remix of d/16391 by u/KilledByAPixel

function u(t) {

for(i=340;--i;x.fillRect(960+S(m*m)*q,540+C(m*m)*q,50,50))m=i+120*t,q=1e5/i,x.fillStyle=R(i*i/99,i*i/340)

Oct 31 2019 6:28 AM UTC

}// 105/140

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

Supernova ☀

u/katkip

i would like to see this on the sky
u/tomxor

wow!
u/yonatan

and so short!
u/lowtolerance

I don’t understand it at all but I love it

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16169 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𪐽𝐶𜀰𛁷👣𛡷𪑤𭁨🐹𞐬𦀬𦐬𦠬𪠬𬰽𜐶𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛱷𚐩𩡯𬠨𪠽𝀬𦠽𭰻𪠭𛐻𚑚𛐽𣑡𭁨𛡨𮑰𫱴𚁘𛐵𜀬𦐯𜠬𦠩𛑳𛑓𚁙𛱳𚱴𚠴𚐪𞀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀪𞀩𚐫𭀩𚠵`.replace(/u../g,'')))

Oct 19 2019 4:18 AM UTC

}// 134/140

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

Ray Marching SDF Smoke #improved fps

u/tomxor

huh, did not know about Math.hypot, also it's weird how sensitive V8 is to globals... or rather how it seems incapable of optimising them into locals itself.
u/tomxor

#smoke
u/aleamb

#sdf #raymarching

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/16088 by u/yonatan

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜡥𜰻𭀼𜐴𙠦𪐭𛐻𩠽𭀾𜐦𙡔🀭𜐬𮠽𚁔𚰳𚐪𭀪𝀰𛁲👦𚠨𭀪𞀰𛑺𚐪𜠫𭀬𮀮𩡩𫁬𤡥𨱴𚁩𛁦🱺𞡴𚠸𜀬𜐬𬠬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𬐽𜠵𝐯𚀱𚱴𚐬𬐪🐲𛠳𛑦𛁱𚠽𜐮𝐭𩠬𩠫𛠲𚐩𚑦𫱲𚁔🐰𛁪🐹𞱪𛐭𞱔👔𛰲𚱓𚀨𪐭𞐶𜀪𤰨𭀪𪰩𚐪𪰯𭀯𞐹𚐩𪰽𜠪𚡪`.replace(/u../g,'')))

Oct 14 2019 5:47 AM UTC

}// 139/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/KilledByAPixel

Beautiful
u/username

crazy
u/joeytwiddle

Oh my! :) #landscape #compressed #slowdraw
u/aleamb

YES!
u/katkip

WOW
u/katkip

#realistic
u/katkip

#water #island
u/Infidel

This is amazing! Nice job!
u/vain

I'll pack ;-) Very impressive

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(r=777,i=2e3;i--;x.fillRect(a+r,b+r,29,19))a=t*i*i*r%2e3-r,b=i-r,g=i/3+S(t)*a/24,x.fillStyle=R(A=S(t+a/g)*S(C(t/2)+t-b/g)*i,A+a/8,A+b,.3)

Sep 9 2019 7:02 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/yonatan

Nice one! How does it work?
u/yonatan

Oh I get it, a and b are coords used to generate the pixel color with g as tilt
u/pavel

very nice
u/13thptr

great style
u/aleamb

fucking awesome!!
u/KilledByAPixel

👍
u/magna

wowza
u/iverjo

Wow, very nice!
u/vain

Incredible

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15191 by u/KilledByAPixel

function u(t) {

(t*=60)?x.fillRect(t%19,t/19|0,("񥕕񥕕񥚥񥥕񥟪񦵅𵟤𕰁𒏤𑠀𐯹񑙀񠛾񥖐򥚿򹠪󰚯򺤏􈊯󺡇􎚫􊤂􏩪􊮕󏹙􎮪򿹚󏮩񯾦񫾕򫿪𐮠򻶺𐏨򻰟𐎪􉰂򐎩󍐁󴋿򿵕󎮾򿺪򿿮򿿪򿿿󏿾􋿻􏿿󏿾􏿿􏿿􏿿򻿿􏿿򺾑􏿿𺩐􏿿񫵑򻯿񫵕򺯿񵪕".charCodeAt(t/5)>>t%5*2&3)/3,1):c.width=60

Jul 29 2019 10:50 PM UTC

}// 140/140

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

The Mona Dweetsa

u/KilledByAPixel

19x34 #PixelArt Mona Lisa with 4 shades of grey stored as an astral unicode string plus code to unpack and render.
u/magna

GG WP
u/KilledByAPixel

#monalisa

show FPS hide FPS share fullscreen

pavel

function u(t) {

c.width|=f=k=>(1-3/(4+9e9**(i-.5-t%4)))*w*(-2/(i+k&3)|1)-w/2
for(i=5;i--;x.rect(960+f(2),540+f(1),w,w))w=2**(i?7+t/4%1:12)
x.fill`evenodd`

Jul 18 2019 4:05 AM UTC

}// 138/140

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

St[a]ck (https://www.reddit.com/r/perfectloops/commen…)

u/KilledByAPixel

👍
u/Xen

love it
u/metamero

omg so satisfying
u/iverjo

#perfectloop
u/katkip

Awesome!

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𫀽𨰮𭱩𩁴𪁼👴𙐽𝀻𫀭𛐻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀵𜀬𫰿𝐰𞠱𩐳𚐩𪐽𫀥𜰬𪠽𫀯𜰦𜐵𛁫👬𛰴𞀦𜐵𛁸𛡦𪑬𫁓𭁹𫁥👒𚁩𚰱🀼𝠩𛁸𛡳𩑴𥁲𨑮𬱦𫱲𫐨𪐭𜑼𜐬𛐮𝐬𫰽𛑩𙐲𛀱𚱯𚠱𛠵𛀵𜀪𚀱𞐫𪰭𪠩𛀲𝐪𚀳𞀫𜠪𭀭𪰭𪠭𞀯𚀱𚰲𚠪𚀴𝐭𪰭𪠭𭀪𜐵𚐩𚐩`.replace(/u../g,'')))

Jul 13 2019 3:37 AM UTC

}// 138/140

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

Blocks (https://dribbble.com/shots/1783699-Blocks)

Show more comments…
u/pavel

190 for(l=c.width|=t%=4;l--;x.fillRect(0,0,50,o?50:1e3))i=l%3,j=l/3&15,k=l/48&15,x.fillStyle=R(i+1<<6),x.setTransform(i-1|1,-.5,o=-i%2,1+o*1.5,50*(19+k-j),25*(38+2*t-k-j-8/(1+2**(45-k-j-t*15))))
u/KilledByAPixel

👍
u/aleamb

wow!!
u/username

actual f
u/katkip

awesome #compressed
u/katkip

#d3 #loop

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14765 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬀽𣑡𭁨𛡐𢐪𜠻𭱩𭁨𚁸𚑦𫱲𚁦𪑬𫁓𭁹𫁥🐢𘰰𜀰𝐢𛁦𪑬𫁒𩑣𭀨𜀬𜀬𜡥𜰬𜡥𜰩𛁪🐴𝐻𪠭𛐻𚑦𫱲𚁢𩑧𪑮𤁡𭁨𚁩🐹𞐩𞱩𛐭𯁼𬱴𬡯𪱥𚀩𞱳𭁲𫱫𩑓𭁹𫁥👠𪁳𫀨𙁻𪠪𝡽𛀹𞐥𛀷𜀥𨀩𨑲𨰨𪠥𞐪𜐹𜠫𜐹𜠬𜐵𝠫𚁪𛰹𯀰𚐪𜐹𜠬𞀸𛁱👩𚡰𛰹𞀬𚁱𚡪𚱴𚐥𬀩`.replace(/u../g,'')))

Jun 26 2019 5:48 PM UTC

}// 140/140

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

Iris Variations 2

u/KilledByAPixel

I thought this one deserved a slightly better version. #compressed #multidweet
u/Xen

perfection
u/donbright

please tell me this is a bumper sticker or t shirt or coffee mug or somerthing

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👦👧🐾𚁫𙐱𝠦𙠱𚱫𙐲𚠮𝀱𝀩𚡧𚁡🐮𝰸𝐴𚠨𪰫𜠯𚀱𚰱𩐳𚠪𚁴𙐱𚠴𛑩𚐩𚐩𛁫🐵𝰻𪐽𛐭𪰾🠴𞱸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𝰰𜀪𦀯𮠭𬰬𝐴𜀫𝰰𜀪𦐯𮠭𬰬𬰪🐲𛁳𚐩𦱘𛁙𛁚𧐽𦱘👦𚁃𚐬𪐭𜠬𩠨𤰩𛁘𛁩𛐲𧐮𬱬𪑣𩐨𭀥𜰩𛁺🐳𚱚𛁳🐹𞐯𮠯𮠻`.replace(/u../g,'')))

Jun 19 2019 3:43 AM UTC

}// 139/140

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

Rubik's Cube Movement

Show more comments…
u/pavel

191 for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[X=f(C),i-2,f(S),X,i-2].slice(t%3),z=3+Z,s=99/z/z
u/katkip

too good.
u/username

Rubik's Cubes cannot move the middle layer
u/pavel

If you hold the sides the middle moves, no? How could it not!
u/pavel

Here are notation-only moves for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+y*2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[y=i-2,X=f(C),f(S),y,X].slice(t%3),z=3+Z,s=99/z/z
u/username

Technically you are moving both sides at the same time in that case instead of moving the middle layer.
u/katkip

^
u/pavel

That's not what technically means. You have a mental model that only permits sides to move, and you have that model because adding middle rotations would be notationally redundant in that model. This does not mean middle rotations are somehow impossible or that they definitely consists of two side rotations.
u/username

Erm, the middle layer is attached to the core, that is what I mean. It is about the construction of a Rubik's Cube.
u/username

http://www.madehow.com/images/hpm_0000_0007_…
u/pavel

Still seems like this is a matter of perspective. You are chosing a perspective in which the core is always fixed, even though the motion I am describing specifically involves holding the two sides fixed and rotating the core... In my reference frame the core is rotating. So what if the core contains more parts than the side pieces when you take the cube apart?
u/13thptr

that escalated quickly
u/donbright

maybe they dont actually move like this... but they should!

dwitter.net | neimad (56954)