「テキストが細かく分解されて飛び散る（またはその逆）」という演出を p5.js で作成【試作版】

開発中 © CC BY 4+ visibility1153
開発中 © CC BY 4+
visibility1153

「テキストが細かく分解されて飛び散る」という見た目の演出を、 p5.js を利用した描画で作ってみるという試作です（現状のものは、とりあえず版）

link https://www.youtube.com/watch?v=A8TLR2697cM
folder アプリケーション
sell JavaScript, 大晦日ハッカソン, p5.js
  • image
arrow_back_iosarrow_forward_ios
1
2
3
動画
開発素材

ツール

ストーリー

分解の逆バージョンも追加で作りました

https://www.youtube.com/watch?v=KFMEnea6V9k

元々、以下の記事を読んで、「同じようなことを p5.js の関数で実装すると面白そう」と思って作ってみました。

●JSでクリエイティブコーディング - テキストを分解しパーティクルにする演出 - ICS MEDIA
　https://ics.media/entry/221216/

メンバー
  • user
    Yosuke Toyota @youtoy
関連リンク

user
myms-tech @shimodash

分解の逆バージョンとてもいいですね。ソースコードはどこかにありますでしょうか?
参考にさせて頂きたく。

user
Yosuke Toyota @youtoy

コメント、ありがとうございます。
ソースコードは、公開するにしても整えてからとなりそうですが、もしお急ぎでしたら下記の記事をご覧いただくのが早いかと思います。

https://ics.media/entry/221216/

user
Yosuke Toyota @youtoy

↑自分がどのような方法で実装するかの方針など、こちらを参照しています。また、p5.js の実装ではないですが、JavaScriptでの実装も掲載されている記事です。

user
myms-tech @shimodash

リンク先ありがとうございました。確認してみます!

同じニオイがする作品
  • event ChanJar（チェンジャー）
  • event ニコニコ動画風のコメント表示機能 ver.2（外部からの表示内容の制御・効果音を足してみた！）
  • event HTML+JavaScriptで作ったニコニコ動画風のコメント表示機能
  • event Eyebrojector
Proto lovers ♥
user

イベントまとめ

コンテストまとめ

作品を登録しよう

モノづくりしている人に、つくった作品を見てもらえ、リアクションがもらえるかも？

close

目次

Proto lovers ♥
user