Dweets awesomed by u/baon

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

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󭌿󬌮󬍵󬽨󚍻󦌺󤼨󭌪󜼩󚬹󞜬󮜺󜜬󬬺󮬥󤼨󭌩󚼱󯜩󞭰󟝛󧜊󮍛󩬽󙽦󪝬󫍒󩝣󭌧󧜨󞜬󞜬󜜰󛌱󜌩󒭦󫽲󚍩󘍯󩬠󬌩󭽩󭍨󚍩󚝸󦽳󟜧󩭩󫍬󤽴󮝬󩜧󧜽󤬨󜌬󬬪󞜹󚜬󮍛󩭝󚌰󛌹󞜫󮜬󮬬󮜯󞜩󛍹󛼽󛬹󝜬󮍛󬽝󟜧󘼴󝌴󙼬󮍛󩭝󚍘󚼱󝜰󛝹󛼲󛌹󞜫󮜬󮜬󮜯󞜩`.replace(/u../g,'')))

Sep 8 2021 9:13 AM UTC

}// 140/140

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

#landscape #perspective #road #track

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󘝴󟽰󟝛󧜺󬌮󭝮󬽨󪝦󭌨󮽹󞬱󛍲󞭺󙝓󚍴󚜪󞝽󚜊󩭯󬬨󪜠󫽦󘍰󚝷󪝴󪌨󪜩󮜾󜬰󜌿󬌮󬍯󬌨󚜺󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍺󛌱󜌰󚽹󚜬󮜯󟜮󞜵󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚌰󛌰󛌰󛍲󛼹󞜩󒭸󛭦󪝬󫍓󭍹󫍥󟜧󘽢󨭢󙼬󮌮󩭩󫍬󚍸󛭡󬭣󚌲󜌬󜬰󛌹󛌰󛌷󚜩`.replace(/u../g,'')))

Sep 7 2021 2:25 PM UTC

}// 135/140

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

fly by #night

u/Joachim

#moon

show FPS hide FPS share fullscreen

pavel

remix of d/23765 by u/New_Core

function u(t) {

for(c.width|=i=w=640,t?x.font='5in"':r=new Date;j=--i>>4;x.fillText(String.fromCodePoint(127812+i%16),j*w-w,(r*j+i+9*p/(1+w**p))%16*w))p=t-j

Sep 7 2021 2:36 AM UTC

}// 140/140

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

#slots

Show more comments…
u/pavel

Have to time it juust right :)
u/New_Core

nice
u/danny@hille.dk

Man - that is some next level golfing-fairy-dust you have used here :-)
u/pavel

Aw, its broken on iPhone, the font name trick doesn't seem to work.
u/anshu

rrr
u/lewdev

How? This is really cool.
u/joeytwiddle

I remember on some devices, fonts over a certain size just don't show. A workaround is to use a scale transform, or reduce the canvas size.

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/23746 by u/rep_movsd

function u(t) {

for(Y=t*480%720|0,X=1280;X--;!Z|!Y|Y>640|(Z/480+.75&Y/480+.83&C(X*Z*Y)>.8&&Y&15)&&x.fillRect(320+X,180+Y-Z/6*S(Z/203),3,4))Z=X>640?1279-X:X

Sep 5 2021 3:30 PM UTC

}// 139/140

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

Smolr #book of dweet

u/tomxor

Smolr #book of #sierpinski
u/tomxor

Yay, remix fail

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23719 by u/rep_movsd

function u(t) {

for(Y=t%4*50,r=Y<27?Y:27,i=99;a=i--/32;x.fillRect(X+2*r*C(a),5*Y+r*S(a),3,5))x.fillStyle=`hsl(${h=r<9|r-Y?X=t/4<<7:42},${h}%,${42+C(a)*20}%`

Sep 1 2021 9:24 PM UTC

}// 140/140

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

16-Color Pencils

u/tomxor

haha, beat me to it, i had the same idea to golf using t but you made it even better with colour tips!!
u/Xen

