11 Awesome JavaScript Effects That Developers Will Enjoy!

JavaScript can be used to do some incredible things on the web browser. Of course, the user's browser must be able to support the language.

If you're a developer, you have most likely heard of Chrome Experiments. There are some amazing effects made using JavaScript, HTML5, webGL etc. on this website. We can help you learn the art! The following are 11 of the best effects that developers would find interesting from the creativity point of view. Maybe you could draw a few ideas for yourself as well. Enjoy!

1. Starfield

This is a simple starfield, which moves around as you move your mouse on the browser. It gives you a somewhat Star Wars kind of effect.

2. Ball Pool

This is the ball pool effect created on your browser. You can click on white space on the browser to create new balls, drag the balls and throw them around etc.

3. Canopy

This is a fractal vector style tree zoomer. You can press play to start the animation and then click to increase the speed as the tree keeps changing. In addition, you can click on bloom and mutate options to add certain effects.

4. Many Lines

This is a many lines pattern that has been created using JavaScript. You move your mouse and many lines go all around your browser. It also allows you to choose colour etc.

5. 3D Model Viewer

This is an experiment using JavaScript and an HTML5 canvas, which allows you to viw a 3D model of various things and then rotate them to see from differet angles.

6. Floating cube

In these floating cubes show up on your browser that makes the word 'Chrome Experiment'.

7. Depth of Field

In this you get spherical balls that align in different positions to form different shapes. You can go from a sphere to a simple plane to many other shapes.

8. Fish

This JavaScript effect brings some fishes onto your browser. These fishes will avoid your mouse cursor. It emulates shoals created by fishes in order to avoid predators, your cursor being the predator in this case.

9. Liquid Particles

This is like an underwater replication of the many lines effect. The particles move around with your mouse cursor replicating the motion of small particles kept in water.

10. Colors Cube

This is a very simple mapping of RGB colourspace into a 3D model. It gives you a multi coloured cube in space.

11. Kaleidoscope

This is a replication of the effect that you see through a kaleidoscope. This JavaScript effect uses only filled circles with opacity so te colour scheme changes everytime creating the effect.