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

yonatan

remix of d/10704 by u/yonatan

function u(t) {

eval(unescape(escape`挮楮湥版呍䰽怼獶朾㱦楬瑥爠楤㵦㸼晥呵牢畬敮捥⁢慳敆牥煵敮捹㴮〰ㄠ湵浏捴慶敳㴵 㸼晥䑩獰污捥浥湴䵡瀠獣慬攽⑻匨琩⨹㤹紾总砮晩汬呥硴⡸⹦楬瑥爽≵牬⠣昩∬〬〩`.replace(/u(..)/g,"$1%")))

Oct 26 2018 12:31 PM UTC

}// 124/140

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

#waitforit (unless you just see a blank canvas, then it's broken)

u/joeytwiddle

Wow that's beautiful! But #heavy on some machines #plasma #cloud #oil #oil_spill

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

c.width=600;
for(n=1;n<9;n++) {
 for(i=1;i<8;i=i+6.28/n) {
  x.lineTo(S(t)*C(i)*35+370+n*80-450,200+S(i)*80)
 }
 x.stroke()
}

Oct 25 2018 10:00 PM UTC

}// 126/140

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

Polygon showcase

u/f8f82804

I love the 2-gon!

show FPS hide FPS share 1 remix fullscreen

alice-mx

remix of d/10754 by u/alice-mx

function u(t) {

w=S(t)*100+110;
c.width=500;
for(i=0;i<2000;i++){
v=~~(i/50)
x.fillRect(i%50*w*2+v%2*w,v*w,w,w)}

Oct 29 2018 8:39 AM UTC

}// 96/140

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

thanks i hate it

u/BirdsTweetCodersDweet

w=S(t)*50+55 c.width=250 for(i=0;i<2e3;i++)v=~~(i/50),x.fillRect(i%25*w*2+v%2*w,v*w,w,w) - bit faster, 88 chars, golf your code damn it...

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭸⹴牡湳污瑥⠹㘰ⰵ㐰⤻砮牯瑡瑥⡴⤻景爨椽㐻ⴭ椻砮牯瑡瑥⠶⸲㠯㌩ⱸ⹦楬氨湥眠偡瑨㉄⡠䴴〴‱㜰‶㘠ⴴ㌳‭㔵‭㐳㌠㈲㈠㘴‭ㄱ㌠㘴‭ㄷ〠ㄶ㑚怩⤩砮晩汬却祬攽恨獬⠤筴⨶ぽ‶〥․筩⨹紥总`.replace(/u(..)/g,"$1%")))

Oct 24 2018 5:08 PM UTC

}// 140/140

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

rotating penrose

Show more comments…
u/anotherkitten

source code: https://pastebin.com/wnqGPycP
u/yonatan

cool!
u/tomxor

#Impossibleobject
u/tomxor

I challenge anyone to add rotation :P
u/BirdsTweetCodersDweet

There already is rotation?
u/anotherkitten

i think he means on a different axis that would make the object look 3d
u/tomxor

Yup an axis that is not parallel to the camera plane... i'm half joking because it's an impossible object, a trick of 3d projection, that said their may be a way to maintain the illusion while rotating on one of the fictitious planes.
u/danny@hille.dk

AWESOME!

show FPS hide FPS share 1 remix fullscreen

alice-mx

remix of d/10753 by u/alice-mx

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<999;i++){
v=~~(i/20)
x.fillRect(i%20*100+v%2*C(t*5)*50%100,v*50+(v+1)%2*S(t)*50,50,50)}

Oct 29 2018 8:24 AM UTC

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

Xen

remix of d/10709 by u/New_Core

function u(t) {

s=c.style;s.backgroundBlendMode='overlay';for(b=[i=2];i--;s.background=b)b[i]=`repeating-radial-gradient(${S(i+t/3)+1}%${i}%,#bad,#666 99%)`

Oct 26 2018 6:18 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/katkip

that #bad and that 666 is spooky
u/anotherkitten

now this dweet is tagged "bad"

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;r=(f,q)=>{while(q-->0)for(i=0;i++<10;)x.fillRect(400/q+i*100/q+S(f)*300/q,400/q,50/q,200/q)};r(t,t*t/3)

Oct 27 2018 6:07 PM UTC

}// 114/140

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

#recursive #default

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t)x.translate(960,0),x.rotate(.79);for(i=0;i<48;i++)for(j=0;j<48;j++)x.fillStyle=(t*i/6&j*t/6)?"#fff":"#000",x.fillRect(i*30,j*30,30,30)

Oct 27 2018 4:42 PM UTC

}// 140/140

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

Simpliest #sierpinski #fractal

show FPS hide FPS share fullscreen

yonatan

remix of d/10639 by u/yonatan

function u(t) {

for(i=9,j=b=[];i--;c.style=`${B=';background'}:${b+B}-blend-mode:difference`)b[i]=`radial-gradient(at ${i*9}%${S(i+t)*9}%${j+=',aqua,tan'})`

Oct 24 2018 10:54 AM UTC

}// 140/140

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

Wavy

u/katkip

#waves #art
u/joeytwiddle

I almost see water caustics in there
u/lionleaf

It does look like #caustics ! :D

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width+=0
r=z=>Math.random()-.5
a=this.a||[...Array(1e4)].map(z=>[4e3*r(),3e3*r(),r(),r()])
a.map(b=>x.fillRect(b[0]+=b[2],b[1]+=b[3],7,7))

Oct 26 2018 9:13 PM UTC

}// 140/140

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

random moving objects using window.a for persistence #floatingobjects

u/pavel

Js puts all vars into global namespace if you don't use 'var' or 'let' and t starts at 0 so you can do t?a.map(...):a=[...]
u/katkip

#ai