Home Page - The Code Laboratory

HOME GAMES APPS CODE DESIGNS ELECTRONICS DOWNLOADS LEGACY

Welcome to The Code Laboratory

This site is a test bed aimed at research and advancement for various ideas for games,apps, robots and anything else I find interesting. If this inspires or helps other people then so much the better!

Image Slide

Image Slide is an online game which involves re-arranging the parts of a jumbled image to re-create the full picture.

The game has been designed to be customiseable to allow the image to be user-defined making it a fun simple game to add to any website.

Coded using C# and Javascript the project is a good example of some of the dotNET graphic libraries available to the web developer.

Click Here to visit the project

What's New?

Project Name: CSSTree
Release Date: 17 Sep 24
A Tree in css

Click Here to view

Project Name: RoomDesigner
Release Date: 11 Oct 24
Canvas based room designer

Click Here to view

DOM Optimisation (Javascript)

Consider the following loop to tick all checkboxes:

          for(var i=0;i<document.forms[0].chkTest.length;i++){
            document.forms[0].chkTest[i].checked=blnTicked
          }

While this code does work, from a DOM (Document Object Model) perspective it is very inefficient. Notice each revolution of the for next loop counts how many checkboxes there are. The DOM then has to be worked through to the appropriate checkbox for that revolution of the loop to set it. With just a few small changes though we can really improve the efficiency of these simple lines of code.

Click here to see the performance gains

The Pulse

Projects (88)
Avg. Rating	7.5
Best Rated:	Image Slide (7.0)
Most Visited:	Suduko Solver (2432)
Click Here to see projects in progress