hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

ストレス

仕事中リラックスできていない。昼休みにもリラックスできていないので、もうちょっと昼寝するとか、蒸気でホットアイマスクを着用するとか、なにか考えてもよさそう。
植物を見ましょうという話や、植物の画像でもいい、といった話を見たので、社内のグループウェアの壁紙を比叡山にしているけど、あまり効果なさそう。
前にストレスが高まりすぎたときは深呼吸する時間を取ったらちょっと下がった。けど深呼吸をやめたらすぐにストレスが高まっていた。
f:id:hitode909:20191029194142p:plain

11/1(金曜日)に木屋町のシエスタでVJやるので来てください

今週金曜日にDJイベントがあって、懲りずにVJとして出るので、家でちまちま準備している。
前回作ったシステムで毎回出れるかというとそんなことはなくて前に見たのはもう飽きたので今回またイチから作っている。
家に帰ったらとりあえず glitch.com を開いていて、会社ではVSCodeを使っているので気分転換になっている。書き始められるまでの時間が早かったり、ちょっとしたエラーチェックやコードのフォーマットがあったり、ファイルが行方不明になる心配がなく、デプロイ作業もないので、こういうスケッチみたいなものを書くには向いている。JSとかもファイルを分けずHTML内のscriptとして書いている。

smtppp.club

野菜を蒸したり肉を焼いたりして、妻のお弁当に持っていったり、平日の晩ごはんとして消費したりして1週間かけて食べていて、日曜の朝ごはんで消費しきった。食べねば、となってプレッシャーを感じているので作りすぎだと言える。もうちょっと量を減らすとか、冷凍保存できるものを模索するとかしてもよさそう。

京都は観光地であり、どこに行っても観光客がいたり、ワイワイしていたり、観光客のいないようなところは地元の常連しかいなくて、勉強しに喫茶店に行きたいけど勉強できそうな空間がない。空間の質がよいところは勉強禁止って書いてあったりする。いろんな空間を見て回るけどイマイチで、コンビニでレトルトコーヒーを買って帰ってきた。

-webkit-box-reflectを繰り返し適用する試み

-webkit-box-reflectは今や忘れられつつある技という感じで、古くはApple製品の反射を作り出すために使われていた(要出典)。
反射を繰り返し適用できると、1つの画像からおしゃれなパターンを作れるのではと思って練習してみた。

アニメーションGIFに対して適用する

以下のページに置いてある画像は1つだけで、あとは反射させて作っている。 Google Chromeでみると、キビキビ動いてるのは1つだけで、横に行くとだんだん動きが遅くなっていく、とか、上に反射したところはまだ動いているけど、それ以降は動かなくなる、とか、面白い動きをした。
Safariでみるとすべての画像がちゃんと動いていた。
https://fire-plutonium.glitch.me
glitch.com

YouTube貼り付けに対して適用する

YouTube動画を同じ形で貼ってみるとちゃんと動いて、ちゃんと動くので万華鏡のような効果が得られた。
glitch.com

YouTube貼り付けに対して適用し、CSSアニメーションで回転させる

反射もぐるぐる回っていて偉い。
glitch.com


60度ごとの反射を作れるとよりよかったけど、そうすると、ひたすら反射ではだめで、もととなる要素をを複数出す必要があるような気がしている。
もし今後、ブラウザを使って愉快な絵を出したいことがあったら、こういう効果があると単純なパターンを反復させることで愉快な絵を出せて良いのではないでしょうか。