ランダムアニメーション (bleuje.com) 1 ポイント 投稿者 GN⁺ 2024-01-19 | 1件のコメント | WhatsAppで共有 関連記事 アニメーションを設計する方法 15 ポイント · 0件のコメント · 2026-02-20 Animatize - オブジェクトをドラッグしてアニメーションを作成 13 ポイント · 0件のコメント · 2022-01-16 Rando.js - 使いやすいランダムライブラリ 26 ポイント · 0件のコメント · 2020-08-07 無限クラフト技術 2 ポイント · 1件のコメント · 2024-02-01 Remotion - Reactで動画を作るオープンソースフレームワーク 43 ポイント · 1件のコメント · 2026-04-28 1件のコメント GN⁺ 2024-01-19 Hacker News のコメント アニメーションがブラウザ上でレンダリングされていたら、ずっと面白かったと思う 動かしているコードを自分でいじってみたかったけれど、動画だけが提供されていてコードがないのが少し残念 ソースコード付きのものもいくつか公開されている: https://github.com/Bleuje/processing-animations-code コンセプト中心の一連のチュートリアルもここで見られる: https://bleuje.com/tutorials/ チュートリアルには、途切れないループのために4次元ノイズを巡回するようなクールなアイデアがたくさんあり、自分のプロジェクトでも遊んでみることになった。Processingを使わなくても理解しやすい むしろ逆に感じた。派手な最新JavaScriptページをあまり表示できないロックダウンモードのスマートフォンでも見られるのがよい これらのアニメーションを見ていると、20〜25年前にWinampのビジュアライゼーションプラグインをオンにして音楽を聴いていた頃に戻った気分になった 楽しい時代だったし、ここのアニメーションも素晴らしい ある程度年齢のいった人なら、Todd RundgrenのUtopia Softworks Flowfazerスクリーンセーバーを覚えているかもしれない 彼はAppleの登録開発者で、90年代のWWDCで歩き回っている姿も見かけたものだった その通り。ただしPentium MMXでWinampのビジュアライゼーションをオンにするとシステムの応答性が大きく落ちるので、起動したらそのビジュアライゼーションだけを眺めるしかなかった シンプルだけど楽しい時代だった 自分も同じことを思った。cthughaは今どこにあるのだろう？ モニターの上に大きなガラスレンズを置いて、天井に投影したものだった。大麻をやめるには間違った10年を選んだ、という冗談を思い出す AVS Societyを思い出す :) ランダム生成なのか、事前に作られたアニメーションからランダムに選んでいるのかソースを見ていたら後者だと分かり、奇妙な解析タグも見つけた Cloudflareがスクリプトをブロックするので、サイトを直接確認する必要がある。気になる点は2つ。Googleからスクリプトを必ずリクエストしていて、doNotTrackは単にfalseにハードコードされている。自分のブラウザはそのヘッダーを送っているので、サーバー側で正しく挿入されたものでもなさそうだが、何をしようとしているのか分からない その通り。これらのアニメーションはすべてページに埋め込まれたプリレンダリング済み動画で、その中から1つをランダムに選ぶ方式 一方で shadertoy [1] は、アニメーションがリアルタイムに計算・レンダリングされるという点で本当に印象的 以前 shadertoy に感銘を受けて、Three.js [2] でシェーダーを背景に使うウェブサイトを作ったことがある。波を通った光がプールや湖、海の底に作る、絶えず変化する光の模様であるコースティクスを表示するもので、[3] に似ていた。訪問者はいつもプリレンダリング動画だと思い込み、数年前のスマートフォンがそのシェーダーをリアルタイムで滑らかに動かしていることに本気で驚いていた https://www.shadertoy.com/browse（Hot または Popular ボタンでソート） https://threejs.org/docs/#api/en/materials/ShaderMaterial https://www.shadertoy.com/view/wlc3zr 単にGA関連の項目をブロックすればよい いろいろな種類のアニメーションがあるが、見事なフラクタルフレームのスクリーンセーバーだった Electric Sheep を思い出す ローカルにインストールして、好みに応じてさまざまな「sheep」に高評価・低評価を付けられる [1] https://electricsheep.org/ 誰も聞いていないので聞くけれど、これはどうやって作ったのだろう？ こういうグラフィック／ビジュアルプログラミングに特化したプログラムがあるのか、それとも3D・数学・プロット用ライブラリを使ったPythonスクリプトの束なのか気になる サイトには、こうしたアニメーション、特に完全に繰り返すGIFを作るチュートリアルがある [1]。全部 Processing [2] で作られているように見える [0]: https://bleuje.com/tutorials/ [1]: https://processing.org/ 半分ランダムにいろいろ試して、良さそうなものに反復的に手を入れればよい。一種の遺伝的選択だ ほかのアニメーションのコードを研究して、全体的なアイデアやパターンを身につけるのもよい 特化したプログラムもあるし、Processingのようにコンピューターアートでよく使われる言語もある ただし、この作品群に何が使われたのかは確かではない メインサイトで latest animations をクリックすると、時系列の一覧を見られる [1] https://bleuje.com/animationsite/2023_1/ 子どもの頃、高熱が出るたびに見ていたのがまさにこういうものだった 記憶が一気によみがえった。一度 Sudafed を飲みすぎたことがある気がするが、半分夢で半分起きているような状態で、まさにこういうものを見た 私は10代前半に夜驚症があったとき、こんな感じだった デスクトップで右クリックして、ブラウザのコントロールを表示に当たる項目をオンにすると、ループ地点がかなりよく分かる 一部はループが信じられないほど短い これを見ていると、悪の黒幕が地元住民に催眠術をかけて自分の思い通りに動かす、どこかの映画の場面に出てきそうだ 「見るな、ほら、これを着けろ」 「くそ、到着が遅すぎた。もう深く入り込みすぎている」 「tcpの流れを止めるには、トラフィックを迂回させるようサーバーのメインフレームデータベースを再同期しなければならない」 ついでに言うと、ワームホールのアニメーションにはDoctor Whoのテーマ曲が必要だ 奇妙なことに、昨日このリンクを親戚にテキストで送ろうとしたが、まったく届かなかった いくつか変形を試したところ、bleuje . com のリンクを含むグループメッセージはすべてブロックされているようだ。どこかにフィルターがあるのかもしれない？ Android MessagesでT-Mobileを使っている
1件のコメント
Hacker News のコメント
アニメーションがブラウザ上でレンダリングされていたら、ずっと面白かったと思う
動かしているコードを自分でいじってみたかったけれど、動画だけが提供されていてコードがないのが少し残念
コンセプト中心の一連のチュートリアルもここで見られる: https://bleuje.com/tutorials/
チュートリアルには、途切れないループのために4次元ノイズを巡回するようなクールなアイデアがたくさんあり、自分のプロジェクトでも遊んでみることになった。Processingを使わなくても理解しやすい
これらのアニメーションを見ていると、20〜25年前にWinampのビジュアライゼーションプラグインをオンにして音楽を聴いていた頃に戻った気分になった
楽しい時代だったし、ここのアニメーションも素晴らしい
彼はAppleの登録開発者で、90年代のWWDCで歩き回っている姿も見かけたものだった
シンプルだけど楽しい時代だった
モニターの上に大きなガラスレンズを置いて、天井に投影したものだった。大麻をやめるには間違った10年を選んだ、という冗談を思い出す
ランダム生成なのか、事前に作られたアニメーションからランダムに選んでいるのかソースを見ていたら後者だと分かり、奇妙な解析タグも見つけた
Cloudflareがスクリプトをブロックするので、サイトを直接確認する必要がある。気になる点は2つ。Googleからスクリプトを必ずリクエストしていて、
doNotTrackは単にfalseにハードコードされている。自分のブラウザはそのヘッダーを送っているので、サーバー側で正しく挿入されたものでもなさそうだが、何をしようとしているのか分からない一方で shadertoy [1] は、アニメーションがリアルタイムに計算・レンダリングされるという点で本当に印象的
以前 shadertoy に感銘を受けて、Three.js [2] でシェーダーを背景に使うウェブサイトを作ったことがある。波を通った光がプールや湖、海の底に作る、絶えず変化する光の模様であるコースティクスを表示するもので、[3] に似ていた。訪問者はいつもプリレンダリング動画だと思い込み、数年前のスマートフォンがそのシェーダーをリアルタイムで滑らかに動かしていることに本気で驚いていた
いろいろな種類のアニメーションがあるが、見事なフラクタルフレームのスクリーンセーバーだった Electric Sheep を思い出す
ローカルにインストールして、好みに応じてさまざまな「sheep」に高評価・低評価を付けられる
[1] https://electricsheep.org/
誰も聞いていないので聞くけれど、これはどうやって作ったのだろう？ こういうグラフィック／ビジュアルプログラミングに特化したプログラムがあるのか、それとも3D・数学・プロット用ライブラリを使ったPythonスクリプトの束なのか気になる
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
ほかのアニメーションのコードを研究して、全体的なアイデアやパターンを身につけるのもよい
ただし、この作品群に何が使われたのかは確かではない
メインサイトで latest animations をクリックすると、時系列の一覧を見られる
[1] https://bleuje.com/animationsite/2023_1/
子どもの頃、高熱が出るたびに見ていたのがまさにこういうものだった
デスクトップで右クリックして、ブラウザのコントロールを表示に当たる項目をオンにすると、ループ地点がかなりよく分かる
一部はループが信じられないほど短い
これを見ていると、悪の黒幕が地元住民に催眠術をかけて自分の思い通りに動かす、どこかの映画の場面に出てきそうだ
「見るな、ほら、これを着けろ」
「くそ、到着が遅すぎた。もう深く入り込みすぎている」
「tcpの流れを止めるには、トラフィックを迂回させるようサーバーのメインフレームデータベースを再同期しなければならない」
ついでに言うと、ワームホールのアニメーションにはDoctor Whoのテーマ曲が必要だ
奇妙なことに、昨日このリンクを親戚にテキストで送ろうとしたが、まったく届かなかった
いくつか変形を試したところ、bleuje . com のリンクを含むグループメッセージはすべてブロックされているようだ。どこかにフィルターがあるのかもしれない？ Android MessagesでT-Mobileを使っている