Dweets awesomed by u/nonce

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: #ScaryMovies

show FPS hide FPS share fullscreen

nonce

remix of d/2311 by u/Lappi

function u(t) {

c.width=1920;x.font='9em Arial';
for(i=0;i<360;i++)
x.fillStyle=`hsl(${i*t/10},99%,50%)`,
x.fillText('▒▒',i*5,S(i*5+t*i/200)*400+600);

Mar 29 2017 4:55 AM UTC

}// 135/140

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

u/tapgiles

Great idea to add texture!
u/donbright

fascinating patterns going on here! i like to contrast the left w the right

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

t?(p=s[d%2]+=(d/2<1?4:-4),s[d%2]=p>800?0:p<0?800:p,x.fillRect(...s,8,8)):(s=[96,96],d=0,onkeyup=e=>{n='dsaw'.indexOf(e.key),d=n%2==d%2?d:n})

Mar 29 2017 1:19 AM UTC

}// 140/140

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

WASD Snake!

u/Jenky

You can change the controls by editing 'dsaw' to any four letters, starting with whichever is to be "move right", going clockwise
u/donbright

the controls seem a bit unreliable on my sytem (firefox linux) but when it works, it is reaally cool, one of my favorite dweets ever. nice
u/donbright

remix https://www.dwitter.net/d/2350

show FPS hide FPS share fullscreen

nonce

remix of d/2330 by u/mxfh

function u(t) {

with(x)font='9em sans-serif',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 7:03 PM UTC

}// 138/140

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

u/donbright

font='9 em sans' also works :)
u/nonce

@donbright great tip!
u/cantelope

'9em x'' seems to do the same thing as '9em sans' ¯\_(ツ)_/¯
u/donbright

this reminds me of an old carnival ride in my home town, it was called Phantasmagoria, no longer in operation, but you would ride thru tunnels of glowing pillar-gates. good times. nice job

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

cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;a=i*10,x.fillStyle=`hsl(${i*4-t*99},99%,50%`,x.fillRect(-a,-a,a*2,a*2),x.rotate(.02));x.restore()

Mar 28 2017 4:27 AM UTC

}// 140/140

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

some color to brighten up the place

u/nonce

love it, I have been playing with tunnels that you are backing out of all day it is refreshing to see on go the other way
u/sfz

Wow, you get some cool patterns if you change the .02 to .1 thru .9
u/donbright

beautiful

show FPS hide FPS share 1 remix fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='1450px Arial',lineWidth=5,strokeStyle=R(255,S(t*5)*200,S(t*5)*255),strokeText('❤',300,999),drawImage(c,5,4,1910,1072)

Mar 28 2017 3:10 AM UTC

}// 130/140

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

There are so many fun things to try. Try changing the ❤ to different letter or symbol. Also if you make the G,B out of sync it goes funky.

u/nonce

Try strokeStyle=hsl(${t*500},99%,50%) also
u/cantelope

nice!

show FPS hide FPS share fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='250px Arial',setLineDash([lineWidth=10,299]),lineDashOffset=t*50,strokeText('❤',9,200),drawImage(c,-140,175),drawImage(c,280,0)

Mar 28 2017 1: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).

u/magna

<3
u/0x7b1

nice one
u/tapgiles

Still no dice with that symbol for me. Using a chromebook? ♡ works fine though
u/iverjo

#hearts

show FPS hide FPS share fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1,Y:1,U:S(t),V:C(t)}):o=[]
o.map(a=>{Q=a.X**2+a.Y**2,a.X+=a.U-=a.X/Q,a.Y+=a.V-=a.Y/Q,x.fillRect(a.X,a.Y,9,9)})

Mar 28 2017 1:45 AM UTC

}// 133/140

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

Another fake gravity sim. This time, some particles get slingshotted out of the system, past escape velocity, others teeter on the brink, and others congregate at 0,0. After a while, the screen is full of a bunch of particles leaving, and others coming back in towards the origin.

Show more comments…
u/nonce

your gravity sims are amazing.
u/z3vin

agreed
u/donbright

thanks this site is very inspiring
u/alien

WOW ,Hi what does this mean :D c.width^=0
u/donbright

alien it basically clears the screen to the default width. in detail, i think it is combining "binary xor" with "set equal to", so basically c.width = c.width xor 0, and since anything xored with 0 is itself, its basically setting c.width to itself.
u/donbright

#physics

show FPS hide FPS share 1 remix fullscreen

Tiger

function u(t) {

with(x)font='950px o',lineWidth=30,strokeStyle=`hsl(${t*50%360},99%,50%)`,setLineDash([9,3e3]),lineDashOffset=t*120,strokeText('MLG',9,880);

Mar 27 2017 11:50 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/BirdsTweetCodersDweet

Remixes : d/2324 --> d/4768 --> d/6642
u/joeytwiddle

There was also : d/2299

show FPS hide FPS share fullscreen

z3vin

remix of d/2322 by u/z3vin

function u(t) {

r=(n)=>Math.random()*n;h=w=1920;with(x)beginPath(),moveTo(0,0),lineTo(r(w),r(h)),strokeStyle='#fff',stroke(),fillRect(r(w),r(h*2.5),r(99),h)

Mar 27 2017 6:43 PM UTC

}// 140/140

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

thanks @mxfh

u/donbright

never have i wished so much for a 'pause' function. cool pictures
u/z3vin

haha yes a lot of scenic moments in the city :) @donbright

dwitter.net | nonce (584)