웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Javascript Smoke Effect 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Javascript Smoke Effect

해피CGI윤실장 2021. 7. 5. 09:56

 

*  Javascript Smoke Effect

- Smoke.js는 웹용 Smoke Effect를 만드는 자바 스크립트 라이브러리입니다.





* 사용방법

- 첨부된 압축파일을 다운로드하여 적용할 웹경로에 압축해제하여 업로드 합니다
그후 적용된 html 문서에 smoke.js 를 불러옵니다

 

 




이후 아래와 같은 형태의 스크립트 사용이 가능해집니다



스크립트 사용의 짧은 예)






복사가 가능한 예)





그외 API 정보는 아래와 같습니다

  • context — 연기를 그릴 캔버스의 컨텍스트
  • [r, g, b] — (선택 사항) 연기에 적용 할 색상




party.start()

- 애니매이션 시작

party.stop()

- 애니매이션 중지


party.addSmoke(x,y,numberofparticles)

  • x,y — 캔버스에서 연기가 생성되어야하는 좌표
  • numberofparticles — 많을수록 더 많은 연기가 생성


party.step(milliseconds)

milliseconds - 설정된 밀리초가 지난 후 다시 연기를 그림

샘플예제는 첨부된 index.html 파일을 참조하면 도움이 되실겁니다

 

 

 

홈페이지바로가기

Comments