高井です。
今回はOpenProcessingというサイトに作品公開してみました。
OpenProcessingとは
自分の作品を公開したり、他の人の作品を閲覧したりできるProcessingコミュニティサイトです。
公開された作品はソースコードも閲覧できるので、学習にももってこいです。
なんとコーディングするだけならユーザ登録無しでできちゃいます!(すごすぎる)
作品を公開するのであればユーザ登録が必要って感じですね。
私は今回初めて使ったのですが、
UIがオシャレだしコーディング・投稿がめちゃ簡単にできるし
なんで今まで使ってなかったん?って感じです。
作品公開してみた
ユーザ登録
名前とメールアドレス、パスワードを設定してユーザ登録します。
プロフィールページはこんな感じです。
アイコンだけ登録してみました。
作品を作る
画面右上の「スケッチを作成する」ボタンを押すと、コーディング画面に行くことができます。
コーディング画面はこんな感じ。
画面左側の白いエリアにコーディングして、再生ボタンを押すと実行することができます。
</>ボタンを押すと戻れます。簡単すぎる…!
今回は、以前作ったフラクタル図形をちょっと直して公開したいと思います。
ちなみに変更点は下記の2つです。
・前回Processingで作成したが、p5.jsである必要があるので、変数宣言や一部関数を修正
・実行するたびに図形と色がランダム生成されるように修正
作品を公開する
コーディングが終わったら、タイトルやタグを設定して投稿します。
個人的に感動したポイントなんですが、
サムネイルの画像は、この画面から作品を実行して撮ることができます!
投稿したのがこちら!
実行するたびに描画結果が変わります。
リロードボタンでサクサク再実行できますので、じゃんじゃん遊んでください。
高井でした