Dweets awesomed by u/CliffJonesJr

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

iverjo

remix of d/1791 by u/Run

function u(t) {

t*=4;c.width*=1;for(i=0;i<1550;i++)x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50),x.fillStyle=`hsl(${X/7+t*90},80%,50%)`

Mar 2 2017 10:53 PM UTC

}// 136/140

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

u/donbright

the happiest sandworm on dune
u/iverjo

#worm
u/iverjo

#colors #rainbow
u/iverjo

#sine

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

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

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share 3 remixes fullscreen

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 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/sfz

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/89 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;i--;)p=3*t+S(t/2)*i/3e3+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(960+199*S(p)+249*S(t/.7+i/6e3),i/4-2,199*d,1/(d+1))

Feb 24 2017 6:50 PM UTC

}// 133/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/SpecialAgent

nicely done!
u/Kalanchoe

Flawless!
u/donbright

oh wow, the shading!
u/sigveseb

Good twister! Can we add color?
u/iverjo

Color would be awesome :) Feel free to try to add it
u/sigveseb

https://www.dwitter.net/d/1267 red
u/iverjo

Here's a purple version. Had to make some compromises. https://www.dwitter.net/d/1278
u/donbright

i attempted a rainbow version https://www.dwitter.net/d/1282
u/iverjo

#twister
u/vain

nice twister

show FPS hide FPS share 8 remixes fullscreen

iverjo

remix of d/104 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=3/(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Feb 24 2017 6:47 PM UTC

}// 138/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/SpecialAgent

my hat goes off to you sir!
u/Kalanchoe

That's unbelievable
u/iverjo

Try this one in fullscreen for a more immersive experience
u/Niklas

impressive!
u/donbright

:)
u/aendrew

This is incredible.
u/vonzo

reminds me to Gescom <3
u/hvge

http://www.pouet.net/prod.php?which=3397 ❤️
u/badthai

How did you come up with this?
u/iverjo

@badthai: First I made a classic tunnel effect (like this: https://www.dwitter.net/d/205). Then I made several remixes of it by tweaking parameters. This was one of the results. See also https://www.dwitter.net/d/106
u/iverjo

#tunnel
u/vain

cool segmented tunnel fly

show FPS hide FPS share fullscreen

iverjo

remix of d/197 by u/iverjo

function u(t) {

c.width^=0;n=900;for(i=9;i++<n;)p=t+i/99,s=3/(9.1-p%9),x.beginPath(),x.lineWidth=s*s,x.arc(n+99*S(p),300*s,49*s*S(i/159),i,i+1),x.stroke()

Feb 24 2017 6:44 PM UTC

}// 138/140

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

Snek!

u/joeytwiddle

Bless the coming and going of Him. May His passage cleanse the world.
u/iverjo

#3d

show FPS hide FPS share fullscreen

iverjo

remix of d/379 by u/iverjo

function u(t) {

c.width=960;for(i=2e3;i--;)x.fillRect(480+460*S(d=i/42)*S(b=2.79*i+t),270+160*(C(d)+T(t/9+d)),s=7/(S(d)*C(b)+2),s)

Feb 24 2017 6:41 PM UTC

}// 114/140

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

u/donbright

great 3d effect
u/iverjo

Thanks :)
u/hamptonio

really nice
u/5Mixer

Epic!

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/123 by u/icecuber

function u(t) {

i=frame;for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}

Feb 22 2017 6:10 PM UTC

}// 140/140

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

Color version, a minified version of myJS's suggestion

Show more comments…
u/bakkot

golf'd slightly harder on general principles: i=frame;for(j=1080;j--;x.fillRect(i,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/donbright

niiiice
u/Krachwumm

This is freaking amazing. Even if it would have taken you 1000 characters
u/iverjo

Thanks bakkot! I golfed your version even further down to 134 characters: for(j=1080;j--;x.fillRect(i=frame,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/iverjo

Feel free to play with the colors! There's room for improvement
u/hamptonio

That's a work of art man
u/SpecialAgent

I must commend you! Did my research and got a working mandelbrot, but to golf it to 140 and get the speed is very very difficult! Wow. I will study your dweet now :)
u/iverjo

#fractal
u/iverjo

#mandelbrot
u/iverjo

#slow_render
u/f8f82804

#scanline

show FPS hide FPS share 7 remixes fullscreen

mxfh

remix of d/849 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/2;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+1/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 22 2017 1:25 PM UTC

}// 135/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/chrishaff

Old school cool!
u/ninerdelta

wow this is awesome
u/donbright

lovely
u/sfz

how in the
u/Drum

I've been clickcing 'awesome' on quite a few examples here, but this one is AWESOME!
u/Kalanchoe

Wow!
u/Brutal

Higher math :)
u/robvoodoo

If only you could fly the camera around!
u/Lazy1337

#d3

show FPS hide FPS share 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

}// 95/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/lionleaf

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

dwitter.net | CliffJonesJr (3293)