Dweets awesomed by u/innovati

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

PhocaZH

remix of d/1449 by u/PhocaZH

function u(t) {

e=t-2;p=150;M=Math;g=M.abs(e);y=400+-M.sqrt(1-M.pow(g-1,2))*p;a=-M.acos(1-g);x.fillStyle=R(g*p);x.fillRect((6+e)*p,y,6,(6+a)*p-y)

Feb 27 2017 6:51 PM UTC

}// 129/140

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

u/donbright

best heart yet

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

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

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share fullscreen

caleb

function u(t) {

x.fillText(String.fromCodePoint(0x1F300+(Math.random()*0x130)|0),Math.random()*c.width-40,Math.random()*c.height);x.font="80px arial";

Feb 22 2017 3:04 AM UTC

}// 134/140

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

u/boriel

Where's Wally?

show FPS hide FPS share 5 remixes fullscreen

mxfh

function u(t) {

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

Feb 20 2017 11:57 AM UTC

}// 135/140

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

simple orthographic projection; try some factors on the lat λ and lon φ offsets t

Show more comments…
u/mxfh

simple orthographic projection; try some factors on the lat λ and lon φ offsets t
u/wicktwo

Niiiice!
u/as

i love this one
u/ssg

nice variable names!
u/donbright

so elegant
u/lionleaf

#sphere
u/lionleaf

#d3 . (3d is currently not a valid hashtag)
u/BirdsTweetCodersDweet

#whichwayround #inorout

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=2e3;for(a=i=629;i--;)s=-150/((i+t*60)%a),X=a*S(i*.31)*s+1e3,Y=a*C(i*.3)*s+500,x.fillRect(X,Y,s*9,s*9),x.lineTo(X,Y);x.stroke();

Jan 17 2017 4:08 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/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/ilSilvano

That's three times ridiculously impressive.
u/joeytwiddle

I feel like god is pulling all the thread out of the universe
u/hope4tg

Haha, agree with joey, the zoom out effect is awesome
u/Lazy1337

#d3
u/katkip

#infinite
u/vain

really impressive

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/546 by u/BriSeven

function u(t) {

X=960,Y=80+1080*t%900,a=1;for(i=99;--i;)x.fillStyle=T(a)<9?R(99-a,a/3,0,.3):"#FFA",x.fillRect(X+=S(a)*Y/50,Y+=C(a)*4,8,8),a+=7*Math.random()

Dec 23 2016 4:34 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/lionleaf

Oh wow, that is amazing!
u/sigveseb

Very nice!
u/iverjo

Wonderful!
u/hamptonio

Happy little tree!
u/Beginner

Wow!
u/Xen

Done Re-mi(X)en 2878
u/Xen

Done Re-mi(X)en 2878
u/Xen

why post twice? :-/
u/joeytwiddle

Quantum commenterference I guess. This one is my favourite :)
u/iverjo

#tree
u/lionleaf

#christmas #christmastree #color
u/rawbits

A sad little tree. He has no friends. (Bob would be proud)
u/vain

Amazing procedural and beautifl tree. Mindblowing coding!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

x.fillStyle=R(b=2e3,b,b,0.1);x.fillRect(0,0,b,b);x.beginPath();for(i=b;i--;)x.lineTo(i/2*C(t)+i*S(g=t+i)+960,i/4*S(t)+i*C(g)+540);x.stroke()

Aug 21 2016 3: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).

Show more comments…
u/iverjo

Dat tunl!
u/New_Core

maybe its a spinning chinese hat from top
u/iverjo

You're right, I can trick my brain into beliving that. Funky! It's like one of those illutions where you see different things based on how you look at it/think of it
u/iverjo

*believing
u/iverjo

Dwitter really needs an "edit comment" feature :P
u/lionleaf

Wow!!
u/giel

Nice!
u/lionleaf

#rotation #hat #in_or_out #lighting
u/joeytwiddle

#shiny
u/vain

Wow! Very nice!

show FPS hide FPS share 2 remixes fullscreen

sigveseb

function u(t) {

(F=Z=>{for(x.fillStyle=R(W=1/Z*4e3,W/2,W/4),i=Z*Z*2;n=i%Z,m=i/Z|0,i--;n%2^m%2&&x.fillRect((n-t%2-1)*W,(S(t)+m-1)*W,W,W));Z&&F(Z-6)})(36)

Jul 21 2016 8:08 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/iverjo

Nice remake of https://youtu.be/sQNcIKAIBF0?t=4m6s :D
u/iverjo

1/Z*4e3 can be replaced with 4e3/Z
u/sigveseb

Right you are! I thought I had already done that :3
u/Ameo

Holy s*** that's absolutly amazing.
u/sebbert

TiTAAAAAN

dwitter.net | innovati (5642)