Dwitter - javascript demos in 140 characters

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

sawaxon

remix of d/1701 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<20*j;i++)x.fillRect(900+S(t+i/2)*80*j,500+C(t+i)*50*j,4,4)

Mar 1 2017 8:43 PM UTC

}// 96/140

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

u/iverjo

Almost looks like 3D :) Making near dots smaller and far dots smaller would enhance the effect

show FPS hide FPS share fullscreen

Nick

function u(t) {

a=128;b=10*S(7*t/5);
for(i=0;i<50;i++)
c=a+a*S(i/10),
x.fillStyle=R(c,a+a*S(3*t),255-c,i),
x.fillRect(960+b*S(t)*i,540+b*C(t)*i,15,15)

Mar 2 2017 6:01 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/donbright

reat color

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width=500,x.font='13em A',s="🚕🚗🚙🚓",i=10;i--;)x.fillText(s[i*2%8]+s[1+i*2%8],700-((t*1e3+i*400*(1+S(i*9+t)/20))%4e3),205)

Mar 1 2017 11:51 AM UTC

}// 126/140

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

feature request: posting anonymously...

u/lionleaf

Why not just create a pseudonym to post with? Or do you mean to make it quicker for new people to post something? I'm afraid it would just get filled with spambots
u/SpecialAgent

nice car chase. registration keeps the quality of dwits decent, imho.
u/kchplr

I was thinking about posting anonymously once you're registred, but it was mostly a joke given I'm not so glad with the outcome of this one. :D..
u/donbright

lol

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 fullscreen

iverjo

remix of d/1763 by u/New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.type='square',o.connect(a.destination),o.start(a);o.frequency.value=800*S(t)

Mar 2 2017 6:43 PM UTC

}// 136/140

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

Remove the a in o.start(a) to start the anoying thing xD

u/iverjo

#bartjs
u/iverjo

Warning: The sound may be louder than you expect
u/iverjo

Looks like it doesn't work in Firefox
u/iverjo

#audio
u/joeytwiddle

#police

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
u/ximavus

Futuristic mario pipe! :D

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

w=c.width=2e3;for(e=.014;e<1;e*=2){for(i=0;i<e;i+=.01){M=t+i+e*S(t+i);r=w/2*e*(1-e*e)/(1+e*C(M));x.fillRect(C(M)*r+1500,S(M)*r+540,5,5);}}

Mar 4 2017 4:45 PM UTC

}// 138/140

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

Inspired by recent orbit posts by SpecialAgent.

show FPS hide FPS share fullscreen

Pyrofoux

remix of d/1807 by u/fnurgel

function u(t) {

c.width^=0;for(i=2e3;i--;)x.fillStyle=`hsl(`+t*30+`,80%,50%)`,x.fillRect(0,i/2,2e3,S((T(t)*(1e3-i)/500)%360+i/100+S(t)+(i-i%100)*2)/1.5)

Mar 3 2017 4:44 PM UTC

}// 136/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

seanrox

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Mar 2 2017 8: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).

show FPS hide FPS share 1 remix fullscreen

sawaxon

remix of d/1704 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<40*j;i++)x.fillRect(900+T(t+i/4)*80*j,500+T(t+i/80)*40*j,4,4)

Mar 1 2017 9:03 PM UTC

}// 99/140

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