試圖在javascript畫布上動畫

作爲標題說我試圖在java畫布上動畫，但我不知道如何添加到我的對象的向量類當前位置我被告知使用此：試圖在javascript畫布上動畫

Bus.prototype.update = function() 
{ 
    this.getPosition().add(new Vector(10.0)); 
}

，但它不承認。新增功能，並與當我使用我的setInterval函數

我會包括錯誤出現我的get/set函數藏漢只是櫃面

Bus.prototype.getPosition = function() {  
    return this.mPosition; 
}; 
Bus.prototype.setPosition = function (pPosition) { 
    this.mPosition = pPosition; 
};

我在編碼，所以我道歉，如果這是很模糊的還是寫的不好

來源

2015-11-02 Joe Snowball

第1課：http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and-java – Shomz

的jsfiddle很新：https://jsfiddle.net/CanvasCode/41z9o10p/1/

的JavaScript

var c = document.getElementById("myCanvas"); 
var ctx = c.getContext("2d"); 

var Bear = function(xSet, ySet) 
{ 
    this.XPos = xSet; 
    this.YPos = ySet; 
} 

Bear.prototype.updatePosition = function(xValue, yValue) 
{ 
    this.XPos += xValue; 
    this.YPos += yValue; 
} 

var bear = new Bear(0,0); 

setInterval(function() 
      { 
    ctx.fillStyle = "#000"; 
    ctx.fillRect(0,0,c.width,c.height); 
    ctx.fillStyle = "#0F0"; 
    ctx.fillRect(bear.XPos, bear.YPos, 50,50); 

    bear.updatePosition(0.2, 0.4); 
} ,1);

熊是一個自定義的「類」。所有的熊都是X位置和Y位置，構造函數可以取兩個值來設置X和Y值。然後我給Bear添加一個新方法，這個方法叫做updatePosition。所有updatePosition都會取兩個值並將它們添加到原始X位置和Y位置（您也可以提供負數以相反的方式移動）。現在用我們的熊，我們可以創建一個，然後使用它的功能並移動它。

來源

2015-11-04 08:55:45 Canvas

試圖在javascript畫布上動畫

回答

相關問題