首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
javascript实现的三维正方体(兼容ie7,ff)
所属分类：
网络编程
/
JavaScript
阅读数： 1025
收藏 0
赞 0
分享
通过更新变换矩阵来记录转动(函数remx()).
利用矩阵计算出转动后的正方体顶点坐标,
把各个顶点的空间坐标按”近大远小”转换成平面坐标(函数p2d()),
用正方体各个面的法向量的z坐标判断该面是否可见,
用高为1px的div层模拟画出四边形(函数gra2htm()).
鼠标拖曳的代码用别人的代码修改的.
<!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=gb2312" /> <title>Cube</title> </head> <body> <div id="t" style="width:200px;height:200px;background-color:#000000;" oncontextmenu="return false" onmousedown="drag(this,event)"></div> <input type="button" onClick="clearInterval(tt)" value="Stop" /> <input type="button" onClick="clearInterval(tt);tt=setInterval('cc.roll(\'rx\',0.2);cc.paint();',100)" value="Down" /> <input type="button" onClick="clearInterval(tt);tt=setInterval('cc.roll(\'ry\',0.2);cc.paint();',100)" value="Right" /> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
BootStrap数据表格实例代码
本文通过实例代码给大家分享了BootStrap数据表格的相关知识，感兴趣的朋友一起看看吧
评论 0
收藏 0
赞 0
分享
基于vue的短信验证码倒计时demo
这篇文章主要介绍了基于vue的短信验证码倒计时demo，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
详解React Native开源时间日期选择器组件(react-native-datetime)
本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime)，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
JS库particles.js创建超炫背景粒子插件(附源码下载)
particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单，代码也很容易实现，下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
JS库之Waypoints的用法详解
waypoints的功能非常强大，一款用于捕获各种滚动事件的插件，下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
评论 0
收藏 0
赞 0
分享
强大的JavaScript响应式图表Chartist.js的使用
本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解wow.js中各种特效对应的类名
本篇文章主要介绍了wow.js中各种特效对应的类名 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库之Highlight.js的用法详解
highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解，感兴趣的朋友跟随脚本之家小编一起学习吧
评论 0
收藏 0
赞 0
分享
详解动画插件wow.js的使用方法
本篇文章主要介绍了动画插件wow.js的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库 Highlightjs 添加代码行号的实现代码
Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
朋友圈疯传的万能Wi-Fi账号是假的 犯了常识性错误
网赚之谈：做什么网站才能让我们草根站长有个出路
怎么才能做好移动互联网营销？
sp项目教程：最新日赚500元教程
做什么样的网站能赚钱?
Papi酱首次直播的八大平台是哪些 打赏90万服不服
站长故事
更多
奇幻咔咔3D小熊孟得明 揭秘瞬间火爆网络的背后故事
站长做好以下三个步骤 长期盈利不是难事
2013 敢问网站建设的路究竟在何方
浅谈：一个草根站长的服装论坛赚钱经验
为什么知乎做起来了？市场竞争的魅力和价值
草根站长告诉你通过互联网赚钱到底难不难(真实经历)
