자바 스크립트

-1

에서 움직이는 문자열의 위치를 변경하려면 코드 아카데미의 코드 인 http://www.codecademy.com/courses/web-beginner-en-girf5/0/1을 사용하여 애니메이션 이름을 얻으십시오. 애니메이션 문자열은 어딘가에 상단에 가깝습니다. 이 애니메이션은 화면의 중앙에 잘 될 것 같은 다시 배치 할 수있는 방법이 여기되는 코드 : main.js :자바 스크립트

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>

은

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

다음 로컬에 복사 :

출처

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 스크립트를 통해 실행 제안 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

자바 스크립트

답변

관련 문제