Help us understand the problem. What is going on with this article?

CreativeCoding用にP5.jsがTypeScriptで書ける環境をつくった。

More than 1 year has passed since last update.

数学から創るジェネラティブアート - Processingで学ぶかたちのデザイン」という本を予約したが、しばらくProcessingを書いてないので、本を待ちつつコーディングする環境をつくった。
サンンプルで入れたのは、ローレンツ・アトラクター。カオスの一面。
lorenz_attractor.png

GitHub

https://github.com/ymnkx/creative-coding-template

考えたのは以下のこと。

  • ブラウザで見たいのでP5.jsをつかう。
  • TypeScriptで書きたい。
  • 少しはCSS使いたいから、Sass入れる。
  • もろもろWebpackでまとめる。
  • でも作品ごとのjsは分けたい。
  • HTMLのジェネレーターは特に入れず。
  • シンプルに。

バンドルしたP5.jsの容量が大きい!

解決策はコレ。ありがたい。importの書き方を変えればよし。
https://github.com/processing/p5.js/issues/1734#issuecomment-390380630

import p5 from "p5"

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

ただし、p5.sound使う場合はまだ問題アリとのこと。

リンク

p5.js
https://p5js.org/
OpenProcessing
https://www.openprocessing.org/
NEORT
https://neort.io/

y___k
Front-End Engineer & Designer
un-t
インターネットビジネスを中心とした企画、設計、デザイン、システム、運用、マーケティング、リサーチ等の総合的なクリエイティブファームです。
https://www.un-t.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした