当前位置: 首页 > 图文教程 > 网络编程 > PHP > PHP+javascript模拟Matrix画面

PHP
PHP 开发环境的选择、建立及使用(5)
PHP 开发环境的选择、建立及使用(6)
PHP 开发环境的选择、建立及使用(7)
PHP 开发环境的选择、建立及使用(8)
PHP 开发环境的选择、建立及使用(9)
Win2003下APACHE PHP5 MYSQL4 PHPMYADMIN 的简易安装配置
PHP新手上路(八) 文件上传
PHP新手上路(九) 投票系统
PHP新手上路(十) 简易banner动态更替
PHP新手上路(十一) 数据库链接
PHP新手上路(十二)使用PHP来操作Oracle数据库
PHP新手上路(十三)PHP资源
PHP新手上路(十四) 其他杂项
session全教程(一)
session全教程(二)
session全教程(三)
PHP编码规范
第十五节--Zend引擎的发展 -- Classes and Objects in PHP5 [15]
第十四节--命名空间 -- Classes and Objects in PHP5 [14]
第十二节--类的自动加载 -- Classes and Objects in PHP5 [12]

PHP+javascript模拟Matrix画面


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 155 ::
收藏到网摘: n/a

直接存为*.php文件运行即可。
<?
$color_back="#000000";
$number_w=8;
$number_h=6;
$space=1;
$font_size=20;
$speed=0;
?>
<html>
<head>
<title>The Matrix</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
// *****************************************************************
// Written By Caocao
// [email protected]
// http://caocao.oso.com.cn
// *****************************************************************
number_h=<? echo $number_h;?>;
number_w=<? echo $number_w;?>;
step=5;
text=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
grad=new Array("#000000","#004000","#008000","#00C000","#00FF00");
function line()
{
this.start=100;
this.end=60;
this.restart=0;
}
function randchar()
{
return (text[Math.round(Math.random()*25)]);
}
function initial()
{
matrix=new Array();
light=new Array();
for (i=0;i<number_h;i++)
{
for (j=0;j<number_w;j++)
{
matrix[i*number_h+j]="<? echo $color_back;?>";
}
}
for (j=0;j<number_w;j++)
{
light[j]=new line();
}
}
function new_light()
{
for (j=0;j<number_w;j++)
{
if (light[j].restart==0)
{
light[j].start=0;
light[j].end=-10-Math.round(Math.random()*20);
light[j].restart=light[j].end-Math.round(Math.random()*20);
}
else
{
light[j].start++;
light[j].end++;
light[j].restart++;
}
}
}
function new_color(i,j)
{
if ((light[j].start-i)<5&&(light[j].start-i)>0)
{
return (light[j].start-i);
}
if ((i-light[j].end)<5&&(i-light[j].end)>0)
{
return (i-light[j].end);
}
if ((i-light[j].end)>4&&(light[j].start-i)>4)
{
return (4);
}
return (0);
}
function display()
{
for (i=0;i<number_h;i++)
{
for (j=0;j<number_w;j++)
{
eval("w"+i+"h"+j).innerHTML="<font color="+grad[new_color(i,j)]+">"+randchar()+"</font>";
}
}
}
function show()
{
new_light();
display();
setTimeout("show()",<? echo $speed;?>);
}
</script>
<style type="text/css">
<!--
<?
echo ".size,tr,td { font-size: ".$font_size."pt; line-height: ".$font_size."pt ;color:#00FF00}n";
?>
-->
</style>
</head>
<?
echo "<body bgcolor=".$color_back.">";
echo "<table width=".($number_w*$font_size)." border=0 cellspacing=".$space." cellpadding=0>";
for ($i=0;$i<$number_h;$i++)
{
echo "<tr>";
for ($j=0;$j<$number_w;$j++)
{
echo "<td id=w".$i."h".$j.">M</td>";
}
echo "</tr>";
}
echo "</table>";
?>
<script language="javascript">
initial();
show();
</script>
</body>
</html>