クローン・ア・リサ

 (vole.wtf)
1 ポイント 投稿者 GN⁺ 2023-08-20 | 1件のコメント | WhatsAppで共有
  • Clone-a Lisa は、60秒以内にモナ・リザの贋作を描く短いウェブゲーム
  • 開始画面は「Are you warm, are you real, Mona Lisa?」という文句と Start Game ボタンで開始を促す
  • プレイ中は 60秒タイマー とスコアの割合が一緒に表示され、例の画面では 0.0% が見える
  • 結果画面の Play Again ボタンからすぐに再挑戦できる
  • 完成した絵はタップして、スクリーンショット、ダウンロード、クリップボードへのコピー、共有オプションへ進める

60秒贋作お絵描きゲーム

  • Clone-a Lisa は「Paint a forgery in 60 seconds」という説明を掲げたウェブゲーム
  • 開始ボタンは Start Game と表示される
  • ゲーム画面にはモナ・リザに関する文句「Are you warm, are you real, Mona Lisa?」が表示される
  • プレイ画面は制限時間 60秒 とスコアの割合を一緒に見せ、例のスコアとして 0.0% が表示される

結果確認と共有

  • ゲーム終了後は Play Again で再度プレイできる
  • 完成した絵をタップすると、スクリーンショット、ダウンロード、共有オプションを開ける
  • 提供される操作には Download file、Copy to clipboard、スコアとゲームリンクの共有が含まれる
  • 共有先には Bluesky と WhatsApp が表示される

関連記事

1件のコメント

 
GN⁺ 2023-08-20
Hacker News の意見

  • このゲームを作った者ですが、スコア計算はこう動いています。描いた絵を元画像の上に difference 合成で重ね、その結果を縮小し（medium 品質で大半のピクセルが飛ばされるのを避けています）、小さい画像の全ピクセルについて R/G/B 値を合計します。
    この合計を初期状態の総差分値と比較し、初期状態を 0% としています。暗い領域は初期差分が最も大きく、絵全体も初期キャンバスより暗いので、たくさん塗って、特に暗い部分に集中すればすぐ 70% を超えられます。85% ならかなりうまいほうで、十分な腕と速さがあれば 90% も可能だと思います。

    • 85% を本当に超えたかったのですが、最高は 84.4% でした。
      https://i.imgur.com/t3saf5D.jpeg
      スコア計算に 知覚的な色差を反映させることもできそうです。例えば差分を計算するときに 2 枚の画像の彩度を上げれば、元の絵が比較的低彩度なために、今の方式が色相より明暗に集中するよう促してしまう問題を減らせます。スレッドには良い提案が多いですし、ランキング表があると面白そうです。
    • 私の最高スコアです。
      言うまでもなく、私は ソフトウェアエンジニアリングに留まっていたほうがよさそうです。
      https://i.imgur.com/b7wbUNI.jpg
    • 横棒だけで 80% を出せました: https://imgur.com/a/OnhVdyr。ただし 85% はまだ超えられず、84% は何度か出ました。
      全ピクセルをパレット内の最も近い色で塗ると、スコアは 94.7% くらいになるようです: https://imgur.com/a/wiltqay。なので 90% は理論上の最大スコアにかなり近いことになります。ゲームとしては、リアルタイムに更新されるパーセントスコアが本当に良く、即時フィードバックが強く引きつけます。
    • 気に入りました。終了後に自分の絵と実際の元画像の 差分画像を見られるとよさそうです。
    • キャンバスを黒だけで塗りつぶしても 75% が出て、そこに緑と黄色を少し足すと 76% まで行きます。その後、さらに高いスコアを取るには、ずっと 正確に描く必要があるようです。

  • 本当に素晴らしいです。スコア体系が十分に「易しく」て、時間をかけた甲斐があると感じられました。ただ、誰かが言っていたように単色だけで 80% が出るなら、調整が必要かもしれません。
    まず平均値を引いて、特定の色が自動的に 0,0,0 より近くならないようにすればよいのかもしれませんが、私が仕組みを完全に誤解している可能性もあります。最高パーセントを取った絵を見られる ホストされたランキング表があるとよさそうです。

  • かなり楽しいですが難しく、時間を増やすオプションがあるといいです。
    スコア計算にも少し疑問があります。幅全体を埋める単色の長方形を上から下へ積み重ねて塗ったところ 80% を超え、実際にできるだけ正確に絵を描こうとしたときより高くなりました。

    • 全体を黒で塗ったら 65% が出ました。人間が物を「見る」方法とコンピュータの見方がどれほど違うかをよく示しています。

  • 素晴らしいです！他の人の結果も見たいですし、その次には全員の結果、または直近 100 件や 1,000 件を 平均した画像も見たいです。最高作品のランキング表もあるとよさそうです。

  • 横並びで比較して見られるといいです。私の場合は実際ひどいことになりそうですが。

    • 描いている最中にもそう見られるといいですね。

  • もしかしてこの動画から着想を得たのですか？
    https://youtube.com/watch?v=WqnXp6Saa8Y

  • 素晴らしいコンセプトとゲームアイデアです。単純な 筆致の回数という概念を入れてスコアに反映しても面白そうです。
    絵についてはまったく知りませんが、プレイヤーが実際の画家の描き方により近づくよう促せるかもしれません。平均的な画家が完成までに何回くらい筆を入れるのか知っている人がいるのかも気になります。このゲームだけでも、画家がしていることをよりよく実感できましたし、私は頭の中でイメージを思い浮かべられないタイプです。スコアアルゴリズムを攻略するという話は少し滑稽に見えます。最高スコアが目的なら、単に soft-ICE みたいなものを動かしてサンドボックスのメモリをスキャンし、書き換えればいいわけですから。それでもアイデア自体は本当に良いです。

  • マルチプレイヤー感を入れられないでしょうか？パーティーゲームとして本当に楽しそうです。

  • 88.1% の精度でモナ・リザを描きました！
    https://vole.wtf/clone-a-lisa/ https://imgur.com/a/87HFCSB
    うーん、スコア計算がおかしく見えます。
    https://imgur.com/a/b9NHotr

    • 特定の端末で Android Chrome の canvas 処理を大きく壊すバグがあります。本来は元画像の上に塗られるべきではありません。
      回避策を探していますが、今のところ別の壊れ方をさせる程度しかできておらず、Chrome Canary では直っているようです。
    • 60 秒で出たものとしては驚くほど良いです。上手に描けているという意味ではありませんが、位置精度は高いです。

  • 初回の試みでほぼ 70% が出ました: https://imgur.com/a/6ZmDqXU