碰撞运动 crash.html

原创 2016年08月30日 17:14:36
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1{width:100px;height:100px;background: red;position:absolute;}
    </style>
    <script>
        function startMove(){
            var oDiv=document.getElementById('div1');
            var iSpeedX=30;
            var iSpeedY=8;
            setInterval(function(){
                iSpeedY+=3;
                var l=oDiv.offsetLeft+iSpeedX;
                var t=oDiv.offsetTop+iSpeedY;
                if(t>=document.documentElement.clientHeight-oDiv.offsetHeight){
                    iSpeedY*=-0.8;
                    iSpeedX*=0.8;
                    t=document.documentElement.clientHeight-oDiv.offsetHeight;
                }else if(t<=0){
                    iSpeedY*=-1;
                    iSpeedX*=0.8;
                    t=0;
                }
                if(l>=document.documentElement.clientWidth-oDiv.offsetWidth){
                    iSpeedX*=-0.8;
                    l=document.documentElement.clientWidth-oDiv.offsetWidth;
                }else if(l<=0){
                    iSpeedX*=-0.8;
                    l=0;
                }
                if(Math.abs(iSpeedX)<1){
                    iSpeedX=0;
                }
                if(Math.abs(iSpeedY)<1){
                    iSpeedY=0;
                }
                oDiv.style.left=l+'px';
                oDiv.style.top=t+'px';
            },30);
        }
    </script>
</head>
<body>
<input id="ipt1" type="button" value="开始运动" onclick="startMove()">
<div id="div1"></div>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

js实现碰撞运动

  • 2013年05月30日 17:00
  • 3KB
  • 下载

OpenGL碰撞检测与模型运动

http://blog.163.com/chester_lp/blog/static/13979408201137105055177/

OpenGL 碰撞检测与模型运动

原 文:Lesson 31: Collision Detection and Physically Based Modeling Tutorial 译 者:Wguzgg   下面我们要讨论的是...

Canvas绘制小球运动,检测碰撞变色

1.html Bouncing balls bouncing balls

《MFC游戏开发》笔记九 游戏中的碰撞判定初步&怪物运动简单AI

在游戏之中,碰撞判定是必不可少的一块,在许多地方都需要用到。比如说在即时战斗游戏中,当人物碰到怪物的时候,人物是会扣血的;在回合制中,碰到怪物是要进入战斗场景的;游戏之中也还有一些荆棘之类的东西,还有...

POJ2674运动碰撞模拟

Online Judge Problem Set Authors Online Contests User Web Board Home Page F.A.Qs Statistical Chart...

JavaScript 动画之碰撞运动

碰撞运动 撞到目标点,速度反转 无重力的漂浮Div 速度反转 滚动条闪烁的问题 过界后直接拉回来 加入重力 反转速度的同时,减小速度 纵向碰撞,横向速度也减小 横向速度小数问题(负数...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:碰撞运动 crash.html
举报原因:
原因补充:

(最多只允许输入30个字)