Dweets by u/f8f82804

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

f8f82804

function u(t) {

with(x)for(i=c.width^=0,w=i/2;i--;beginPath(stroke()))θ=i/99+t,a=2+C(θ),moveTo(w,i/a),lineTo(w+S(θ)*w/a,i^w),strokeStyle=`hsl(${i} 95%50%`

Sep 9 2018 9:17 PM UTC

}// 138/140

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

cursed_lampshade.swf

u/f8f82804

#rainbow #plotter #animated

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9707 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;){
θ=i+t/9;
ϕ=i/600;
X=S(θ)*S(ϕ);
Y=C(ϕ);
Z=C(θ)*S(ϕ)+2;
if(Z<1.6)x.fillRect(960+800*X/Z,540+800*Y/Z,s=32*(1.6-Z),s);
}

Sep 9 2018 3:44 AM UTC

}// 140/140

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

#readable #perspective #sphere #template #math

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width^=r=a=>x.rotate(a);x[l='translate'](960,a=99);f=d=>d--&&x.fillRect(0,t%1*a,9,9)&x[l](0,a)&r(4)&f(d)&r(4)&f(d)&r(-8)&x[l](0,-a);f(t&7)

Sep 8 2018 5:59 AM UTC

}// 140/140

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

Inspired by d/9635, but with a very different approach: no looping or explicit state #functional #golf

u/donbright

how???????
u/f8f82804

Looping is done by recursion and state is managed with the context's transform stack
u/Toby

Hi, could you explain what x[l='translate'] is accessing, please?

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

for(i=c.width^=0;i--;Z<1.6&&x.fillRect(960+800*X/Z,540+800*Y/Z,s=32*(1.6-Z),s))θ=t+(i*.999**S(t)),ϕ=i/600,Z=C(θ)*S(ϕ)+2,X=S(θ)*S(ϕ),Y=C(ϕ)

Sep 7 2018 10:38 PM UTC

}// 138/140

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

#perspective #sphere #occlusion

u/donbright

im dizzy

show FPS hide FPS share fullscreen

f8f82804

remix of d/9672 by u/yonatan

function u(t) {

c.width=480;x.shadowColor=`hsl(${9*t} 95%45%`;for(x.shadowBlur=i=15;i--;x.arc(0,0,18,S(t),9))x.setTransform(i-7,0,0,7,240,135);x.stroke()

Sep 7 2018 8:32 PM UTC

}// 137/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 1 remix fullscreen

f8f82804

remix of d/3023 by u/joeytwiddle

function u(t) {

if(t%2<.01)with(speechSynthesis)V=getVoices()[t>>1],(U=new SpeechSynthesisUtterance(n=V.name)).voice=V,c.width=99,x.fillText(n,0,9),speak(U)

Sep 7 2018 5:27 PM UTC

}// 140/140

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

A new voice every two seconds! #audio #speaking #halting

Show more comments…
u/lionleaf

Man, I was not expecting sound. Is there a way we could make all sound dweets click to play/unmute?
u/f8f82804

I try really hard to make my audio dweets stop when you scroll away. Other than that, I'm not sure how to tackle it from the site side... With speechSynthesis we can just add pause() and resume() calls to the dweet pausing/resuming code (see https://developer.mozilla.org/en-US/docs/Web…). For AudioContext however, I think we'd need a set of bindings to create instances that register them with the dweet pause/resume hooks.
u/f8f82804

I also just realized that firefox won't mute speechSynthesis even though it shows an audio icon...
u/yonatan

Chrome won't mute it either.
u/katkip

That's genius
u/joeytwiddle

@f8f82804 The first stage, we can simply not autoplay audio dweets. https://git.io/fA2Bp

show FPS hide FPS share fullscreen

f8f82804

remix of d/9667 by u/corruptio

function u(t) {

eval(unescape(escape`楦⡴┷㰮〱⥦潲⡡㵮敷⁁畤楯䍯湴數琬猽〬椽㈸㭦㴹㤯⸹㔪⨧㈲㈵㔹㤷㜵㐴㔷㤹㔲㈴㔷㜵㐹㤧嬭⵩ⴱ崬椻⥷楴栨湥眠佳捩汬慴潲乯摥⡡ⱻ晲敱略湣示晽⤩捯湮散琨愮摥獴楮慴楯温ⱳ瑡牴⡳⤬獴潰⡳⬽⡦⼴簰⤯昩`.replace(/u(..)/g,"$1%")))

Sep 6 2018 10:18 PM UTC

}// 140/140

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

Tetris! #audio #music -- remixed to stop after one repeat if you scroll away

u/f8f82804

if(t%7<.01)for(a=new AudioContext,s=0,i=28;f=99/.95**'222559977544579952245775499'[--i-1],i;)with(new OscillatorNode(a,{frequency:f}))connect(a.destination),start(s),stop(s+=(f/4|0)/f)
u/f8f82804

#halting #no-clicking
u/384.cz

#tetris

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/9617 by u/cantelope

function u(t) {

c.width=480;x.translate(w=240,130);x.rotate(S(t));for(i=17;i--;x.lineTo(w*.7*S(p=1.57*i-t+(g=i/4|0)*11)/(Z=2+C(p)),w*(g%2-.5)/Z));x.stroke()

Sep 6 2018 9:32 PM UTC

}// 140/140

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

compound 3D rotations #d3 #cube #perspective

u/donbright

awesome
u/cantelope

neat trick :)
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

if(t%1<.01)c.width=480,s=t%8<.01?'l9 0l7 -7l7 7':s+s.replace(/([-.\d]+) ([-.\d]+)/g,(m,a,b)=>a/2+' '+-b/2),x.stroke(new Path2D('M0 9'+s))

Sep 6 2018 5:49 PM UTC

}// 137/140

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

proof-of-concept using #regex replacement rules to create self-similar #path2d

u/donbright

thats fascinating

show FPS hide FPS share fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0;i--;beginPath(fill()))C(a=2*t-i)>0&&arc(960+((s=750+330*S(t))*i-i*i)**.5*S(a),s-i,18*C(a)*(1-(i*2/s-1)**2)**.5,0,7)

Sep 5 2018 10:40 PM UTC

}// 139/140

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

#sphere

u/donbright

thats cool... how does it work?
u/joeytwiddle

Very nice! #halftone
u/f8f82804

u/donbright: I used the parameterization from d/5600. I like it a lot because it keeps fairly even density of dots on the surface. It's based on cylindrical coordinates where each point is at a different vertical level and the points spiral around. The key is that not all values of i result in drawing a dot. We drop the back half of the sphere with C(a) >0, but we also implicitly drop points where s*i-i*i is negative
u/donbright

thanks... fascinating...

dwitter.net | f8f82804 (1346)