Drawing.garden

 (drawing.garden)
1 ポイント 投稿者 GN⁺ 2024-01-12 | 1件のコメント | WhatsAppで共有
  • Drawing.gardenは、「gardening, but with emojis and less time」というフレーズで紹介されている小さなWebプロジェクト
  • 画面には縦に配置された「click for sound!」という文言があり、クリック後に音を再生できる形式に見える
  • 本文の大部分は繰り返された**〰文字**で埋められており、視覚的なパターンそのものが主要な要素となっている
  • 提供されたテキストだけでは、機能一覧、使い方、技術スタック、リポジトリ、ライセンスといった詳細情報は確認できない
  • 確認できる範囲は、絵文字の庭というコンセプトとクリックベースの音声案内に限られる

ページですぐに見える要素

  • drawing.garden は、「gardening, but with emojis and less time」という説明を持つ小さなプロジェクト
  • 本文には「click for sound!」が1文字ずつ縦に表示される
  • 続いて**〰文字**が大量に繰り返され、画面の主要なテキストパターンを構成している

提供されたテキストからは分からないこと

  • 具体的な機能説明は含まれていない
  • 使い方は「click for sound!」以外には追加で示されていない
  • 技術スタック、実装方式、ソースコード、ライセンス、対応ブラウザ情報は確認できない

関連記事

1件のコメント

 
GN⁺ 2024-01-12
Hacker News の意見

  • これは本当に楽しい。ここで興味深いと思ったのは、ほとんどの人にとっては私と同じように落ち着く体験なのに、一部の人にとっては、なぜこれが存在するのか、何のためのものなのか理解できず、不安を引き起こすようだという点

    • 一般的なアートと似ている。生産性に直結しないパフォーマンスのようなものは、人によっては大きな挑発のように感じられる
      すべてが費用対効果の軸で意味を持つ必要はなく、人間も自然もそれよりはるかに複雑だ
    • 不安ではなく、HN に投稿されて高く評価されていたので、自分が何か見落としているのか気になっただけ。先にウェブサイトを見て、後からコメントを読むとこうなる
    • そういう反応は奇妙だ。美しい公園を見て「ひどい！役に立たないじゃないか！」と言う人たちに似ている
      風景画を全部燃やし、そこで止まらず風景そのものまで全部燃やそうというようなもの。目的は美しさ、楽しさ、思索、ちょっとした面白さかもしれないのに、自分が気にする特定の目的に合わなければすべて無意味だと見る、あまりに狭い考え方だ
    • 私は二つ目のタイプに近い。不安というよりは弱い抵抗感に近い
      素敵ではあるけれど、有用にできることがなく、ドメイン名のように意味のある絵を描くこともできない
    • 技術的にはビデオゲームだ。他のゲームはなぜ存在するんだろう？

  • 中を見ると p5.js スケッチだった。入門プログラミングの授業で使われるライブラリでもある
    p5.js は創造的なコーディングのための JavaScript ライブラリで、アーティスト、デザイナー、教育者、初心者など、誰でもコーディングにアクセスしやすくすることに重点を置いている。無料のオープンソースで、ソフトウェアと学習ツールは誰にでもアクセス可能であるべきだという哲学を持つ
    https://p5js.org

  • 全部埋めるのに少し時間がかかったが、特別なことは起きなかった。さらに発展させるなら、蜂が花へ飛んでいく、蜘蛛が巣を張る、ウサギがニンジンを追う、ヒマワリが太陽の方を向く、という感じだとよさそう
    花が風に揺れるシェーダーや、マウスポインタがランダムにじょうろに変わる効果もできそう。サボテンを押すと「イタッ」と鳴るのも面白そう

    • マウスボタンを長押しして消去できるとよさそう

  • 出典は http://benmoren.com/

    • https://github.com/bmoren/drawing-garden
    • そのリンクを見る人のために付け加えると、この人は技術・自然・感覚を組み合わせるアーティストのように見える。サイトにはクリックして見てみる価値のある興味深い作品がとても多い

  • 1マスは常に空けておくのはどうだろうと思った
    素敵なプロジェクトだけれど、全部埋めたら何か起こるのだろうと期待していた

  • すべてのマスを埋めると素敵な効果がある

  • 本当に素晴らしい。favicon も現在の絵文字に変わるのを見たが、小さなディテールが良い

    • そう。HTML で絵文字入りの SVG を favicon として使っているのだが、こういう方法は初めて見た
      とてもすっきりしていて、自分でも使ってみられそう
    • 自分のサイトでもそうしている。私の知る限り、プラットフォームごとの動的絵文字を favicon として使う、ほぼ唯一の方法だ

  • 隣接するタイルが特定の生き物の出現確率に影響するのか気になった。最初は生き物がいなかったが、その後アリ、ネズミ、ハト、蜘蛛、ハリネズミが出て、初めてマルハナバチとウサギが出た
    クローバーが集まった区域は四つ葉のクローバーを増やしているように見えた。コードを見ると違うようだが、それでもライオンが出たのはかなり驚きだった

  • くつろげる体験ではあったが、左クリック／右クリックで絵文字と生き物を制御するちょっとしたコードを書きたい衝動にかられた
    クリック回数を数え、右クリックで減らし、random(i) を上書きして、生き物と絵文字の選択をクリック数ベースに変える方法だ

  • オーディオは操作している領域によって変わるわけではなさそう
    画像は循環するが、繰り返される画像の1周の中で、再び取得できないランダム画像も出る。蜘蛛、アリ、ハリネズミ、テントウムシ、青い蝶を見たが、2回以上は出なかった
    意図されたパターンを探しているうちに、同じ画像の領域を作る形で自分でパターンを作り始めた。新しい画像が出ると小さな喜びがあり、速く押しすぎて通り過ぎてしまうと残念だった
    もう驚くものはないと感じて退屈になるまで触ってみたが、それなら十分だと思う。ライオンとヘビがいるという投稿を読んだが、もう一度やるほどではなく、自分が見つけていないパターンがさらにあるかもしれないというのは興味深い