Dweets awesomed by u/Xen

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

hoplite

function u(t) {

t=C(t*9)*255
x.fillStyle=R(t+30,t,t+99,.1)
x.fillRect(C(t)*9+954,S(t)*9+534,9,9)
x.drawImage(c,-48,-27,2016+S(t),1134+C(t))

Jan 3 2018 12:18 PM UTC

}// 124/140

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

u/Xen

nice, reminds me of Dr.Who
u/joeytwiddle

the theme tune was playing in my head as I read Xen's comment!

show FPS hide FPS share 1 remix fullscreen

Zolden

function u(t) {

c.width|=0;for(k=0;k++<1999;){j=k%20;q=j*j;
i=k/20;p=255-q*j/30;x.fillStyle=R(p,p,p,1);x.fillRect((q+75)*i-q*(t+8)*3,q*2,q/2,j*40)}

Jan 2 2018 11: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).

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/5282 by u/travistx

function u(t) {

x.globalAlpha=.1
x.lineWidth=99
x.strokeStyle=`hsl(${(Z=t*t/8)*7},100%,50%)`
x.beginPath()
x.fill(x.arc(960,540,Z%2*600,Z-1,Z+1))
x.stroke()

Jan 2 2018 10:59 PM UTC

}// 140/140

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

little remix

u/crimbles

Trippy

show FPS hide FPS share 3 remixes fullscreen

hoplite

function u(t) {

i=c.width=96;for(;i--;)for(k=54;k--;)A=t=>(S(i/9+t)*S(k/7)+S(k/9+t)*S(i/7-t))*255,x.fillStyle=R(A(t),A(t+.2),A(t+.4)),x.fillRect(i,k,1,1)

Jan 2 2018 10:57 PM UTC

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

very nice style
u/sigveseb

Quite excellent, very nice
u/joeytwiddle

Lush
u/magna

Wow! Nice!
u/crimbles

That's so nice
u/Chipnstein

Woah... new dosktop background
u/codeslaw

Yes
u/joeytwiddle

#plasma #metaballs #color
u/vain

nice plasma like fx
u/joeytwiddle

#lush

show FPS hide FPS share fullscreen

Xen

remix of d/3167 by u/Xen

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+S(p=.9*i+S(t)*3e3/i*S(t))*(d=i*i/1e3)-i*C(t),540+C(p)*d-i*S(t),s,s))x.fillStyle=R(Z=t*i%255,s=i/5,255-Z)

Jan 2 2018 9:31 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/jbl

WOW! 💯
u/lionleaf

Testing new links u/Xen
u/Xen

Yay! d/5309
u/donbright

i would have said this was impossible if i didnt see it
u/lionleaf

#alien #needle #color #floppy #rotation
u/sybarita

Yo what ... this is amazing
u/mrperson59

Is this what sleeping beauty pricked her finger on?
u/ximavus

#d3

show FPS hide FPS share fullscreen

Xen

remix of d/5286 by u/rippedspine

function u(t) {

t||(c.globalAlpha=a=b=.7);r=c.width/c.clientWidth;c.onmousemove=e=>{X=e.x*r;Y=e.y*r};x.fillRect(a+=(X-a)*.2,b+=(Y-b)*.2,.8,5)

Jan 2 2018 6:54 PM UTC

}// 125/140

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

simple remix, Mouse to sketch.

u/rippedspine

nice
u/Xen

thank you :)

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/5273 by u/magna

function u(t) {

for(c.width|=i=h=960;i--;)x.fillRect(h+h*(2e5-(i%h-539)**2)**.5/1e3*S(t+.9*i),i%h,d=9*C(t+9*i),d)

Jan 2 2018 6:37 PM UTC

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

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 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

dwitter.net | Xen (95845)