Dweets awesomed by u/xem

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 2 remixes fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 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/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

show FPS hide FPS share fullscreen

corruptio

remix of d/5423 by u/aemkei

function u(t) {

for(c.width|=i=h=999;i--;)x.fillText(0,h+(i*h-i*i)**.5*S(t+i),i)

Jan 4 2018 12:42 AM UTC

}// 64/140

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

golfier

u/lurifax

Nice golfing!
u/iverjo

#sphere

show FPS hide FPS share fullscreen

p01

function u(t) {

for(c.width=n=128;n-=r=i=1/64;x.fillRect(n%2*64,n/2,k/32,1))for(Y=1-n*i,X=n%2-1,k=32;--k/r;i=j)j=2*r*i+X*S(t)-Y*C(t),r=r*r-i*i+Y*S(t)+X*C(t)

Jan 3 2018 9:41 PM UTC

}// 140/140

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

Spinning Mandelbrot set

u/magna

We're going to need a bigger CPU.
u/iverjo

Nice effect! 22 FPS on my machine, in Firefox. Surprisingly, it runs much slower in Chrome and Edge (4 FPS)
u/sigveseb

Screeching by at 4FPS on my machine too :D nice mandelbrot though
u/donbright

feel like standing up and applauding. unbelievable.
u/rodrigo.siqueira

#mandelbrot #fractal

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

T=t%6*4;if(T<.2)c.width+=0;for(i=T;i<19;i++)x.fillStyle=R(0,0,0,(T+19)/3e3),w=250*(2+C(i/3))*C(T/8+i/12),x.fillRect(960-w/2,30+50*i,w,50)

Jan 3 2018 7:58 PM UTC

}// 137/140

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

u/sigveseb

woooow hourglass!

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?

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

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 fullscreen

Mangocode

function u(t) {

c.width=1920;
t*=20
for(i=0;i<t;i+=0.25){
x.fillStyle=R(255-i/(t/255),0,0)
  x.fillRect(960+S(i)*i, 540+C(i)*i, 50, 50)
}

Jan 2 2018 7:24 AM UTC

}// 121/140

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

u/jyoti

Hi, I want to use this code how should i?
u/Mangocode

What, specifically, do you mean?
u/iverjo

@jyoti: Go to https://dweet.dwitter.net/id/5224?autoplay=1 and save the page to get a "standalone" HTML file
u/Mangocode

Apologies for the extremely late response, are you asking how to download it?
u/Mangocode

I feel stupid. I wonder what the meaning of life is.

show FPS hide FPS share 1 remix fullscreen

phillipcool

function u(t) {

c.width=2e3;x.font="200px A";x.fillText("▶️",900,700);c.onclick=()=>{speechSynthesis.speak(new SpeechSynthesisUtterance("happy new years"))}

Jan 2 2018 7:13 AM 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

It's so cool that you can do that with 140 characters :D
u/joeytwiddle

I really like the user-friendly play button (and I'm stealing the idea!)
u/joeytwiddle

#audio #speech #newyear

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

v=Math.random
w=256
x.fillStyle=R(v()*w,v()*w,v()*w)
x.fillRect(0,540+S(t)*t*9,9,9)
p=C(t)*C(t)
x.drawImage(c,8+p*8,4.5+S(t)*4.5,1904,1071)

Jan 2 2018 5:33 AM UTC

}// 139/140

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

u/quuxman

alien warp crystal
u/johnp

holy shit

dwitter.net | xem (5208)