![見出し画像](https://assets.st-note.com/production/uploads/images/126005973/rectangle_large_type_2_7bb5057579732d03c0cd2a25a40d6063.png?width=1200)
詩が動くとおもしろい
いぇい。そういえば記事書けるんだったわ。このアカウントはおもに料理記事などを見るのに活用しています。
なんたる星の12月号が出ましてねー、出まして。
特集のテーマがキラキラだったのと、後記に書いたとおりプログラミングでの視覚表現!!!という気持ちが高まっていたので、プログラミングで星空状の背景を作って文字を浮かべてみたところインスタグラムに詩を載せる人みたいになってしまった。インスタグラムにそういう人がいるというのは噂でしか知らないのですが。
ほんとはもっといろいろ動かしたり光らせたりしたいぜ!なので、してみよう!という記事になります。使うのは12月号で発表した僕の作品です。
GIF多用するので止まってたらリロードしてみてね。
![](https://assets.st-note.com/production/uploads/images/125801914/picture_pc_1fe015d9c9243aac9b1a0d771800265f.gif?width=1200)
とりあえず回してみたのですがなんか文字が動いてるとおもしろいな。この文字は普通のテキストとして画像に貼ってるわけではなく、文字の形をした物体として3次元空間(x,y,z)でいうところの(0,0,5)のあたりに置いてあるんですが、その状態でy軸のまわりをカメラが回るとこのようになる。文字に物体感があるのいいなぁと思うんですが、ボカロのMVみたいにかっこいい感じに文字を動かすのはとても大変だということがわかる。
![](https://assets.st-note.com/production/uploads/images/125804915/picture_pc_d80989ea76408e8f15c696032045b712.gif?width=1200)
文字物体を点の集合に置き換えて爆発させたりとかもできる。
できるからやる。なんか四角く爆発するんだけどたぶん丸くもできる。
「詩が爆発四散する」、安易なポエジーの匂いがするぜ。
![](https://assets.st-note.com/img/1703691478331-KYED0EFPWQ.png?width=1200)
文字自体を光らせたりもできる。主張がつよい。画数が多いといっぱい光るんだな。それはそうか。
![](https://assets.st-note.com/production/uploads/images/125905055/picture_pc_ebf3e2d8217d66aa4a49f6409ac6e72c.gif?width=1200)
適当な方向に動かすのはなかなか文字列というものの意思が感じられていい。行は行で動くんだね。そのように作っているからです。動かしそこねたやつらがさみしそうだ。
どうも適当に動かしててもかっこよくはならなそうだし、そもそも空間に詩を浮かべたいわけじゃなくて点と(詩ではない)テキストと線と色をつかってなにかの表現をしてみたいのだった。まず文字を排す。
![](https://assets.st-note.com/img/1703777774730-i4zOs7hita.png?width=1200)
そもそもこれって黒い背景に白い光る点と線、たまに色付きの点をランダムな位置にばらばら配置しただけなんだけど、そうとう星空っぽいのがびっくしりた。遠くのほうが見かけ上の点の密度が高まるからうすぼんやり光ってるのが非常にそれっぽい。宇宙って実質それなんだ。
適当に星をランダムに動かそうとしてみたら妙に統一のとれた動きになった。
![](https://assets.st-note.com/production/uploads/images/125998383/picture_pc_2ea58d3e8005563a87060b3fb664a60e.gif)
パターン入ったかと思ったら予想を裏切ってきておもしろい。プログラミングってふつう予想通りにいかないとだめなんだけどこういう使い方なら予想外でも楽しくて良いのがいい。
計算してかっこよくするのは全然まだまだだけど、趣味の一環でこんなかんじのものを色々いじれたら楽しそうでいいなと思っております。
詩を浮かべるのはもうやらなくていいかな。
![](https://assets.st-note.com/production/uploads/images/126005415/picture_pc_30ab74ab9effda302c6254fa3cf9a9ea.gif)
この記事が気に入ったらサポートをしてみませんか?