Create a matrix page in just code - No Images (Fun Contest)

Discussion in 'Design Contests' started by Silver89, Oct 4, 2009.

0
  1. #1
    Hey,

    To add a little fun to DP I have a challenge for all of you html,css,php experts!

    The task is to create a matrix style page without using any images at all, I have started off with this example that uses php and css.

    http://danthorpe.co.uk/randomPattern.php

    The php Code used is:

    
<?
function random_gen($length)
{
	srand((double)microtime()*1000000);
	$char_list .= "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
	$char_list .= "1234567890";
	$char_list .= "%$£&@#<>";
	$char_list .= " ";
	
	for($l = 0; $l < $length; $l++)
	{ 
	$random .= substr($char_list,(rand()%(strlen($char_list))), 1);
	}
	return $random;
}

for($i=1; $i<=2000; $i++)
{
?>
<span style="<? if(rand(0,9) < 3){?>margin-right:<?=rand(0,2);?><?=rand(0,9)?>px;<? }?>opacity:0.<?=rand(0,9)?>;filter:alpha(opacity=<?=rand(0,9)?>0)"><?=random_gen(1)?></span>
<?
}
?>
    PHP:
    Incase you haven't seen the matrix then this is what your aiming for:

    [​IMG]

    Impress me guys!
     
    Silver89, Oct 4, 2009 IP
  2. toonboon

    toonboon Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    I'll see what I can do with this tomorrow, sounds like a fun experience ^^
    Thinking about using some Javascript for an added effect :)
     
    toonboon, Oct 4, 2009 IP
  3. Silver89

    Silver89 Notable Member

    Messages:
    2,243
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    205
    As Seller:
    100% - 1
    As Buyer:
    100% - 0
    #3
    I've made no advance on my entry, not too sure how to make text move?
     
    Silver89, Oct 18, 2009 IP