Dweets awesomed by u/StarStep

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

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width|=0;
for(i=-50;i++<50;)
for(j=1;j++<150;)f=33e3*i,h=j*58,
g=60e3+S(j/11+t*2)*9999+C(i/3+t)*9e3,
x.fillRect(960+f/h*3,540+g/h*3,1,1);

May 17 2018 4:10 PM UTC

}// 139/140

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

#ocean waves

u/joeytwiddle

Nice, dots on the beach. I used 5,5 so I could see the dots more clearly, and t*=15 for speed

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8081 by u/magna

function u(t) {

for(i=389,x.fillStyle=R(0,0,0,C(t)*.97+1),x.fillRect(0,0,2e3,2e3);i--;x.fillText('🔴⚪🔵',i%26*80-S(a=t*2+i/2)*70,~~(i/26)*80+C(a)*70));

May 11 2018 5:21 AM UTC

}// 133/140

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

u/Xen

Love it!
u/aleamb

yeah!
u/loni_art

ow oof ouch, nice!
u/magna

#rgb
u/Qwitter

feels like i spilt some water on my rgb display

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/8077 by u/magna

function u(t) {

for(i=389,x.fillRect(0,0,2e3,2e3);i--;x.fillText('⚪',i%26*80-S(a=t*2+i/2)*70,~~(i/26)*80+C(a)*70));

May 11 2018 2:37 AM UTC

}// 99/140

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

#dots

show FPS hide FPS share fullscreen

anthonylewis

function u(t) {

t?0:a=[];w=c.width^=0;Z=Math.random
a.unshift([Z()*w,Z()*w])
a.forEach((e,i)=>{x.beginPath(x.stroke());x.arc(...e,i*3,0,7)})
a.splice(50,1)

May 11 2018 2:16 AM UTC

}// 139/140

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

Raindrops

u/joeytwiddle

Elegant code, elegant output!
u/vaibhav

great!...How to implement it in my application
u/fujimotos

#rain

show FPS hide FPS share 1 remix fullscreen

nix

function u(t) {

for(c.width=i=1e3;i>1;i-=8)x.beginPath(),s=1+S(1+S(i)+t),x.ellipse(200+99*s*s*1.3,(s*200)+t,h=99*(1+S((S(t/2)+i))),h,s*10,-s-i,2),x.stroke()

May 9 2018 10: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).

u/joeytwiddle

#worm

show FPS hide FPS share fullscreen

trancor

remix of d/7988 by u/trancor

function u(t) {

d=(j,r)=>{x.beginPath(),x.arc(j*4+S(t*3+r)*r,S(t)*r+r*5,S(t+=j&4)*r/5+r,0,7),x.fill(),r>2&&(r/=2,d(j-r,r),d(j,r))}
d(w=(c.width=999)/2,600)

May 5 2018 8:04 AM UTC

}// 139/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 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+90+(99+T(j+t&a+9|8)+a*a)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1:02 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/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

show FPS hide FPS share fullscreen

StarStep

remix of d/7327 by u/magna

function u(t) {

c.width=465;x.font='150px a';x.fillText('Dwitter',0,180);for(i=240;i--;)x.drawImage(c,i*3,3,3,260,i*3,+S(i+t*12)*1,3,263)

Mar 18 2018 10:26 PM UTC

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

joeytwiddle

remix of d/7355 by u/New_Core

function u(t) {

for(i=a=360;i--;x.fillRect(i?a*S(i*a)*s+955:0,i?a*C(i)*s+535:0,k=i?s*9:2e3,k))s=20/((i+t*40)%a-a),x.fillStyle=i?`hsl(${i*5},99%,50%`:'#0001'

Mar 18 2018 5:39 AM UTC

}// 140/140

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

Remixing New_Core's Starfield 3

u/joeytwiddle

#starfield

dwitter.net | StarStep (3435)