테스트 사이트 - 개발 중인 베타 버전입니다

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

디스달나노 3년 전 조회 2,451

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

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

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

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

 

이건 제가 짠 코드입니다.

</p>

<p><!doctype html>

<html> 

<body>

  <script src="<a href="https://cdn.jsdelivr.net/npm/@mojs/core"></script>" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/npm/@mojs/core"></script></a>

    <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,

    });</p>

<p>    bouncyCircle.play() 

  </script>

</body> 

</html></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

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

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

 

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디스달나노
3년 전
헐..제가 왜 그랬죠??

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인