Dweets awesomed by u/trupples

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

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 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 1 remix fullscreen

fourier.space

function u(t) {

t||(y={})
x.fillStyle=R(99-9*t,59,99,.2)
f=r=>y=>r*(y-y*y)
for(r=0;r<999;r++)x.fillRect(1920*(y[r]=f(3.44+r/1784)(y[r]||.7)),r/.93,5,1)

Jan 2 2018 3:01 PM UTC

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

hnen

function u(t) {

c.width=2e3;w=1e3;
for(i=1;i<w;i++){y=(i*i)%w-500;a=i%6.28+t;s=10*(2+C(a));x.fillRect(w+S(a)*Math.sqrt(25e4-y*y),60+1e3/2+y,s,s);}

Jan 2 2018 2:10 PM UTC

}// 131/140

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

u/joeytwiddle

#sphere

show FPS hide FPS share fullscreen

trupples

function u(t) {

t?c.width=innerWidth:X=Y=a=b=0,c.onmousemove=e=>E=e
x.arc(X+=a+=(E.x-X)/1e3,Y+=b+=(E.y-Y)/1e3,9,7,0)
x.lineTo(E.x,E.y)
x.stroke()

Jan 2 2018 1:43 PM UTC

}// 129/140

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

Elastic sling

Show more comments…
u/Xen

very nice!
u/wclang

Yo-yo--very nice indeed!
u/magna

Tip: Hijack an existing variable that you don't make use of (like S, C, T) to avoid the initial reference error for the variable E
u/trupples

aah, nice one
u/katkip

OMG
u/katkip

#physics

show FPS hide FPS share fullscreen

yokljo

function u(t) {

w=c.width|=0
j=w/2
h=700
x.font="90px A"
x.fillText("💧",j-50,(t%1-.55)*w)
for(i=-j;i<j;i++)x.fillRect(i+j,h-S(S(i/j*9/(t%1))/i/j*w)*90,2,h)

Jan 2 2018 1:41 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/magna

Awesome!
u/Pjaerr

You should really make the rectangle blue or something.
u/Lazy1337

the "rectangle" is actually an emoji, I know its a water drop because I can see it on my newer PC
u/Lazy1337

well not really the strict definition of "emoji" but you got it.
u/joeytwiddle

#water #drop

show FPS hide FPS share 1 remix fullscreen

hoplite

function u(t) {

i=w=c.width=2e3;for(;i>0;i-=9)for(k=0;k<1e3;k+=9)a=S(t)*2,q=i-w/2,p=k-540,z=(5+S(t*2))*9,C((q*a+p)/z)+C((p*a-q)/z)<S(t)||x.fillRect(i,k,9,9)

Jan 2 2018 1:14 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/iverjo

Best rotozoom I've seen on dwitter!
u/sigveseb

Solid stuff
u/iverjo

#rotozoom

show FPS hide FPS share fullscreen

Zikoat

remix of d/5244 by u/anilalur

function u(t) {

w=c.width=1920,h=c.height=1080;
for(i=0;i<w;i++)
x.lineTo(i,c.height/2+S(3.141*100*i+t*3)*(S(i/300)*300));
x.lineWidth=10;
x.stroke();

Jan 2 2018 12:19 PM UTC

}// 134/140

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

u/BirdsTweetCodersDweet

Arctic monkeys lol... Nice. Nice taste in music too :D

show FPS hide FPS share 1 remix fullscreen

hnen

function u(t) {

c.width=2e3;w=1e3;a=Math.abs;for(i=0;i<2e3;i+=20)for(v=0;v<w;v+=10){dx=i-w;a(5*t+w/v)%2<1^a(dx/v)%2<1||x.fillRect(i,v,10,10)}

Jan 2 2018 12:05 PM UTC

}// 125/140

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

u/iverjo

#perspective

show FPS hide FPS share 2 remixes fullscreen

Yogeshp3

function u(t) {

c.width=1920;r=450;i=U=.0314;p=(i,f)=>r+r*f(U*i);for(;i<200;){n=i*t%200;x.stroke(new Path2D(`M${p(i,C)} ${p(i++,S)} L${p(n,C)} ${p(n,S)}`))}

Jan 2 2018 10:45 AM UTC

}// 140/140

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

Modular multiplications around the circle..

dwitter.net | trupples (15393)