nice!

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󭌿󜌺󬌽󦽝󒭺󟝣󛭷󪝤󭍨󟜹󞜊󬌮󬍵󬽨󚍻󮌺󝜰󛍹󞬱󛍳󞭍󨝴󪌮󬭡󫭤󫽭󚌩󚬲󛜱󛍶󞬳󜌭󭌬󮬺󜝽󚜊󩭯󬬨󪜠󫽦󘍰󚝻󪜮󮬫󟜰󛬳󒭸󛭦󪝬󫍒󩝣󭌨󪜮󮌫󟝩󛭳󛽩󛭺󛍩󛭹󟍩󛭶󟽩󛭹󚬽󜜮󜜺󪜮󮜭󟝩󛭹󛝩󛭶󛌲󛌲󚝽󮌮󩭩󫍬󤽴󮝬󩜽󙼣󝌳󜜧󒭸󛭦󪝬󫍒󩝣󭌨󜌬󜼰󛍺󛍺󚜻`.replace(/u../g,'')))

Aug 27 2021 3:01 PM UTC

}// 139/140

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

A pile of slurry

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(i=w=t?0:2e3,h=540;y=h*S(i*i--);beginPath(fill(rect(690,491,h,98))))ellipse(i,h+y,2,20,Math.atan2(y-(i-720)*(i-1200)/y,2*i-w),0,7)

Aug 19 2021 6:31 PM UTC

}// 140/140

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

#magnet

u/tomxor

Perfect
u/danny@hille.dk

very nice indeed
u/tomxor

And considerate t?0:2e3 :D

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󭽩󭍨󚌡󭌦󙬨󦜽󡬽󥜽󜌩󛍇󟜲󜌬󮬽󨼮󭽩󩍴󪌽󞜹󛍆󟍺󟽆󚼽󝜺󡬽󞜬󫽮󫝯󭝳󩝭󫽶󩜽󭌽󟭙󟝴󛭹󛼵󛍸󚝦󪝬󫍒󩝣󭌨󜬬󦜬󞜬󞜩󛍦󪝬󫍒󩝣󭌨󡬬󦜬󜬬󜬩󛍦󪝬󫍔󩝸󭌨󘬼󘬫󥜬󞌰󛍇󚽓󚌹󚭴󚜪󡼩󛍆󟬸󜌦󙭙󟭇󚽓󚌹󚭴󚜪󡼭󝜦󙭙󟍇󚽓󚌹󚭴󚜪󡼦󙬨󥜫󚼬󡬽󞜩`.replace(/u../g,'')))

Aug 19 2021 1:21 PM UTC

}// 136/140

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

space shooter #game

u/Xen

love it!
u/aleamb

#interactive

show FPS hide FPS share fullscreen

taupelink

remix of d/23574 by u/taupelink

function u(t) {

for(i=q=k=99;--i;x.fillRect(k*q*X,630-i-q/Y,-q*q/v,k*i/Y/v))f=i*t,X=f*f%1,Y=X*f%2-1,x.fillStyle=R(q/=1+S(q*X),q=q%9*i,q-=i/Y,Y*Y/q*k),v=2**t

Aug 17 2021 5:46 PM UTC

}// 140/140

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

d/23578

Show more comments…
u/danny@hille.dk

dang that's nice
u/magna

Holy...
u/pavel

I think these would do better if they showed up all at once. I tried to muck around but your q logic is hard to compress for(k=99,m=t?0:5e4;X=S(m),Y=S(m*m--);x.fillRect(k*q*X,630-i-q/Y,q*q*m/9e5,i/Y))i=m%k,x.fillStyle=R(q=k/(1+S(k*X)),q=q%9*i,q-Y*k,k*Y*Y/q)
u/pavel

Yours looks really nice if you wait for it to finish!
u/rodrigo.siqueira

This #cityscape #scene deserves to be printed and framed. #city
u/rep_movsd

This is the best one of your recent technique
u/magna

I would totally want this on my wall
u/UEZ

#expressionism
u/taupelink

Thank you everyone for the compliments! And for bearing with me as I try different alternatives. And especially to u/pavel and others who have helped with coding/golfing.
u/magna

u/taupelink Got one! I'll print out and attach the source code on it as well.
u/taupelink

thank you so much--enjoy!

dwitter.net | baon (14711)