Tag Archives: Web page

JavaScript Simulation Party

Why are simulations useful? They certainly can be interesting to look at. Today I have selected a series of fun JavaScript simulations to look at. These are programs written for your web browser to interpret onto the screen for you. Often they are combined with a level of interactivity upon things like mouse-over, mouse-drag, or on-click, perhaps even input fields from a query form.

When we look at our web-browsers, they are essentially reading code and serving image files, characters, and pixel points for us to view. Programmers who work specifically on the browser-side of code: JavaScript, HTML, CSS, etc, are the ones who understand the real potential of what we can see on the web.

What can be produced, in an appealing and functional sense, are not necessarily a useful measure, except to see where the limits are bound in terms of  the aforementioned ideas. This is where browser side programmers are testing the limits and helping redefine standards in browser code.

Take a look at this website:

Lonely Pixel

From lonely-pixel.com – March 28, 5:50 PM

A showcase of my Javascript, CSS and HTML experiments.

I don’t know his name, except to see that there is an exceptional amount of mathematical reconstruction to simulate drapery, fluid, bouncing balls etc.

To those unfamiliar with the amount of work involved in producing these simulations, what Lonely Pixel has achieved is to describe real motion in math using the principles of physics. This scratches the surface of the blocks of thinking that go into creating animated elements that we see in filmmaking.


Js1k.com – Demos – A jumpy js competition

The object of this competition is to create a cool JavaScript “application” no larger than 1k. Starting out as a joke, the first version ended with a serious amount of submissions, prizes and quality.

I thought I’d pick out a couple of cool visuals from this Spring’s entries Head on over to the website to see the whole selection of entries. It’s pretty amazing what can be done in 1 kilobyte of web browser code.

By James Allardice
( Website@james_allardice )
Springy is a simple Doodle Jump clone. Move your mouse to the left or right to control your spring and see how high you can jump! Now featuring mobile accelerometer support!

Spring is in the box.
By Anders Corlin
Boxes and scrolling text. Second effect showing after 10s. Source is minimized but not compressed. No evals and stuff.

Keeping code lean is an optimization challenge. Minimizing the amount of code a web-browser has to interpret not only means you put less demand on your browsing device memory, but also minimizes the demand on the server side that’s hosting the bandwidth for all the file downloads called upon.

Find any cool Browser apps? let me know on Google Plus – Juliana