CreativeCoding용으로 P5.js가 TypeScript로 쓸 수 있는 환경을 만들었다.

'수학에서 창조하는 제네라티브 아트 - Processing에서 배우는 형태의 디자인
상풀로 넣은 것은 로렌츠 어트랙터. 혼돈의 일면.


GitHub



생각한 것은 이하의 것.
  • 브라우저에서 보고 싶기 때문에 P5.js를 사용한다.
  • TypeScript로 작성하고 싶습니다.
  • 조금은 CSS 사용하고 싶으니까, Sass 넣는다.
  • 모두 Webpack에서 정리한다.
  • 하지만 작품마다의 js는 나누고 싶다.
  • HTML 제너레이터는 특별히 넣지 않고.
  • 간단하게.

  • 번들 한 P5.js의 용량이 크다!



    p5.js에서 노는 환경을 만들고 있다. p5.min.js는 500kb 정도인데, npm에서 넣으면 1.5mb 정도가 된다. 어쨌든 ... - Tomohiro Yamanaka (@ymnkx) 2019년 3월 31일


    해결책은 이거. 고맙습니다. import의 쓰는 법을 바꾸거든.

    htps : // 기주 b. 이 m/p 여드름 g/p5. js / 이스에 s / 1734 # 이스에 코멘 t-390380630




    import p5 from "p5"



    import p5 from "p5/lib/p5.min"




    그러나 p5.sound를 사용하는 경우 여전히 문제 개미입니다.



    링크



    p5.js

    htps // p5js. rg/

    OpenProcessing

    htps //w w. 오페로세신 g. rg/

    NEORT

    htps // // 네오 rt. 이오/


    좋은 웹페이지 즐겨찾기