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

rodrigo.siqueira

remix of d/11310 by u/rodrigo.siqueira

function u(t) {

for(i=70;i--;){for(j=9;j--;){
x.font=7-j/2+"em'"
 x.fillText("🐝", i*26+j*20*S(t), 1140-j*50*T(i*j+t/5))
}}

Dec 6 2018 2:53 AM UTC

}// 106/140

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

Bee fly

u/katkip

# bees and bees

show FPS hide FPS share fullscreen

New_Core

function u(t) {

x.beginPath()
d=(X,Y)=>(x.moveTo(X,Y),x.lineTo(X+400*S(t),Y+200*C(t)))
d(960+80*T(t),740+80*C(t))
d(450,300)
d(1450,300)
x.stroke()

Dec 4 2018 2:16 PM UTC

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

metamero

remix of d/11332 by u/metamero

function u(t) {

eval(unescape(escape`琿潮浯畳敤潷渽攽㹢㵯湭潵獥浯癥㵥㴾戦♸⹬楮敔漨攮砬攮礩㨨潮牥獩穥㵯湤扬捬楣欽攽㹣⹷楤瑨㵩湮敲坩摴栩⡯湭潵獥異㵥㴾砮扥杩湐慴栨戽〩⤻潮睨敥氽攽㹻砮汩湥坩摴栭㵥⹤敬瑡夯㈰ぽ㭸⹳瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Dec 6 2018 9:44 PM UTC

}// 138/140

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

minimalist marker #interactive #paint v1.3

u/metamero

click to draw multipath + wheel to increase size of the marker + double click or resize to delete + fullscreen-able
u/metamero

my favorite is d/11332 , because i didn't use the compressor
u/metamero

#application #app

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

eval(unescape(escape`爽䵡瑨⹲慮摯活景爨畛栽ㄶ崽爨椽㉥㌩⨱攴㭩ⴭ㭸⹦楬汒散琨㜰㐫椥㌲⩨ⰹ㜰⴨椾㸵⤪栬栬栩⥮㵵孩崽爨焽椫⸵⵲⠩簰⤪⡵孱崫畛焫ㅝ⭵孱ⴳ㉝⭵孱ⴳㅝ簰⤪⸴㠬砮晩汬却祬攽刨渪㐬渪㈩`.replace(/u(..)/g,"$1%")))

Dec 2 2018 6:43 PM UTC

}// 130/140

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

golfed from https://codepen.io/ge1doot/pen/aQPqXX?editor…

u/yonatan

r=Math.random;for(u[h=16]=r(i=2e3)*1e4;i--;x.fillRect(704+i%32*h,970-(i>>5)*h,h,h))n=u[i]=r(q=i+.5-r()|0)*(u[q]+u[q+1]+u[q-32]+u[q-31]|0)*.48,x.fillStyle=R(n*4,n*2)
u/yonatan

#flame #fire
u/jylikangas

I clicked hot and this appeared. Can confirm Dwitter UI is properly tested.
u/sigveseb

Hot indeed

show FPS hide FPS share fullscreen

rnbw

function u(t) {

x.font='1pt"';for(i=0;i++<6;){x.fillText("🔯🍡",960,540+T(t*i)*40000);x.drawImage(c,5*S(t+i),5*S(t-i),1920+10*C(t-i),1080-10*S(t+i))}

Dec 4 2018 7:29 PM UTC

}// 131/140

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

a nebula! ⭐

u/magna

Nice!
u/rnbw

(turns out it looks best with chrome os or ios, though it looks WILDLY different on either...)

show FPS hide FPS share fullscreen

veubeke

remix of d/11275 by u/veubeke

function u(t) {

x.fillRect(0,0,i=c.width=192,80);for(x.font='1em"';i--;c.style.imageRendering='pixelated')x.fillText(i-9?'🌲':'🎄',i%32*12-i/32*6,99-i/5.2)

Dec 3 2018 7:26 PM UTC

}// 137/140

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

#pixel forest – higher resolution version that works in Chrome and Safari

u/lionleaf

#christmas #forest #xmastree

show FPS hide FPS share fullscreen

magna

remix of d/11264 by u/yonatan

function u(t) {

eval(unescape(escape`挮睩摴栽㘴㭦潲⡩㴳攳㭩ⴭ㭸⹦楬汒散琨堬夬ㄬㄩ⥘㵩┶㐬夽椾㸶Ɱ㵵孩崽⡍慴栮牡湤潭⠩⨨畛楝⭵孩⬱崫畛椫㘳崫畛椫㘴崫㔩㸾ㄩ⬨堾ㄳ♘㰴㠦堥㐾ㄦ夾ㄳ♙㰲ㄦ琦ㄩ⨶〬砮晩汬却祬攽刨測港㌬港㘩`.replace(/u(..)/g,"$1%")))

Dec 4 2018 5:42 AM UTC

}// 136/140

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

Raging #default

u/magna

Uncompressed: c.width=64;for(i=3e3;i--;x.fillRect(X,Y,1,1))X=i%64,Y=i>>6,n=u[i]=(Math.random()*(u[i]+u[i+1]+u[i+63]+u[i+64]+5)>>1)+(X>13&X<48&X%4>1&Y>13&Y<21&t&1)*60,x.fillStyle=R(n,n/3,n/6)
u/magna

#flames #fire
u/Xen

love it!

show FPS hide FPS share fullscreen

metamero

remix of d/11336 by u/metamero

function u(t) {

eval(unescape(escape`琿潮瑯畣桭潶攽攽㹻洽攮瑯畣桥猻砮汩湥呯⡭嬰崮捬楥湴堬浛そ⹣汩敮瑙⤻砮汩湥坩摴栽浛ㅝ⹣汩敮瑙⼹紺⡯湤扬捬楣欽攽㹣⹷楤瑨㵩湮敲坩摴栩⡯湴潵捨獴慲琽攽㹸⹢敧楮偡瑨⠩⤻砮獴牯步⠩`.replace(/u(..)/g,"$1%")))

Dec 7 2018 3:13 PM UTC

}// 133/140

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

[touch] minimalist marker #interactive #paint v:M1.2 (second touch to resize marker)

u/metamero

#application #app see d/11336 for multitouch version, d/11332 for mouse/PC version and d/11334 for a version that changes marker size with the mouse wheel

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/11257 by u/yonatan

function u(t) {

r=Math.random
c.width=64
for(i=3e3;i--;x.fillRect(i%64,i>>6,1,1))n=u[i]=r()*(u[i]+u[i+1]+u[i+63]+u[i+64]+5)>>1,x.fillStyle=R(n,n/2,n/4)

Dec 3 2018 7:28 AM UTC

}// 135/140

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

#fire

u/aleamb

superb!!

show FPS hide FPS share fullscreen

metamero

remix of d/11323 by u/metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:0
t?onmousedown=e=>c.width=innerWidth:X=Y=0
with(x)fillStyle=R(t*X*Y%256),beginPath(),arc(X,Y,9,0,7),fill()

Dec 6 2018 2:46 PM UTC

}// 139/140

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

#interactive