Webアプリ制作

描いた線が水面を揺らすまで。「波になる線」をつくった記録

描いた線が、手を離すと波打ち始める画面に一本、線を描きます。描き終えると、両端を残したまま線がゆっくり波打ち始めます。その揺れがまわりの水面に伝わって、光や色も少しずつ広がっていきます。「波になる線」は、そんな動きをブラウザで試したものです...
Webアプリ制作

アプリへの入口に、3Dメニューのトップページを作ってみた

これからアプリが増えていくので、まとめて選べるページがあればと思い、Chrono Works Labのトップページを作ってみました。アプリのアイコンを貼った立方体が、ゆっくりと輪の上を回っています。気になるものを選ぶと、そこへ近づいて説明が...
Webアプリ制作

静的WebアプリをSSHとrsyncで公開してみた記録

Webアプリができあがると、次はそれをどうやって公開するかを考えることになります。これまでは、公開用のファイルをZIPにまとめて、サーバーのファイルマネージャーからアップロードする方法も使っていました。ただ、Chrono Sculpture...
Webアプリ制作

時間の変化を立体にしたらどう見える?「Chrono Sculpture」を作ってみた

時間の変化を少しずつ重ねて立体にしてみたら、どんなふうに見えるんだろう。ちょっと面白そうだなと思って、「Chrono Sculpture」というWebアプリを作ってみました。ブラウザでカメラを使って5秒間撮影すると、その間の20枚の画像が奥...
Webアプリ制作

ブラウザのカメラで、動きを不思議な一枚にするWebアプリをAIと作った

※この記事にはアフィリエイト広告が含まれています。カメラの前で動くと、顔や体がぐにゃっと伸びたり、同じ人が一枚の中に何度も現れたりする。そんな少し変わった写真を作れるWebアプリを公開しました。名前は「タイムスキャンカメラ」です。ブラウザで...
ブログづくり

GCPからConoHa WINGへ、AIと一緒にWordPressブログを作り直した記録

※この記事にはアフィリエイト広告が含まれています。以前はGoogle Cloud Platform(GCP)上でWordPressを動かしていましたが、今回、ConoHa WING上に新しいブログを一から作り直しました。ただサーバーを変えた...