Dweets awesomed by u/Quant1um

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

cantelope

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=5e3;i--;Z=130-(t*40+i)%130,s=280/Z,x.clearRect(960+1/Z*(-99+i*6e72%199)*700,540+(-70+i*8e61%140)/Z*700,s,s));

Mar 29 2017 6:05 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/aemkei

Whaa, this is the best starfield here, so far! Good job!
u/cantelope

Thanks aemkei! I see a couple missed opportunities tho. might try again. :)
u/tapgiles

That takes me back to... around 1995. ^^
u/cantelope

#starfield #stars

show FPS hide FPS share 5 remixes fullscreen

mxfh

remix of d/2327 by u/nonce

function u(t) {

with(x)font='9em s',fillStyle=`hsl(${S(t*8)*180},90%,${t%.3<.1?70:0}%)`,fillText('ᗋ',905,560),drawImage(c,-20,-10,1960+S(t),1100)

Mar 28 2017 12:00 PM UTC

}// 129/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/sfz

hey, which way to the rave? oooohhhhhhHhhhHhhHhHhhh...
u/sigveseb

cool tunnel :D
u/recursive

Reminds me of clockwork orange.
u/nonce

Love it! did a quick remix with the Russian П in sans-serif just to see what a tunnel might look like: https://www.dwitter.net/d/2332 and got a weird thing happening on the floor. :-)
u/mxfh

Trigrams ☱ and 🀹 Domino tiles work great too. Still if anyone could offer a 1D Noise/Pattern method for pure slit-scan goodness? https://vimeo.com/41747091
u/donbright

Ffonzie's favorite dweet
u/nonce

holly molly: ∩
u/hjroh0315

...So this is what we call a wardrobe malfunction.
u/iverjo

#tunnel
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern

show FPS hide FPS share fullscreen

nonce

remix of d/2312 by u/nonce

function u(t) {

with(x)font='390px Arial',m=t?m:1,c.onmousemove=()=>m++,lineWidth=2,setLineDash([m,1e9]),strokeText(atob("SGVsdmV0aWNh"),3,1e3)

Mar 27 2017 7:02 AM UTC

}// 127/140

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

Find the word

u/cantelope

black magic!
u/joeytwiddle

#interactive #text
u/katkip

eval(atob("SGVsdmV0aWNh")) i found it

show FPS hide FPS share fullscreen

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5:53 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/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 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 more comments…
u/sfz

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

show FPS hide FPS share fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

c.width^=0;r=400;A=[.4,.7,1,1.5,1,2,4,7];for(n=4;n--,q=r*A[n],d=t/A[n+4];)x.arc(r*2,r,q,1,9),x.stroke(),x.fillRect(r*2+q*C(d),r+q*S(d),9,9)

Mar 2 2017 10:55 AM UTC

}// 139/140

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

Illustrates the orbits of the first 4 planets in our solar system. The distance from the sun (not shown but expected in the center) and the orbital periods are to approximate scale. Variable A holds the planetary data, positions 0-3 indicate the distance in Astronomical Units from the sun, positions 4-7 the number of days for orbital periods. These are rounded to fit into the 140 byte limit. Earth should be 3.65, but is rounded up to 4. Not perfect but a close approximation. q is the radius of each orbit (derived from the AU distance), and d is the angle of the planet on the orbital path (derived from the days per orbital period).

u/donbright

hell yeah
u/donbright

remix to show e-v orbital resonance https://www.dwitter.net/d/1811
u/donbright

i wish i could vote twice on SpecialAgent's dweet, so cool.
u/SpecialAgent

Thank you donbright :)
u/SpecialAgent

A golfed version that tunes earth's orbital period to 360 days, and speeds up the simulation: c.width^=0;r=600;for(n=4;n--,q=r*[.2,.3,.5,.75][n],d=t*2/[1,2,3.6,7][n];)x.arc(r,r,q,1,9),x.stroke(),x.fillRect(r+q*C(d),r+q*S(d),9,9)

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = (c, y, s) => x.fillRect(t*120, 540 + y*120, s, s, x.fillStyle = c)
f('#999', 0, 2)
f('#F00', S(T(S(T(S(t))))), 4)
f('#00F', T(C(t)), 4)

Mar 1 2017 3:02 PM UTC

}// 139/140

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

Two interesting functions. T(C(x)) in particular looks a lot like a rounded triangle wave, which is pretty handy… mostly posting this as a meta-dweet/for reference. :)

u/sigveseb

perfect stuff for putting a community wiki!

dwitter.net | Quant1um (8610)