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

show FPS hide FPS share fullscreen

donbright

remix of d/2476 by u/keithclark

function u(t) {

onmousemove=e=>(T=e.pageX/99,R=e.pageY*5)
for(a=c.width^=0;a--;x.fillRect(C(a-T)/S(b)*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-S(a-T)*S(b=a/R))

Apr 14 2017 12:57 AM UTC

}// 140/140

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

please move your mouse up/down/left/right inside the energy mushroom. (adding mouse to @keithclark 's globe, modded shape, w @Jenky for mous-piration)

u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

nonce

function u(t) {

c.width|=a=t?a.map(_=>Math.random()>.999^_):new Array(920).fill(0)
for(k=920;k--;x.font="3em a")x.fillText("╲╱"[a[k]],(k%40)*48,~~(k/40)*48)

Apr 8 2017 7:03 AM UTC

}// 140/140

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

start at the top right corner, find a way through the maze

u/magna

Needs webcam + eye tracking support.
u/cantelope

sweet
u/luutifa

10 print?

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width|=i=0
for(b=(m=80)+(f=m+(l=5*m));i<7;i++)"}P7WZOoQ_".charCodeAt(t%10)&2**i&&x.fillRect(i<3?m:i%2?0:f,i>4?b:i>2?m:i*f,r=i<3?l:m,f-r)

Apr 7 2017 1:23 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!

show FPS hide FPS share 1 remix fullscreen

nonce

function u(t) {

k=frame,p=q=0
for(s=1;s<32;s*=2){a=1&k/2;b=1&k^a
if(!b){if(a)p=s-1-p,q=s-1-q;_=p,p=q,q=_}p+=s*a;q+=s*b
k=k>>2}x.fillRect(p<<5,q<<5,t/2,t/2)

Apr 2 2017 10:46 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/cantelope

A Hilbert Curve!
u/donbright

love it!!!
u/cantelope

what is frame?
u/cantelope

Oh! I see. Didn't know there was a frame counter. neat.

show FPS hide FPS share fullscreen

nonce

remix of d/894 by u/iverjo

function u(t) {

for(i=c.width=99;i--;){for(j=55;j--;){for(k=32,a=b=0;--k&&a*a+b*b<4;a=_)_=a*a-b*b+(i-27)/t**3-7/4,b=2*a*b+(j-27)/t**3;x.fillRect(i,j,1,!k)}}

Apr 2 2017 3:40 AM UTC

}// 140/140

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

This is a zoom into the mini-mandelbrot at -1.75 + 0i

Show more comments…
u/donbright

super cool, amazing.
u/Renaud___

Nice
u/jick

Holy cow, this is great.
u/ObjectDisoriented

Did you just do a low res mandlebrot in 140 characters? Way more awesomes needed.
u/sigveseb

Nice! Here's mine from a while back: https://www.dwitter.net/d/1735
u/iverjo

#mandelbrot #fractal
u/katkip

no way

show FPS hide FPS share fullscreen

magna

remix of d/2370 by u/magna

function u(t) {

c.width|=0;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)background=`linear-gradient(${S(t)}turn,#ccc,#fff,#ccc)`;

Apr 1 2017 6:03 AM UTC

}// 136/140

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

More thinking outside the box

Show more comments…
u/sigveseb

This is cool
u/donbright

haha best remix of default
u/magna

Heh, thanks! Though, I'd argue that techniques like these are probably "illegal" due to use/abuse of things external to the canvas. And dweets like these are bound to eventually break as the Dwitter runtime is updated. But, hell, this is fun!
u/nonce

I think this is Kosher. You are manipulating the canvases style after all. Also you don't need the with c.style.background= is 5 char shorter
u/magna

Ah dang. That's a vestige of trying to add more effects to this :)
u/magna

#default
u/fujimotos

#light

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2352 by u/sfz

function u(t) {

c.width=w=512
with(x)filter='sepia(1',fillRect(0,h=240,w,w),font='9em a',fillText('🚃',w-(t*w&1023),h+(t&4)),fillRect(Math.random()*w,0,1,w)

Apr 1 2017 2:09 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/cantelope

all aboard the steampunk trolly!
u/nonce

ahahaha
u/magna

Challenge: Add vignette, film grain and random scratches.
u/magna

#film

show FPS hide FPS share 1 remix fullscreen

codeslaw

function u(t) {

m=400
x.fillRect(0,0,c.width|=i=m*5,i)
x.globalCompositeOperation='screen'
while(i--)x.fillText('💙❤️💚',990+S(t/i**.1)*m,550+S(i/t**.02)*m)

Mar 31 2017 8:50 PM UTC

}// 138/140

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

Analog

Show more comments…
u/magna

OMFG
u/nonce

oh my, this is great.
u/nonce

I feel like this might open the floodgates with people making use of the globalCompositeOperation setting... if only it was shoter :-p
u/codeslaw

You take a 30-40 char hit depending on which mode, but there's still room for fun :D
u/donbright

doesnt seem to work on linux chrome or linux firefox
u/codeslaw

Ah bummer

show FPS hide FPS share fullscreen

nonce

remix of d/2357 by u/Jenky

function u(t) {

w=c.width|=0
c.style.filter=`hue-rotate(${-t%60}deg`
for(i=0;++i<99;)z=50+i*i/80,x.font=z+`px a`,x.fillText('🌳',(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 4:47 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/cantelope

Looks great in chrome. seems the filter does not work in ff.
u/cantelope

i see now it simulates the changing of the seasons. very cool!
u/nonce

May I ask what FF are you on? I have FF 52.0.2 (on MacOS) and it seems to work.
u/donbright

color does not work on firefox / ubuntu. 52.0.1 64 bit, however it still looks amazing in black and white! i just love the whole effect of it, brilliant.
u/cantelope

@nonce I checked it in FF 45.8 on Win10 ( screenshot http://lookie.ml/i-12BLJO ), but Chrome is my primary browser. I've noticed that unicode tends to render somewhat inconsistently between browsers, which is why i avoid using it. But it's a great graphical hack when it works. :D
u/nonce

Oh my, it might not be consistent but I almost spat my soda all over my screen when I saw that screenshot.
u/Lazy1337

#landscape
u/Lazy1337

#trees
u/joeytwiddle

2023: working on FF Nightly on Android

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

c.width=c.clientWidth
t?p.map(v=>{x[v[2]?'lineTo':'moveTo'](...v)}):p=[]
x.stroke()
onmousemove=e=>p.push([e.pageX,e.pageY,e.buttons])

Mar 31 2017 1:48 PM UTC

}// 134/140

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

Basic drawing program, not sure if this has been done similarly already, should work cross-browser

dwitter.net | nonce (590)