Dweets awesomed by u/MrFuzzzy

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

MrFuzzzy

function u(t) {

c.width=999;
for(i=1;i<30;i++){m=i*5
for(b=0;b<m;b++){a=b/m*6.3;d=i*40;x.beginPath();x.arc(S(a)*d,C(a)*d,9+S(b*6.3/m+i+t)*7,0,6);x.fill()}}

Jan 10 2018 11:47 PM UTC

}// 139/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 3 remixes fullscreen

FrenchToast

function u(t) {

c.width|=0;for(i=200;i--;){x.beginPath();x.arc(960+100*S(t*i/30),1080/2+2*i*S(3*t),60+i,0,2*Math.PI);x.fill();x.fillStyle=R(0,200-i,255-i)}

Jan 9 2018 5:44 PM UTC

}// 139/140

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

u/sigveseb

Top notch gradient, so smooth
u/Xen

done you a remix: d/5836

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 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/Xen

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share 2 remixes fullscreen

coderkid

function u(t) {

c.width|=0;for(s=19;s--;)for(a=10;a--;){x.beginPath();x.arc(s*100+50,a*100+50,Math.abs(S(t+s+a)*50),0,2*Math.PI);x.fill();}

Jan 8 2018 12:52 AM UTC

}// 123/140

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

u/Xen

lots of nice dweets, keep up the good work!

show FPS hide FPS share 1 remix fullscreen

nim442

function u(t) {

x.arc(1000,500,400*t/7,t*t,t);
x.stroke();

Jan 7 2018 5:58 AM UTC

}// 42/140

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

u/iverjo

42 characters!

show FPS hide FPS share 1 remix fullscreen

ellisk1

remix of d/5056 by u/ellisk1

function u(t) {

x.fillRect(0,0,q=c.width=2e3,q);for(i=q;i--;)r=99+i**4/7e7/t,x.fillStyle="#fff",x.fillRect(1e3+C(z=i%q*i+3e2*t/r)*r,1e3+S(z)*r-i,8+6*S(z),5)

Jan 3 2018 3:46 PM UTC

}// 140/140

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

A little remix of my black hole dweet

u/RomanW

Really fantastic!
u/iverjo

Nice 3D effect!
u/M1T0

very impressive
u/lionleaf

#tunnel #black_hole #tornado
u/vain

Looks so great!

show FPS hide FPS share fullscreen

RomanW

remix of d/5233 by u/RomanW

function u(t) {

z=34;f=(60*t)%960;'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1&&x.fillRect(f%31*z,~~(f/31)*z,z,z)

Jan 2 2018 4:12 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/Pjaerr

That's cool.
u/Chipnstein

Was expecting dickbut... not exactly disappointed but still cool
u/aemkei

OMFG! This is incredible!!
u/aemkei

but shorter but ugly: f=60*t;x.fillRect(f%31*9,f/3,'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1,9)
u/RomanW

Nice aemkei, thanks!
u/oldspork

This is amazing. I'm brand-new to coding and very new to Dwitter; how on Earth do all of those symbols and letters code for a picture of the Earth?
u/RomanW

Hi oldspork! The magic happens with the function charCodeAt. This function gets the numeric value of one character at a time. Since these are UTF-16 characters, you can get 16 bits of information in one character.
u/lionleaf

#globe #earth #bitmap #pixelart
u/Purpzie

Is there an easy way to make these kinds of things? (specifically how the data for each pixel is stored)
u/dsamarin

String.fromCharCode.apply(null, new Uint16Array(34).map((r) => Math.random()*0xffff))

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=1920;
for(i=0;i<240;i++){
  s2=S(i*t*0.04)*30
  x.fillRect(10+i*8,390+S((120-i)*t*0.01)*400-s2*0.5,4,300+s2)
}

Dec 28 2017 2:39 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 2 remixes fullscreen

mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=960;a=C(i/w*4),b=!b,i-->-w;n+=C(t*i*i),x.fillStyle=R(e=b*w,e,e))x.fillRect(i+b+w,a>0?w+a*a*n*2+b*4:w,2,w)

Mar 13 2017 10:35 PM UTC

}// 138/140

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

dwitter Album Cover Art https://blogs.scientificamerican.com/sa-visu… (deleted the prior version)

Show more comments…
u/donbright

wonderful
u/SpecialAgent

Nice homage to a great band :)
u/p01

Super smart implementation! Wish I saw it before I did https://www.dwitter.net/d/2958
u/zanella

I saw i--> and thought it was a new JS operator. :)
u/lionleaf

#album #album_cover
u/mxfh

#unknownpleasures #joydivision
u/rodrigo.siqueira

Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

dwitter.net | MrFuzzzy (767)