Dweets awesomed by u/CalSch

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

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/iverjo

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share 2 remixes fullscreen

firegodjr

remix of d/7650 by u/firegodjr

function u(t) {

c.width=1920
for(y=41;--y;){x.fill();x.beginPath();for(w=33;--w+1;){x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)}}

Apr 16 2018 5:30 PM UTC

}// 108/140

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

Diet Sinewave Pattern, now with only 108 characters! (Had some leftovers from my original dweet idea that were clogging up the charcount, plus optimized the loops and positioning)

Show more comments…
u/BalintCsala

98 chars: for(c.width|=y=40;y--;x.fill(),x.beginPath())for(w=33;w--;x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75));
u/firegodjr

Thanks! I'm a bit new to reverse loop iteration, so I didn't think of replacing the --w+1. How does the c.width|=y reset the width properly, though?
u/BalintCsala

It sets it to 1960
u/iverjo

Cool! Deserves more attention
u/magna

98 chars: for(c.width|=y=41;--y;x.beginPath(x.fill()))for(w=33;--w+1;)x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)
u/magna

Ah, u/BalintCsala beat me to it... :)
u/jylikangas

96 chars if you replace --w+1 with w--

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7597 by u/joeytwiddle

function u(t) {

for(c.width|=i=192;i--;x.fillRect(940+n*9*S(a=i%6*1.04+S(p)/5+t),520+n*9*C(a),n,n))n=((j=i/6)%16)**2/5,x.globalAlpha=.5+C(p=j*.6+t*6)/2

Apr 7 2018 6:14 PM UTC

}// 135/140

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

Spiral starfish. Change +t to -t and watch its feet

u/joeytwiddle

Dropped a for thanks to u/New_Core

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10:29 AM UTC

}// 140/140

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

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share fullscreen

yonatan

remix of d/7556 by u/sigveseb

function u(t) {

n=S(t);c.width=n*n*300;for(i=9;i--;)for(y=99;y--;)x.fillStyle=`hsl(${i*99},50%,${75-y/2}%`,x.fillRect(90+C(q=y+t)*99+i*10,S(q)*99+i*9,9,9)

Apr 4 2018 11:29 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 FPS hide FPS share 1 remix fullscreen

Blacklink

function u(t) {

c.width|=0;for(var i=0;i<19;i++){for(var j=0;j<11;j++){var s=0.5+0.5*S(t+i+j);x.fillRect(100*i+50*(1-s),100*j+50*(1-s),100*s,100*s)}}//lmao

Mar 30 2018 1:23 PM UTC

}// 140/140

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

u/iverjo

#halftone
u/geb

#background

show FPS hide FPS share 1 remix fullscreen

fervour

function u(t) {

t?a+=S(t):a=1;x.fillStyle=`hsla(${t*200},100%,50%,0.1)`;x.drawImage(c,C(a)*8,S(a)*16);x.font="300px s";x.fillText("ლಠ益ಠ)ლ",300,650)

Mar 28 2018 6:44 PM UTC

}// 131/140

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

show FPS hide FPS share fullscreen

sop

function u(t) {

for(c.width|=0,k=576;k--;x.fillRect(a*l,b*l,e,e))for(a=k&31,b=k>>5,e=l=60,d=5;d--;g=1.7+S(t-d*7)*2-a/9,h=1+C(t-d/3)-b/9,e-=4/(.04+g*g+h*h));

Mar 28 2018 7:29 AM UTC

}// 140/140

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

u/CalSch

It's so smooth!

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

sop

function u(t) {

for(w=c.width|=0,k=3599;k--;x.fillRect(a,b,e,e))for(a=k*24%w,b=k/80*24,e=0,d=9;d--;g=1+S(t+d*5)-a/w*2,h=.6+C(t+d)-b/w*2,e+=1/(.04+g*g+h*h));

Mar 27 2018 12:59 PM UTC

}// 140/140

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

u/Joachim

#metaballs

dwitter.net | CalSch (14424)