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

remix of d/9676 by u/f8f82804

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桞㴰㭩ⴭ㭸⹢敧楮偡瑨⡸⹦楬氨⤩⥃⡡㵴⵩⤾〦♸⹥汬楰獥⠹㘰⬨堽⡩⨹㘰⵩⩩⤪⨮㔪匨愩⤬㘰⭩Ⱘ猽㈵⴨匨愭ㄩ⨨戽⠱⴨⡙㵩ⴴ㠰⤯㐸〩⨪㈩⨪⸵⤩⨪㐪㈴⤪䌨愩⩢ⱳⱍ慴栮慴慮⡙⽘⤬〬㜩`.replace(/u(..)/g,"$1%")))

Sep 5 2018 8:57 PM UTC

}// 138/140

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

#specular #d3 #sphere #animated #compressed

Show more comments…
u/f8f82804

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,(s=25-(S(a-1)*(b=(1-((Y=i-480)/480)**2)**.5))**4*24)*C(a)*b,s,Math.atan(Y/X),0,7)
u/joeytwiddle

I like how the circles become ellipses at the edges. https://codegolf.tk/a/254
u/magna

WHOA
u/f8f82804

u/joeytwiddle: that's the whole point of this demo, the lighting is just there because I had to compress it and had leftover space
u/f8f82804

you can see this concept implemented without compression in d/9676
u/iverjo

Very nice!
u/f8f82804

#fullhd

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(X=S(a)*(960**2-i*i)**.5,i,24*C(a)*(1-(i/960)**2)**.5,24,Math.atan(i/X),0,7)

Sep 5 2018 8:33 PM UTC

}// 140/140

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

using ellipse() and lots of trig to draw dots on the surface of a #sphere

u/f8f82804

it takes 154 to center the sphere: for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,9*C(a)*(1-((b=i-480)/480)**2)**.5,9,Math.atan(b/X),0,7)
u/f8f82804

#d3

show FPS hide FPS share 3 remixes fullscreen

f8f82804

remix of d/9671 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0,arc(960,530,475,0,7),clip();beginPath(),i--;fill())C(t-i)>0&&arc(960+(i*960-i*i)**.5*S(t-i),48+i,9,0,7)

Sep 5 2018 7:03 PM UTC

}// 127/140

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

proof-of-concept for #clip #mask to help clean up the edges of a #sphere

u/joeytwiddle

This is doing something weird to my eyes! #illusion

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/5600 by u/p01

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(t-i)>0&&x.arc(960+(i*960-i*i)**.5*S(t-i),48+i,9-(b=S(t-i-1)*C(Math.acos(i/540-1)+1))**4*9,0,7)

Sep 5 2018 6:50 PM UTC

}// 139/140

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

#specular #halftone #sphere

u/f8f82804

#d3

show FPS hide FPS share fullscreen

f8f82804

remix of d/9669 by u/f8f82804

function u(t) {

t||(X=8);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-t+S(i)))));x.stroke()

Sep 5 2018 4:42 PM UTC

}// 138/140

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

use your #mouse to rotate the view -- #animated

u/donbright

love it!!!!!!!!
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9662 by u/f8f82804

function u(t) {

t||(X=0);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-X+S(i)))));x.stroke()

Sep 5 2018 4:35 PM UTC

}// 138/140

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

#mouse control #remix for u/donbright

u/donbright

thats very cool... i wonder if these types of things can be 3d printed...

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9201 by u/f8f82804

function u(t) {

c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+t+C(i))),540*(1+C(i*3-t+S(i)))));x.stroke()

Sep 4 2018 4:49 PM UTC

}// 101/140

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

u/donbright

would be nice w mouse control...

show FPS hide FPS share fullscreen

f8f82804

remix of d/9655 by u/f8f82804

function u(t) {

x.fillText(t,t,t)

Sep 4 2018 4:22 PM UTC

}// 17/140

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

#fixed #minimal animated dweet (without throw). Thanks to u/joeytwiddle!

u/yonatan

c.outerHTML=0 :)
u/f8f82804

u/yonatan: not animated!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9654 by u/f8f82804

function u(t) {

x.fillRect(t,t,t,t)

Sep 3 2018 11:44 PM UTC

}// 19/140

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

#minimal animated dweet (without throw)

u/joeytwiddle

x.fillText(t,t,t) ;-)
u/f8f82804

See remix!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9652 by u/f8f82804

function u(t) {

x.fillRect(9,9,9,9)

Sep 3 2018 11:43 PM UTC

}// 19/140

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

#minimal visible dweet

dwitter.net | f8f82804 (1346)