New #landscape dweets

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

robbyg

remix of d/8582 by u/robbyg

function u(t) {

t&&x.drawImage(c,0,3)
for(Z=i=360;i--;x.fillRect(i*18-C(t+t-S(i/9))*Z-Z,0,Z,3))x.fillStyle=`hsl(${(S(i/3+t)+9)*4},${z=25+i%55}%,${z*.8}%)`

Jun 13 2018 1:29 PM UTC

}// 138/140

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

Dunes.

u/magna

I bet p01 will come and add a camel to this.
u/lionleaf

Wow, that's really nice! #dunes #sand #desert
u/zanella

But the function names are already in camel case. #rimshot
u/joeytwiddle

#landscape

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=-1
for(q=j=8;j++<21;T=65+~(t/6)%5*9)for(i=300;i-=2;x.clearRect(i,Y,1,1))x.fillRect(i,Y=j*5+(h=C(i/T)*35+(q+=S(i/j))),j/7,S(t)+T/2-h)

Apr 29 2018 10:22 AM UTC

}// 140/140

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

Remote Islands

u/iverjo

Cool! After a while it shows multiple groups of islands
u/iverjo

#water #islands #landscape
u/BuRRak

Making of coming soon i hope
u/donbright

#art

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width=g=999;for(i=-70;40>i;i++)for(j=1;80>j;j++)f=500*i,h=j-t%1,l(),f+=500,l();function l(){x.lineTo(500+f/h,(g+270*S(7*f))/h)}x.stroke();

Apr 24 2018 2:03 PM UTC

}// 140/140

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

Further learning perspective. Landscape experiment!

u/joeytwiddle

That's cool! #landscape #perspective
u/jylikangas

Nice! There are some golfing opportunities. 124 byte version...for(c.width=g=999,i=-70;40>i++;)for(j=80;--j;l(f+=500))(l=e=>x.lineTo(500+f/h,(g+270*S(7*f))/h))(f=500*i,h=j-t%1) x.stroke()

show FPS hide FPS share fullscreen

jylikangas

remix of d/7171 by u/jylikangas

function u(t) {

for(i=110;i--;)for(j=64;j--;x.fillStyle=R(L*=1+j*i&79?(2+t%6)*j:200,x.fillRect(i*T,j*T,T=18,T),L*2))L=!(j/8<6+C(i-j-t)&(j/9>3+S(i|3)|j%7<1))

Apr 23 2018 9:32 AM UTC

}// 140/140

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

Neon city wakes up

Show more comments…
u/sigveseb

even better than before!
u/sigveseb

#city
u/BalintCsala

Sorry for the language, but what the fuck
u/iverjo

Nice! Better colors than your previous version https://www.dwitter.net/d/7171 #cityscape #pixel
u/hollo47

I love that there is so much going on in its 8bit aesthetic! Wouldn't mind this becoming a new trend!
u/zanella

The reflection doesn't match the buildings. Lame.
u/zanella

JUST KIDDING! It's freaking awesome!
u/jylikangas

Darn I knew there was a bug in there somewhere. :D
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/zanella

Thanks for the making of post, wish every cool dweet had one of those!
u/joeytwiddle

#landscape #scene #water
u/iverjo

#makingof

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=-1;i++<125;)for(j=75;j--;x.fillRect(99+i-j,(i+j)/(2+T(t)/2)+!h,h|1,~h))h=t+j/13&i/9-t*6,h*=(h<5)*5,x.fillStyle=R(0,i+j,!h*200)

Apr 14 2018 4:56 PM UTC

}// 140/140

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

Isometric Islands

show FPS hide FPS share fullscreen

jylikangas

remix of d/7508 by u/fujimotos

function u(t) {

c.width=512
for(i=2e3;i--;x.fillStyle=R(v=255-i/5,v))x.fillRect((i&63)*9,89+(Y=i>>6)*8,9,t%12*S(i/Y+t))
x.scale(12,7);x.fillText('☼',2,t%12)

Mar 29 2018 5:47 PM UTC

}// 140/140

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

Another Fujimoto original gets a color treatment :)

u/fujimotos

SUNSET!
u/iverjo

#sun
u/joeytwiddle

#landscape #ocean #sea #sunset

show FPS hide FPS share 2 remixes fullscreen

fujimotos

function u(t) {

c.width=640
for(i=2304;i--;){X=i&63;Y=i>>6
x[z="fillRect"](X*10,Y*10+130,9,S((X-30)/(Y+5)+t)*9);
(X-32)**2+(Y-3)**2<8&&x[z](X*9,Y*9,7,2)}

Mar 28 2018 11:54 PM UTC

}// 137/140

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

My attempt to mimic sunlight on the sea...

Show more comments…
u/jylikangas

c.width=640 for(i=2304;i--;x.fillStyle=R(v=255-i/4,v))x.fillRect((X=i&63)*9,(Y=i>>6)*9+99,9,S(X/Y+t)*9) x.font='9em a';x.fillText('☼',0,75)
u/jylikangas

I like this one. Had to try and add color. :)
u/fujimotos

This is a huuuuge improvement. IMHO, you should just post it! This really deserves its own dweet.
u/jylikangas

I'll work on it a bit more. Thanks for the inspiration again! :)
u/innovati

☀️🌊
u/joeytwiddle

#sea #ocean #landscape
u/fujimotos

#sun

show FPS hide FPS share fullscreen

nystrand

remix of d/6046 by u/nystrand

function u(t) {

for(i=w=2e3;--i;x.fillStyle=R(N*a/4,50+a*3+w,w,.1),x.fillRect(-2,-a,6,w,w=3))a=i%32,x.setTransform(32-a,w,C(t-i/333)*9+w,N=9-T(i>>5),i,1070)

Mar 23 2018 3:53 PM UTC

}// 140/140

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

Color version

Show more comments…
u/BuRRak

Amazing
u/aleamb

wow!
u/jylikangas

What a clever way to do the background. I also like how you used Math.tan to get the trees.
u/magna

wat.
u/sigveseb

<3
u/iverjo

Niiice
u/joeytwiddle

very nice again! :)
u/iverjo

#grass
u/joeytwiddle

#tree #trees #palm #palm_tree #organic #landscape
u/joeytwiddle

#scene ;-)

show FPS hide FPS share fullscreen

yonatan

remix of d/7305 by u/yonatan

function u(t) {

for(i=2e3,n=99;i--;x.fillStyle=R(q=(Y+1)*n,q/3,n-q),x.fillRect(i,t*n-(Y|0)*n,1,n*n))for(Y=0,j=4;j--;)Y+=C(((i-960)+S(t+Y)*n*j*j)/2**j/t/9)

Mar 13 2018 7:28 AM UTC

}// 139/140

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

Canyons

u/yonatan

added perspective like in d/7303
u/joeytwiddle

Beautiful!
u/aleamb

great!
u/magna

(ノಥ,_｣ಥ)ノ彡┻━┻
u/joeytwiddle

#landscape #slow_render #hiddengem

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7303 by u/joeytwiddle

function u(t) {

for(x.beginPath(i=1920);i--;t<15&&x.fillRect(i,t*99+(Y*4|0)*2*t,.2,8))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t-S(t+Y)*299*j*j/t)/(40*2**j))

Mar 13 2018 7:15 AM UTC

}// 132/140

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

Softer landscape. Shouts to yonatan! 8 chars free for remixing

u/yonatan

More than 8 if you lose x.beginPath() :)
u/joeytwiddle

lol true! 😅
u/joeytwiddle

#landscape

dwitter.net | #landscape