javascript实现的三维正方体(兼容ie7,ff)

2016-02-19 09:00 9 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的javascript实现的三维正方体(兼容ie7,ff),手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

通过更新变换矩阵来记录转动(函数remx()).
利用矩阵计算出转动后的正方体顶点坐标,
把各个顶点的空间坐标按”近大远小”转换成平面坐标(函数p2d()),
用正方体各个面的法向量的z坐标判断该面是否可见,
用高为1px的div层模拟画出四边形(函数gra2htm()).
鼠标拖曳的代码用别人的代码修改的.

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
 

来源:http://www.tulaoshi.com/n/20160219/1589135.html

延伸阅读
标签: Web开发
这段程序的设为首页自动获取当前文档URL的域名,加入收藏的描述取自当前文档的标题。 代码:  程序代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/htm...
CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{     height:20px;     background-color:orange; } IE7浏览器 *+html .test{/*IE7*/     height:20px;     background-color:blue; } ...
标签: Web开发
关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。您也可以参考下面的文章 FF浏览器 .test{     height:20px;     background-color:orange; }   IE7浏览器  *+html .test{/*IE7*/     height:20px;    ...
标签: Web开发
Untitled 1 .style1 { font-size: x-small; }
标签: Web开发
代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head     meta http-equiv="content-type" content="text/html; charset=...

经验教程

55

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部