在java腳本中更改動畫字符串的位置

-1

以下是Code Academy的代碼：http://www.codecademy.com/courses/web-beginner-en-girf5/0/1以獲取動畫名稱。動畫的字符串靠近頂部。有沒有什麼辦法，它可以被重新定位，使得動畫將是正確的在屏幕的中心這裏是代碼： main.js：在java腳本中更改動畫字符串的位置

var red = [0, 100, 63]; 
var orange = [40, 100, 60]; 
var green = [75, 100, 40]; 
var blue = [196, 77, 55]; 
var purple = [280, 50, 60]; 

var myName = "Codecademy"; 
var letterColors = [red, orange, green, blue, purple]; 

if(10 < 3) { 
    bubbleShape = "square"; 
} 
else { 
    bubbleShape = "circle"; 
} 

drawName(myName, letterColors); 
bounceBubbles();

HTML文件：

<!DOCTYPE html> 
<html> 
    <head> 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> 
    </head> 
    <body> 
    <canvas id="myCanvas"></canvas> 
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> 
    <script type="text/javascript" src="main.js"></script> 
    </body> 
</html>

來源

2014-03-26 coderasp

var red = [0，100，63]; var orange = [40，100，60]; var green = [75，100，40]; var blue = [196，77，55]; var purple = [280，50，60]; var myName =「Codecademy」; var letterColors = [紅色，橙色，綠色，藍色，紫色]; if（10 <3）{bubbleShape =「square」; } else { bubbleShape =「circle」; } drawName（myName，letterColors）; bounceBubbles（）; – coderasp

我建議通過Codecademy網站已鏈接到bubbles.js腳本運行：

http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js

然後複製這些地方LY爲您的網站，並改變他們需要...

看/編輯本段（在drawName內，或在「輸出」功能）：

for (var j=0; j<g.length; j++) { 
    g[j].curPos.x = (canvasWidth/2 - offset/2) + g[j].curPos.x; 
    g[j].curPos.y = (canvasHeight/2 - 180) + g[j].curPos.y; 
    g[j].originalPos.x = (canvasWidth/2 - offset/2) + g[j].originalPos.x; 
    g[j].originalPos.y = (canvasHeight/2 - 180) + g[j].originalPos.y; 
}

我建議嘗試改變配方在這一行(canvasHeight/2 - 180)來改變輸出位置......我只是猜測，但這是在這個代碼跳到我身上。

來源

2014-03-26 17:37:37 Phlume

我在我的系統Phlume中得到了這些文件，對此我感到陌生，我不確定要編輯哪些內容來更改輸出結果。 – coderasp

我該如何更改該代碼才能在中心獲取動畫？ – coderasp

這是一個難以回答的問題......它是相對的。「中心」取決於畫布的大小和字符串中的字母數量。搗鼓它......用180代替90 ......看看會發生什麼。把180換成50;怎麼了？用250替換它...查看結果。重點是**探索**並發現，而不僅僅是「詢問」答案。這不是這個網站的內容。 – Phlume

在java腳本中更改動畫字符串的位置

回答

相關問題