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 fullscreen

M1T0

function u(t) {

x.fillStyle=`hsl(${t*25 },99%,50%)`
for(i=99;i--;x.rotate(S(t*10)))
x.fillRect(40*i*C(t*3),C(t*3),25,25)

Jan 4 2018 7:30 PM UTC

}// 105/140

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

not really sure how it works at all

u/Purpzie

seems like an uncredited remix of d/10087
u/M1T0

It's not

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

x.font='99px s'
x.fillText('5MB JS invitro ▶️',0,99)
this.onclick=()=>document.location='//neuralyte.org/~joey/noi/no-invitation.png.html'

Jan 2 2018 3:23 PM UTC

}// 138/140

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

Revision Demoparty will be March 30th - April 2nd in Saarbrücken, Germany. Click to see the invitation demo. It will need some free memory and it will play some music! It is written in 42,697 dweets of Javascript.

u/trupples

a big ol' maybe monad that's what this is
u/iverjo

Come to Revision! It will be awesome
u/sigveseb

Lol, "dweets of Javascript"
u/joeytwiddle

I should have said: "42,698 dweets of Javascript and assets."
u/joeytwiddle

Sorry the link is down. Here is the original: http://www.pouet.net/prod.php?which=73145

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 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/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal
u/ximavus

dude has almost 300 likes!
u/ximavus

u/Citiral since ECMAScript 666 lol

show FPS hide FPS share 5 remixes fullscreen

ben

function u(t) {

function v(a,b,g,r){if(r>1){x.fillRect(a+=r*S(g),b-=r*C(g),2,2)
v(a,b,g-1+C(t),r*=.7)
v(a,b,g+.5+S(t),r)}}c.width=500
v(250,270,0,80)

Dec 28 2017 9:28 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/Xen

LOVE IT!
u/ben

trying to make a swaying tree but requires too many characters to draw the branches
u/Xen

join the chat and show your code... :-)
u/sigveseb

Very good!
u/itsjustmustafa

recursive functions in under 140, love it!
u/Bendoman

Best thing on here by far.
u/FrankMoren27

awesome
u/iverjo

#recursive
u/lionleaf

#fractals
u/vain

incredible

show FPS hide FPS share 1 remix fullscreen

ellisk1

function u(t) {

d=t%1;x.fillStyle=R(t%6/6*(q=d*1e3),150-q,0,.5);x.beginPath();q+=(b=600);x.arc(b+q*C(a=6.3*Math.random()),b+q*S(a),b,e=3+a,e+.1+d);x.fill();

Jan 2 2018 10:27 PM UTC

}// 140/140

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

The longer it has to fill in the better it looks!

show FPS hide FPS share fullscreen

eviltoad

remix of d/5590 by u/eviltoad

function u(t) {

t||(a=0);
x.fillStyle='hsl('+360*S(t+(a+=.01))+',90%,40%)'
x.fillRect(0,740,3000,4+t);
x.translate(t/16,.05+t/2*S(t))

Jan 5 2018 5:40 PM UTC

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

travistx

remix of d/5281 by u/travistx

function u(t) {

x.lineWidth=40
x.strokeStyle=`hsl(${t*60},100%,50%)`
x.beginPath()
x.arc(960,540,t%2*300,t*4,t*4+.1)
x.stroke()

Jan 2 2018 5:31 PM UTC

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

DirtyDan

remix of d/5459 by u/DirtyDan

function u(t) {

c.width=1920;p=Math.PI*2;x.beginPath();a=540;for(i=0;i<480;i++){b=p*(i/480)*T(t/4);x.lineTo(0,a+a*S(b));x.lineTo(i*4,a+a*-S(b))}x.stroke()

Jan 4 2018 5:06 PM UTC

}// 138/140

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

Optimized for coolness/smoothness

u/coderkid

Dweet #5500 ! :D

show FPS hide FPS share 1 remix fullscreen

eviltoad

remix of d/5588 by u/eviltoad

function u(t) {

x.fillStyle='hsl('+360*S(t)+',100%,50%)'
x.fillRect(0,740,3000,4+t);
x.translate(t/16,.05+t/2*S(t))

Jan 5 2018 4:51 PM UTC

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

Vshinin

function u(t) {

w=1920,h=1080,d=h/20,tt=t*200,c.width=w;for(i=0;i<w/d+1;i++)for(j=0;j<d+1;j++)i%2^j%2&&x.fillRect(i*d+tt%d-d,j*d+tt%d-d,d,d);

Jan 4 2018 2:49 AM UTC

}// 125/140

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