Dweets awesomed by u/iverjo

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

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

yonatan

remix of d/9666 by u/joeytwiddle

function u(t) {

for(x[f='fillRect'](0,0,c.width=99,j=299);q=j--/9;x[f](50+C(i)*s*6,26+C(i*8)*s,s,s))x.shadowColor=R(j,i=j*j/1e4+t,99),s=99/q,x.shadowBlur=q

Sep 5 2018 6:59 PM UTC

}// 139/140

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

Smokey 3D structure with joey's shadows

Show more comments…
u/sigveseb

Way amazing!
u/cantelope

epic!
u/donbright

O M G
u/donbright

this is .. is this even real or am i dreaming?
u/joeytwiddle

Wow! The 3D looks real, but the scene is dreamlike. #d3
u/aleamb

amazing
u/iverjo

So good!
u/joeytwiddle

#glow

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 fullscreen

acorv

function u(t) {

c.width=1920;for(i=1;i<400;i++)j=i%20,w=t*5+j*9+i/600,x.beginPath(),x.arc(960-940*S(w/7)*C(w/3),540-520*S(w/2)*C(w/9),i/20,0,7),x.fill();

Sep 5 2018 3: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).

u/donbright

i stare at this at night... i see gray trails!!!
u/joeytwiddle

Could be your monitor is old, or your eyes
u/fujimotos

Oh hey, I can see the gray tails too. It appears when I don't focus on an individual node and try to watch the whole screen.
u/katkip

It's not deep learning but I will #ai this.
u/iverjo

My cat reacts to this ^^ She tries to catch the "fishes"

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/9639 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,W=c.width=99,W);for(H=j=288;x.shadowBlur=j--/4;x.fillRect(9*T(j%9+t),7*T(t-j%9),5,5))x.fillStyle=x.shadowColor=R(H-j,H,H)

Sep 5 2018 9:45 AM UTC

}// 136/140

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

The night they arrived

Show more comments…
u/yonatan

Lovely!
u/yonatan

for(p in x)this[p[0]+p[6]]=p;x[fc](0,0,W=c.width=99,W);for(H=j=288;x[sB]=j--/4;x[fc](9*T(j%9+t),7*T(t-j%9),5,5))x[fy]=x[sC]=R(H-j,H,H)
u/yonatan

First time this actually saves chars on dwitter...
u/joeytwiddle

Wow, that is the craziest approach I have seen to that problem! But I can't argue with a 2 char saving.
u/f8f82804

u/yonatan: genius!
u/username

I am very confused. Did I actually bring up shadowBlur again? Have never seen it on Dwitter before.
u/donbright

man this looks so cool.. the JoeyTwiddle effect is one for the books.
u/joeytwiddle

Here are some previous uses of shadowBlur: d/2723 d/3173 d/6820 d/6883 d/9608
u/joeytwiddle

Looks better with x.shadowBlur=j--/7 #glow

show FPS hide FPS share fullscreen

acorv

function u(t) {

c.width=1920;for(i=1;i<100;i++)w=t*10+i/50,x.beginPath(),x.ellipse(960-940*S(w/7)*C(w/2),540-520*S(w/3)*C(w/10),i/5,i/5,0,0,10),x.fill();

Sep 4 2018 3: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).

u/f8f82804

great #style!
u/joeytwiddle

#cute #organic #worm #fish
u/DataMeta

Nice!
u/katkip

That's so easy to make! Well done.
u/joeytwiddle

You can save a few with: x.arc(X,Y,i/5,0,7)
u/acorv

@joeytwiddle: thanks! I used that in https://www.dwitter.net/d/9668 . ellipse() was there from a previous idea

show FPS hide FPS share fullscreen

lionleaf

remix of d/9637 by u/nodepond

function u(t) {

c.width|=0
p=840+T(t)*99
x.f=x.fillRect
with(x)f(p-300,400,550,500),fillStyle="#fff",f(p-150,420,250,150),fillStyle="#000",f(p,460,50,90)

Sep 4 2018 12:06 AM UTC

}// 137/140

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

#floppy

u/lionleaf

First thing I saw in d/9637 was a floppy disk, so had to do a quick remix :D
u/New_Core

ah the good old floppy.. (I simplified and used clearRect, got down to 107)
u/donbright

please insert disk 2 of 5 .... wrrrrr rrr rrrt
u/joeytwiddle

You could fit 10,000 dweets on a floppy disk. Kids these days. SMH

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨倽孛⡣⹷楤瑨簽樽㤩⼲ⰴ㐰嵝㬫⭪㰸〻倮浡瀨焽㹻景爨椽㌻椭ⴻℨ漭ㄹ⤦♐⹰畳栨存ⱙ崩⥳㴳攴⽪⽪Ɽ㵯⩳ⱸ⹦楬汒散琨堽煛そ⭓⡰㵩⼮㐸⭯⩓⡴⤯㠭匨琩⨲⸳㘩⩤⵳⼲ⱙ㵱嬱崫䌨瀩⩤⵳⼲ⱳⱳ⥽⤩漽樥㈰`.replace(/u(..)/g,"$1%")))

Sep 3 2018 7:14 PM UTC

}// 140/140

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

https://dweet.net/285/9651

u/katkip

That's awesome
u/donbright

woah
u/donbright

woah
u/katkip

#fractal

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/9644 by u/yonatan

function u(t) {

c.width=-1;for(j=2e3;j--;x.fillRect(99+9*S(a=j/1250)*S(j)+50*S(m=t*3+a),75+25*(S(-a*5)+1)*C(j),3,7))x.fillStyle=R(q=(j&128)-C(j)**3*99,q,q)

Sep 3 2018 4:41 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/joeytwiddle

In 140, with #lighting/#shading? Amazing!
u/yonatan

Thanks, not very fishy tho (the shading). Most of the 44 extra bytes in the compressed version were the XY rotation.
u/joeytwiddle

Some #fish are black and white. Just not the ones in camera adverts and holiday brochures ;-)
u/donbright

shading is amazing
u/yonatan

@joey - it's not the color that bothers me, it's the lack of (specular) scales
u/joeytwiddle

Haha ok. #organic #sea #model
u/vain

I just don't have any words! Incredibly awesome !!
u/magna

Also, #default

dwitter.net | iverjo (55735)