Dweets awesomed by u/xem

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

innovati

function u(t) {

for(i=1500;i--;){
  x.fillStyle='hsl('+i*10+',75%,50%)';
  x.fillRect(i/t,i*t,30,30);
}

Feb 27 2017 8:11 PM UTC

}// 87/140

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

u/infin80

That's a helluva trip!
u/Xen

Has anyone really been far as decided to use even go want to do look more like?

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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/sigveseb

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

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

sigveseb

remix of d/271 by u/3bl3gamer

function u(t) {

W=c.width=255;for(i=9<<12;a=i&W,b=i>>8,n=b-45,m=a-99,i--;x.fillRect(a,b,A=1/(((t+a/n)%2)^b/n),A))n*=(B=(W*S(t*29+n/5)+m*m+n*n)/5e3)<1?C(B):1

Feb 24 2017 12:35 AM UTC

}// 140/140

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

Based on some of 3b3lgamer's stuff (remix link got broken).

Show more comments…
u/donbright

dude you are the king,.. O M GOSH
u/Renaud___

Fantastic :S
u/lionleaf

Fixed the remix link for ya :)
u/nashcat

holy sh*t
u/Kalanchoe

H...how? This is so impressive.
u/magna

Needs more music.
u/xem

inhuman
u/donbright

still the one that blew my mind the most.
u/lionleaf

#wobble #wobbly #water #mirror #checkerboard #refraction #sphere
u/Xaotic

wtf
u/firegodjr

#raytracing #best
u/stiaje

#witchcraft
u/sigveseb

This one used to be fast, wonder why it is slow now?

show FPS hide FPS share 2 remixes fullscreen

andy

function u(t) {

a=b=>S(t*b)*128+128
x.fillStyle=R(a(1.3),a(3),a(2))
x.fillRect(S(t*3)*960+960,C(t*2.5)*539+539,10,10)
x.drawImage(c,S(t)-2,C(t)-2,1924,1084)

Feb 23 2017 10:30 AM 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/magicmarc

First line as "a=b=>128*(S(t*b)+1)" brings this to 140.
u/andy

Thanks, that's right. Didn't even realize i was over 140 :)
u/lionleaf

Are you seeing over 140 characters? On chrome it says 140/140 at least.
u/andy

weird, yesterday it said 143.
u/michelinux

It's probably because on Windows the new line takes 2 characters ('\n\r'). Use ';' instead of new line and you should have a more consistent behaviour.
u/andy

still weird, i don't have any windows machines.
u/SpecialAgent

the simplicity of that zoom blows my mind, great work!

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11: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).

u/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share 1 remix fullscreen

recursive

remix of d/778 by u/recursive

function u(t) {

for(c.width|=d=0;d<256;d+=.1)x.lineTo(a=7*d*C(d*1.1+t)+960,b=7*d*S(d)+540),x.lineWidth=(256-d)**2>>10,x.stroke(),x.beginPath(),x.moveTo(a,b)

Feb 22 2017 6:07 AM UTC

}// 140/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 3 remixes fullscreen

p01

function u(t) {

c.width|=0;for(n=200;n-=1/64;x.fillRect(n%3*666,n*5,h=8-k,h))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3

Feb 21 2017 9:42 PM UTC

}// 128/140

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

u/donbright

wow!
u/iverjo

#fractal
u/galactustrombone

IS THAT THE MANDELBROT SET?
u/katkip

yep
u/joeytwiddle

#mandelbrot
u/DaSpider

Somehow this runs much faster in my codebase https://repl.it/@rogerio_neves/Dwitter-codeb…

show FPS hide FPS share fullscreen

xem

remix of d/690 by u/xem

function u(t) {

i=~~(t*10);x.font="99px a";x.clearRect(0,0,9999,999),x.fillText("U+"+(1E9+i.toString(16)).slice(-6)+" = " + String.fromCodePoint(i),300,600)

Feb 20 2017 9:07 PM UTC

}// 140/140

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

More info and demos: https://github.com/xem/miniUnicode

dwitter.net | xem (5208)