xpoly

xpoly

xpoly

JavaScript Coding Tutorial — Part 11 — Green Jelly Beans!

Continuing from our beautiful random color rainbows in Part 10, let’s get started with some jelly beans and new movement.

Mar 31, 2022

Nice little final touch with an offset drop shadow, like we learned previously.

Mar 31, 2022

xpoly

JavaScript Coding Tutorial — Part 10 — Creating Random Rainbows!

In Part 9 we started using radial gradient fills and used what we had learned thus far to create a floating dancing random square with a…

Mar 22, 2022

Try reversing the colors to create a more realistic rainbow and position as you want.

Mar 22, 2022

xpoly

JavaScript Coding Tutorial — Part 9 — Dancing Polygons Canvas Animations

In Part 8 we started using linear gradient fills with our random shape coordinates, shadows with offsets and switched our var keywords to…

Mar 19, 2022

Now our polygon dances and we have a bit of a bit of movement and life.

Mar 19, 2022

xpoly

JavaScript Coding Tutorial — Part 8 — Polygons and Volcanos!

In Part 7 we made some random and automatic paint brush effects for our text and that followed our mouse cursor. Let’s see about drawing…

Mar 15, 2022

We can add a linear gradient fill to add some hot lava and fire to our volcano.

Mar 15, 2022

xpoly

JavaScript Coding Tutorial — Part 7 — Random Automatic Paint Brushes

In Part 6 we made randomized paint brush effects that followed our mouse cursor and made some pretty interesting looking canvas drawings…

Mar 12, 2022

Now with the incremental offset, we get some nice balanced movement in every direction.

Mar 12, 2022

xpoly

JavaScript Coding Tutorial — Part 6

Painting in canvas with custom paint brushes and effects.

Mar 10, 2022

By changing just two functions we can get some pretty nice paint brush effects already.

Mar 10, 2022

xpoly

JavaScript Coding Tutorial — Part 5

In the 1st four parts, we have done quite a lot with animation, randomness and more… So, much in fact, we have almost our 1st 100 lines of…

Mar 9, 2022

Opening the JavaScript.html file in BBEdit, you will immediately see differences, like text coloring.

Mar 9, 2022

xpoly

JavaScript Coding Tutorial — Part 4

In Part 3 we created some nice looking semi-transparent random triangles that looked almost like some kind of generative art. We also…

Mar 9, 2022

Once per second the triangle will move up and at the end of every minute it will reset to the bottom.

Mar 9, 2022

xpoly

JavaScript Coding Tutorial — Part 3

Let’s continue right where Part 2 left off and widen our canvas to make some room for other types of polygons on our JavaScript web canvas!

Mar 8, 2022

JavaScript Coding Tutorial — Part 3

Mar 8, 2022

xpoly

JavaScript Coding Tutorial — Part 2

Continuing right from where we left off from Part 1, to add even more awesome randomness and a little housekeeping.

Mar 7, 2022

Using our new getRandomRGBA function adds a nice additional level of color depth?

Mar 7, 2022

xpoly

XPOLY is about learning many computer languages and skills, through the use of polygons, gaming and having some fun along the way. “x” for a specific target and “poly” for meaning many. Born out of a desire for a slightly new way to teach coding and programming.

Connect with xpoly

Editors

xpoly

XPOLY is about learning many computer languages and skills, through the use of polygons, gaming and fun. “x” for a specific target and “poly” for meaning many.

Help

Status

About

Careers

Press

Blog

Privacy

Terms

Text to speech

Teams