Dweets awesomed by u/farter

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 fullscreen

pavel

remix of d/18153 by u/Kirjava

function u(t) {

with(x)for(beginPath([X,Y=X,r=200,a=2]=u[T=-~T]||[999]),fillStyle=R(i=4,3e3/r);i--;fill())lineTo(...u[2*T+i]=[X-C(--a)*r,Y+S(a)*r,r*.8,a-9])

Apr 7 2020 3:38 AM UTC

}// 140/140

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

#tree #waitforit #uncompressed

u/pavel

This is a breadth-first traversal of a binary tree, one frame at a time. The tree is maintained in a 1D array (2n+i notation) that I simply iterate left-to-right. The loop does double-duty for drawing the current node and inserting the children. The shape has four corners so the loop runs four times and inserts four children: 2n+0, 2n+1, 2n+2, 2n+3. My mind was blown when I realized no extra code was needed to prevent the adding of the extra children because the first two children of the next iteration will overwrite them!
u/joeytwiddle

#broccoli
u/katkip

interesting
u/pavel

https://i.imgur.com/FZ9Whj4.png

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/12003 by u/joeytwiddle

function u(t) {

for(c.width|=j=20+t|0;j-->t;)for(g=(j-t)*120,i=W=99;i--;)x.fillRect(i?g+i*i/70*S(1e3/i-t*8+j**3):g,700+!!i*i*4,-W-80*S(j*j),i?6:-300-W*S(j))

Apr 5 2020 11:50 AM UTC

}// 140/140

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

River cruise remix #water

u/KilledByAPixel

👍

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=1920;i--;x.fillRect(i&-T,i%T*T,T=32,T))x.fillStyle=`hsl(${T*t},99%,${u[i]=u[i]*.94+T/Math.hypot(i/T-T-C(3*t)*20,i%T-16-S(4*t)*9)||0}%`

Apr 2 2020 4:46 AM UTC

}// 140/140

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

Flare

Show more comments…
u/pavel

Inspired by https://twitter.com/ntsutae/status/124366720…
u/jylikangas

Lovely use of an array for the trail effect!
u/BriSeven

hypot?! WHAAAT how long has THAT been there?
u/katkip

this is actually easier than it looks
u/sigveseb

Looks very pretty :)
u/aleamb

amazing!
u/rodrigo.siqueira

It reminds me the light and movement of this Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-S…
u/Scaledish

hell, it looks better than the fluid simulation
u/joeytwiddle

#glow #worm

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,w)=>X*X+Y*Y<=2e6*S(t/9)**2?w>9&&f(X,Y,w/=2)|f(X+w,Y,w)|f(X,Y+w,w)|f(X+w,Y+w,w):x.strokeRect(X,Y,w,w);f(x.lineWidth=4,4,1072)

Mar 4 2020 5:31 AM UTC

}// 140/140

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

Quadtree

Show more comments…
u/katkip

Awesome!
u/tomxor

I love it !
u/sigveseb

Cool!
u/Xen

SEXY!
u/aleamb

love it!
u/tomxor

#Quadtree
u/Qwitter

YES!!
u/vain

Never saw this fx before. But it looks really beautiful

show FPS hide FPS share fullscreen

Odog8

function u(t) {

throw unescape('CODE HERE!'.split``.map(e=>('00'+e.charCodeAt().toString(16)).slice(-2)).join``.replace(/(....)/g,'%u$1'))

Feb 27 2020 2:46 PM UTC

}// 122/140

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

compressor. even no of chars, uncompress w/ eval(unescape(escape.replace(/u(..)/g,"$1%")))

u/Odog8

eval(unescape(escape`COMP. CODE`.replace(/u(..)/g,"$1%")))
u/katkip

#compressor #tool
u/katkip

works pretty good

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=m=0;i--;m=1)x.globalAlpha=.3+m/3,z=C(i*i)-1.07,x.fillRect(m&&960*(z+2-(i**.2+t/3)%4)/z,540-m*32/z,s=m?i%9/z:2e3,32*s)

Jan 3 2020 1:46 AM UTC

}// 132/140

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

Train ride

u/KilledByAPixel

👍
u/katkip

#perspective

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=f=o=>4/(1+99**(o-(t+i)%3*8)),x.scale(i=60,i);i--;x.strokeRect(17-X,6+Y,2+X-f(8)+f(19),2+f(1)-f(14)-Y))X=f(7)-f(20),Y=f(2)-f(13)

Dec 18 2019 10:45 PM UTC

}// 140/140

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

Oleg Frolov | Dribbble (sped up due to golfing)

Show more comments…
u/pavel

https://dribbble.com/shots/5836300-Loader-XL…
u/KilledByAPixel

👍
u/katkip

wow
u/katkip

good #loading
u/iverjo

This is cute
u/sigveseb

looks better sped up, too!
u/Leodude123

can i use this as a loading animation?
u/vain

Wonderfull animation !! <3

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

spaceman_blanc

remix of d/5603 by u/Xen

function u(t) {

t?x.fillStyle=`hsla(${t*Z*30},69%,65%,1)`:x.translate(950,Z=540)
for(i=199;i--;x.rotate(t/(Z-i)))x.fillRect(i*8-1e3,-1e3,2,1e3)

Mar 4 2019 9:50 PM UTC

}// 127/140

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

Sickly spirals

u/Xen

Nice one
u/aleamb

cool

dwitter.net | farter (1992)