Dweets awesomed by u/Bombo

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

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8:51 PM UTC

}// 140/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/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

c.width=1920;x.fillStyle="red";g=540;for(i=0;i<g;p=i-t,l=S(p)*i,Z=g-l*C(t),s=g*9/Z,x.fillRect(960+18/(Z*18)*l*S(t)*g,g+C(p)*i/Z*g,s,s),++i);

Mar 26 2017 2:54 AM UTC

}// 140/140

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

u/innovati

it's like a sunflower pattern :D

show FPS hide FPS share fullscreen

New_Core

remix of d/506 by u/New_Core

function u(t) {

c.width=400;x.translate(200,114);x.rotate(t*.6);for(i=19;i--;)x.rotate(.3),x.fillText("DWITTER   ".split("")[0|i%10],0,50+30*C(t+i)+30)

Mar 25 2017 6:44 PM UTC

}// 135/140

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

#text

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a*1.2502),e=S(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e)

Mar 25 2017 3:25 PM UTC

}// 109/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/recursive

Huge savings. I wonder what else could be added.
u/donbright

@recursive . ... https://www.dwitter.net/d/2306
u/keithclark

i'm trying to get rotation along 2 axes
u/keithclark

Try changing 1.2502 to different values for different patterns. For example: use 70.286 for death star
u/PeteAJ

A little confused by the for loop. The second statement just defines the variables d and e?
u/joeytwiddle

Here is an earlier version: https://www.dwitter.net/d/2278
u/joeytwiddle

#hiddengem
u/f8f82804

@PeteAJ I've used the same for trick before -- if either of a+t or b are zero, their sine is zero so the product is false-y, which terminates the loop

show FPS hide FPS share fullscreen

donbright

remix of d/1816 by u/SpecialAgent

function u(t) {

t?Δ=[]:P=[99,0,0,0,1,0,0,.6]
for(Q=i=4;i--;)Q+=(Δ[i]=P[(2+i)%4]-P[i])**2/2
for(j=4;j--;)x.fillRect(P[i=j*2],P[i+1],2,2),P[j]+=P[j+4]+=Δ[j]/Q

Mar 24 2017 11:16 PM UTC

}// 140/140

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

Quickstart - alter numbers in P for fun patterns. Long description - this is a simulation of two body gravitational motion using a simplified form of Calculus.

u/donbright

combine F=ma with F=GM1M2/R^2 except that G=1, M1=1, M2=1 and r^2 is r
u/donbright

Explanation here https://www.patreon.com/posts/simulating-in-…
u/donbright

oh btw P[x1,y1,x2,y2,xv1,yv1,xv1,yv2] where 1,2 = object 1,2, x,y=position, v = velocity initial
u/codeslaw

This is incredible!
u/donbright

#physics

show FPS hide FPS share fullscreen

aemkei

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(l=c.width=512,a=C(t),b=S(t);l--;x.fillRect((k-a*a*i-b*a*j+b/a)*z+300,(a*i+b*j+a*k)*z+99,d=.2*z/a,d))i=l>>6,j=l>>3&7,k=l%8-4,z=20+b*i-a*j

Mar 8 2017 6:20 PM UTC

}// 140/140

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

u/sigveseb

This is good
u/FireFly

Woah, very nice!
u/p01

Ace!
u/donbright

cool 3d
u/Lazy1337

#d3
u/Lazy1337

#cube

show FPS hide FPS share fullscreen

parabola

remix of d/1868 by u/farter

function u(t) {

t||(a=[],c.onmousemove=e=>a.push([e.pageX,e.pageY,35,35]));c.width=568;a=a.filter(o=>(x.fillStyle=R(...o),x.fillRect(...o),o[2]=o[3]--))

Mar 4 2017 7:00 PM UTC

}// 136/140

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

u/iverjo

What does R(...o) do?
u/iverjo

Found it :) It's the rest operator in ES6. Cool! https://github.com/lukehoban/es6features#def…
u/iverjo

I meant the spread operator
u/fujimotos

#interactive

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

dwitter.net | Bombo (3851)