자바스크립트 mo.js 라이브러리가 동작을 하지 않습니다.

자바스크립트 mo.js 라이브러리가 동작을 하지 않습니다.

QA

자바스크립트 mo.js 라이브러리가 동작을 하지 않습니다.

본문

제가 모션그래픽에 유용한 라이브러리를 찾았는데 홈페이지 레퍼런스를 따라해도 작동을 하지 않네요.

무엇을 제가 놓치고 있을까요?

이건 레퍼런스 사이트입니다.

https://mojs.github.io/tutorials/getting-started.html#setup-mo-js-in-your-project

1028837436_1640685435.7573.png

 

이건 제가 짠 코드입니다.


<!doctype html>
<html> 
<body>
  <script src="https://cdn.jsdelivr.net/npm/@mojs/core"></script>
    <script>
      const bouncyCircle = new mojs.Shape({
      parent:       '#bouncyCircle',
      shape:        'circle',
      fill:         {'#F64040': '#FC46AD'},
      radius:       {20: 80},
      duration:     2000,
      isYoyo:       true,
      isShowStart:  true,
      easing:       'elastic.inout',
      repeat:       1,
    });
    bouncyCircle.play() 
  </script>
</body> 
</html>

이 질문에 댓글 쓰기 :

답변 1

뭔가 이상함을 느끼지 않으셨나요?

춤은 외웠는데 춤을 출 공간이 없습니다.

 

<div id="bouncyCircle"></div>

 

이렇게 춤출 공간을 만들어주세요.

답변을 작성하시기 전에 로그인 해주세요.
전체 142
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT