handjs触屏控制飞机发射子弹小游戏效果代码-html代码-BFW代码库

代码语言：html

所属分类：游戏

代码描述：handjs触屏控制飞机发射子弹小游戏效果代码，触摸屏幕左侧的任何位置。在您触摸屏幕的确切位置，它将显示一个简单但非常有效的键盘。移动手指将更新虚拟触摸板，并将移动一个简单的太空飞船。触摸屏幕右侧将显示一些红色圆圈，这些圆圈将生成一些从子弹飞出的子弹。

代码标签：飞机发射子弹小游戏效果

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html lang=en>
<head>
    <meta charset=utf-8>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/hand.js"></script>
    <style>
        * {
            -webkit-touch-callout: none;
            /* prevent callout to copy image, etc when tap to hold */
            -webkit-text-size-adjust: none;
            /* prevent webkit from resizing text to fit */
            /* make transparent link selection, adjust last value opacity 0 to 1.0 */
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-user-select: none;
            /* prevent copy paste, to allow, change 'none' to 'text' */
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            touch-action: none;
        }

        body {
            background-color: #000000;
            margin: 0px;
        }

        canvas {
            background-color: #111133;
            display: block;
            position: absolute;
        }

        .container {
            width: auto;
            text-align: center;
            background-color: #ff0000;
        }

    </style>
</head>
<body>
  <div class="container">
        <canvas id="canvasSurfaceGame"></canvas>
    </div>
    <script>
      
     var Collection = function () {
    this.count = 0;
    this.collection = {};
    this.add = function (key, item) {
        if (this.collection[key] != undefined)
            return undefined;
        this.collection[key] = item;
        return ++this.count
    }
    this.remove = function (key) {
        if (this.collection[key] == undefined)
            return undefined;
        delete this.collection[key]
        return --this.count
    }
    this.item = function (key) {
        return this.collection[key];
    }
    this.forEach = function (block) {
        for (key in this.collection) {
            if (this.collection.hasOwnProperty(key)) {
                block(this.collection[key]);
            }
        }
    }
}

        
        
var Vector2 = function (x,y) {
        
        this.x= x || 0; 
        this.y = y || 0; 
        
};



Vector2.prototype = {

        reset: function ( x, y ) {

                this.x = x;
                this.y = y;

                return this;

        },

        toString : function (decPlaces) {
                decPlaces = decPlaces || 3; 
                var scalar = Math.pow(10,decPlaces); 
                return "[" + Math.round (this.x * scalar) / scalar + ", " + Math.round (this.y * scalar) / scalar + "]";
        },
        
        clone : function () {
                return new Vector2(this.x, this.y);
        },
        
        copyTo : function (v) {
                v.x = this.x;
                v.y = this.y;
        },
        
        copyFrom : function (v) {
                this.x = v.x;
                this.y = v.y;
        },      
        
        magnitude : function () {
                return Math.sqrt((this.x*this.x)+(this.y*this.y));
        },
        
        magnitudeSquared : function () {
                return (this.x*this.x)+(this.y*this.y);
        },
        
        normalise : function () {
                
                var m = this.magnitude();
                                
                this.x = this.x/m;
                this.y = this.y/m;

                return this;    
        },
        
        reverse : function () {
                this.x = -this.x;
                this.y = -this.y;
                
                return this; 
        },
        
        plusEq : function (v) {
                this.x+=v.x;
                this.y+=v.y;
                
                return this; 
        },
        
        plusNew : function (v) {
                 return new Vector2(this.x+v.x, this.y+v.y); 
        },
        
        minusEq : function (v) {
                this.x-=v.x;
                this.y-=v.y;
                
                return this; 
        },

        minusNew : function (v) {
                return new Vector2(this.x-v.x, this.y-v.y); 
        },      
        
        multiplyEq : function (scalar) {
                this.x*=scalar;
                this.y*=scalar;
                
                return this; 
        },
        
        multiplyNew : function (scalar) {
                var returnvec = this.clone();
                return returnvec.multiplyEq(scalar);
        },
        
        divideEq : function (scalar) {
                this.x/=scalar;
                this.y/=scalar;
                return this; 
        },
        
        divideNew : function (scalar) {
                var returnvec = this.clone();
                return returnvec.divideEq(scalar);
        },

        dot : function (v) {
                return (this.x * v.x) + (this.y * v.y) ;
        },
        
        angle : function (useRadians) {
                
                return Math.atan2(this.y,this.x) * (useRadians ? 1 : Vector2Const.TO_DEGREES);
                
        },
        
        rotate : function (angle, useRadians) {
                
                var cosRY = Math.cos(angle * (useRadians ? 1 : Vector2Const.TO_RADIANS));
                var sinRY = Math.sin(angle * (useRadians ? 1 : Vector2Const.TO_RADIANS));
        
                Vector2Const.temp.copyFrom(this); 

                this.x= (Vector2Const.temp.x*cosRY)-(Vector2Const.temp.y*sinRY);
                this.y= (Vector2Const.temp.x*sinRY)+(Vector2Const.temp.y*cosRY);
                
                return this; 
        },      
                
        equals : function (v) {
                return((this.x==v.x)&&(this.y==v.x));
        },
        
        isCloseTo : function (v, tolerance) {   
                if(this.equals(v)) return true;
                
                Vector2Const.temp.copyFrom(this); 
                Vector2Const.temp.minusEq(v); 
                
                return(Vector2Const.temp.magnitudeSquared() < tolerance*tolerance);
        },
        
        rotateAroundPoint : function (point, angle, useRadians) {
                Vector2Const.temp.copyFrom(this); 
                //trace("rotate around point "+t+" "+point+" " +angle);
                Vector2Const.temp.minusEq(point);
                //trace(".........完整代码请登录后点击上方下载按钮下载查看