一个javaｓｃｒｉｐｔ三维循环实例实现三维变换

本文介绍了实现三维转换的Javaｓｃｒｉｐｔ三维循环，供大家参考：

在这里，我们使用Javaｓｃｒｉｐｔ来实现一个三维循环，它将改变Web 3d的变化，变色圈的特殊效果，网页上的3D圆圈。圆圈上每个点的颜色不一样，在黑网背景下更为明显。

运行效果如下图所示：
具体代码如下：

变色圈

<！——
{体
背景颜色：# 000000；
}
-->
VaR的颜色=新的数组（'ff0000 '，' ffffff '，'0000ff '，' ffffff）；
var = 16；
var步骤= 0.3；
无功a_step = 0.05；
无功运行时间=窗口= ypos = count_a =数= currstep = 0；
无功控制= 70；
无功move_a =行动= 1；
无功curcolour；
document.write（''）；
对于（i = 0；i <点；i + +）{
document.write（''）；
}
document.write（''）；
var x = movediv.all；
无功numdiv =新的数组（x { 0 } { 1 }，X X X，{ 2 }，{ 3 }，{ 4 } X X X，{ 5 }，{ 6 }，X X { 7 }，{ 8 }。
功能colourstep（）{
计数+移动；
如果（计数> = numdiv.length {数= 0；count_a + =移动}）
如果（count_a = =颜色。长度）count_a = 0；
numdiv {数量}。风格。背景颜色count_a } {；
（'colourstep setTimeout（）'，100）
}
功能divmove（）{
ypos =文件。身体。scrollTop +文档。身体。offsetheight / 2 +文件。身体。offsetheight / 2.8 * Math.cos（（运行时）/ 3）* Math.cos（运行 / 10）；
窗口=文件。身体。scrollLeft +文档。身体。offsetwidth / 2 +文件。身体。offsetwidth / 2.4 * Math.sin（（运行时）/ 5）* Math.sin（运行 / 20）；
运行+ = a_step；
TMA = setTimeout（divmove（）
}
函数翻转（）{
为（i = 0；i < numdiv.length；i++）{
numdiv {我}。style.top = ypos +中心* Math.cos（（（currstep +我* 4）/ 10.2）* Math.cos（currstep / 10）；
我numdiv { }。风格。左=窗口+中心* Math.sin（（currstep +我* 4）/ 10.2）；
}
currstep + =步；
setTimeout（推翻（）
}
函数收缩（）{
带宽= 0.5；
收缩= setTimeout（'shrink（）'，10）；
如果（CNTR <= 20）{清除定时器（缩小）；膨胀（）}
}
函数膨胀（）{
箱+ = 0.5；
膨胀= setTimeout（'swell（）'，10）；
如果（CNTR > = 70）{清除定时器（膨胀）；收缩（）}
}
函数转移（）{
（divmove）； / /移动层
（翻转）；翻转图层
（缩小）；更改层大小
（colourstep）； / /颜色转换层
}
转移（）；

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。