Dweets awesomed by u/PeCaN

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

sortie

function u(t) {

eval(c.id+=String.fromCharCode((Q="㬻籴硼琮慲獮慬整㤨〶㔬〴㬩⹸潦瑮✽攵⁭❁栻ㄽ㜲㔮砻昮汩卬祴敬刽䌨琨⨩⭨ⱨ⡓⨵⥴株栫匬㌨琪⨩⭨⥨砻昮汩呬硥⡴⹣摩㌬〰匪㌨琪Ⱙ㔲⨰⡃⨷⥴㬩⹸潲慴整ㄨⵅ⤲⼯".charCodeAt(t*60))%256,Q>>8))

Mar 2 2017 10:03 PM UTC

}// 140/140

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

I'd like to announce the dwitter character limit has been increased to 146 characters.

Show more comments…
u/iverjo

Details please?
u/sigveseb

kinda dangerous though, you might run into a partial dweet that forces an endless loop
u/sortie

We're restricted to 140 unicode characters, not 140 bytes. I exploited UTF-16 to encode two ascii values per UTF-16 codepoint. Since the overhead is less than 70 bytes, I can exceed the 140 ascii char limit. The characters 㬻 and ⼯ are fun exercises for the reader.
u/sortie

The decoder is quite golfed and exploits some fun facts. The payload itself is a quine exploiting decoder side effects.
u/sortie

sigveseb, admittedly I didn't think of that case. Partial dweet initial loops are easily fixed wrapping the payload in {} (or any other syntax error) at the cost of 1.5 codepoints (㬻 has one free byte).
u/donbright

wow!

show FPS hide FPS share fullscreen

PeCaN

function u(t) {

c.onmousemove=e=>[X,Y]=[e.offsetX/.296,y=e.offsetY/.296];N=X*S(t)/2;M=Y*C(t)/2;x.beginPath();x.moveTo(X-N,Y-M);x.lineTo(X+N,Y+M);x.stroke()

Mar 1 2017 8:29 PM UTC

}// 139/140

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

Doesn't work in fullscreen mode—waiting on https://github.com/lionleaf/dwitter/issues/1…

show FPS hide FPS share fullscreen

PeCaN

function u(t) {

t||x.translate(960,540,X=540,c.onmousemove=e=>X=e.offsetX);x.rotate(t),x.fillStyle=R(k=100*t%255,k,k),x.fillRect(X*C(t),X*S(t),50,50)

Mar 1 2017 8:07 PM UTC

}// 133/140

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

Move your mouse and it… does things.

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t || x.translate(960, 540)
for (i=40; i--; x.rotate(S(t)))
 x.fillStyle = 'hsla('+i*t+',90%,50%,'+1/t+')',
 x.fillRect(v=i*20, v, i*t, i*t)

Mar 1 2017 8:05 PM UTC

}// 139/140

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

Colour mania

u/iverjo

Nice!
u/Woodmouth

Ohh, if you wait long enough it goes grey, but then if you wait even longer, it quite suddenly goes back to color, and then suddenly even more grey
u/joeytwiddle

After that it ends up resting on a kind of shiny brushed metal pattern. Amazing!
u/joeytwiddle

#shiny
u/joeytwiddle

#color #rainbow (sorry for spamming the comments)

show FPS hide FPS share fullscreen

PeCaN

function u(t) {

 t>4.85?(x.font='4em A',x.fillText("ρɘ¢ɑη",-68,0)):t?(x.rotate(t),x.fillRect(S(t)*300,200,50*C(t),200)):x.translate(960,540)

Mar 1 2017 7:48 PM UTC

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

PeCaN

function u(t) {

X=960-960*C(t)+8*t;Y=540+540*S(t)/2-8*t;x.beginPath();x.moveTo(X-X*S(t)/2,Y-Y*C(t)/2);x.lineTo(X+X*S(t)/2-100*t,Y+Y*C(t)/2);x.stroke()

Mar 1 2017 6:47 PM UTC

}// 134/140

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

u/sfz

purdy

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/1689 by u/FireFly

function u(t) {

for(s='0',i=6;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['+1-0-1+','-0+1+0-'][i]);c<2?x.translate(18,0,x.fillRect(0,0,18,3)):x.rotate(c+60/57.3)

Mar 1 2017 5:45 PM UTC

}// 139/140

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

L-system visualizer. Sierpiński arrowhead curve

u/donbright

brilliant.... any description of how it works?
u/donbright

n/m i see you explain it in 1688, thanks!
u/tomkh

haha... using translate/rotate is a cool hack! reminds me of LOGO turtle
u/FireFly

Hehe, it's handy to offload the job of keeping track of the turtle to the canvas.
u/katkip

#fractal

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(s='0',i=5;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['0-1+0+1-0',11][i]);c<2?x.translate(0,32,x.fillRect(0,0,3,32)):+c||x.rotate(c+120/57.3)

Mar 1 2017 5:43 PM UTC

}// 139/140

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

[Team dweet with u/PeCaN] L-system visualizer! Change initial state (s), #iterations (i), transition rules (['0-1+0+1-0',11]), which digits correspond to 'draw and move forward' (c<2), angle (120) to your own L-system ruleset. Digits 0-9 correspond to variables/constants (for each constant, add a rule that maps it to itself, i.e. to 'i').

u/5Mixer

Ha awesome! I was surprised when I saw this, I'd seen it on the internet before and was idly scribbling on the back of my book in a boring class today. Dope stuff :D

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if (!t) x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*20+',90%,50%)'
x.fillRect(0, 0, X/t, X/t)
x.strokeRect(0, 0, X/t, X/t)
x.rotate(16/t)

Feb 28 2017 5:40 PM UTC

}// 140/140

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

Rainbow flower

u/SpecialAgent

so pretty. good use of translation.

dwitter.net | PeCaN (1082)