3
4kデータURIで何ができますか？[閉まっている]
バウンティは終わり、phpdeveloperはConwayのGame of Lifeで勝利します 今日のWebプラットフォームは急速に進歩しています。以下のような特長CSS3アニメーション、変換、ドロップシャドウやグラデーション、<canvas>、<audio>および<video>タグ、SVG、WebGLの、そして多くはより多くのあなたがこれまで以上に、ブラウザで、そしてはるかに少ないコードではるかに行うことができますことを意味します。もちろん、多くの開発者はこれらの新機能を使用できません。なぜなら、彼らが作業するサイトやアプリケーションは、IE6のような古くから使われているブラウザとの後方互換性が必要だからです。 それで、ハーネスを外すとどうなりますか？好きな新機能をすべて使用できるようにしますか？少し生きて、夢中になり、ユーザーのたった1％しか利用できない奇妙な最先端の機能を使用しますか？ もちろん、無制限のリソースとサーバーとの対話機能を使用すると、あらゆる種類の処理（メガバイトのコードやライブラリ、ビデオの読み込みなど）を実行できますが、課題は制約なしではあまり興味深いものではありません。このコンテストの主な制約は次のとおりです。単一の自己完結型の4k data:URIでできること？自己完結型とは、外部リソースを参照したり、WebSocketやXHRなどを使用してサーバーに接続したりしてはならないことを意味します。PNGやMP3などのリソースを埋め込みたい場合は、データURIにデータURIを含めるか、サブリソースを埋め込む他の巧妙な方法を考えてください。4kは、適切にURIエンコードされた4096バイトのASCIIテキストを意味します（URIエンコードを回避するために、選択した場合はbase64エンコードデータURIを使用できますが、通常、プレーンテキストのURIエンコードテキストはbase64より小さくなります）。 インスピレーションを提供するために、コンテストのテーマはStackOverflow memesです。ユニコーン馬上槍試合ゲーム、ジョンスキートファクトジェネレーター、フリーハンドサークルベースの描画プログラムなど、人気のStackOverflowとmeta.soミームのいずれかを使用して何かを作成します。 何らかの形でインタラクティブなエントリを奨励します。単純なアニメーションや静止画像だけでなく、イベント、CSSホバー、スクロール、ブラウザーウィンドウのサイズ変更など、ユーザーが考えられる方法を問わず、ユーザー入力に応答する必要があります。ただし、これは難しい要件ではありません。インタラクティブではない優れたデモが検討されますが、インタラクティブが好まれます。 エントリは、5つの主要なブラウザ（IE、Firefox、Chrome、Safari、Opera）の少なくとも1つの少なくとも1つのパブリックリリースで実行する必要があります。メインラインリリース（ブランチからのビルドまたはパッチを必要とするビルドではない）のみが許可され、特別な構成設定、プラグイン、またはストックブラウザーに付属していないその他のものは許可されません。ナイトリービルド、ベータ版、およびリリース候補版は問題ありません。エントリでテストしたブラウザをエントリで指定してください。これらの制約内で使用できるテクノロジーに制限はありません。純粋なSVGアニメーション、純粋なCSSアニメーション、WebGLを使用したJavaScriptでの処理、またはXMLやXSLTを使用した処理を行うことができます。外部依存関係のない有効なデータURIに詰め込み、ブラウザで実行できるようになれば、それは公平なゲームです。 3月21日（月）にこのコンテストに追加するために、この質問に対して賞金を用意します。担当者が101人しかいない場合、どうすれば報奨金を支払うことができますか？さて、今から月曜日までにこの質問に対する賛成票から得たすべての担当者は、報奨金になります（1回の報奨金に対して500の制限まで許可されます。キャップ）。エントリーはその後6日間受け入れられます。すべてのエントリは、賞金の有効期限が切れる前に少なくとも24時間以内でなければなりません。すべてのエントリをチェックアウトして評価する時間を与えてくれます。その時点で、私は最高の投票の回答を受け入れ、私のお気に入りの回答に賞金を与えます（最高の投票と同じ場合もそうでない場合もあります）。賞金を授与するための私の基準には、美しさ、楽しさ、巧妙なテクニック、新機能の興味深い使用、双方向性、サイズが含まれます。 始めるためのインスピレーションのソースは次のとおりです。 Chrome Experiments、最新のウェブプラットフォームのデモ集 Mozilla Hacks、Firefox 4の新機能の多くのデモを含む最新のWebプラットフォームに関するブログ JS1k、1k JavaScriptデモのコンテスト 10k Apart、10kコンテストのwebアプリ gl64k、現在64k WebGLデモ用に実行されているデモコンテスト Shader Toy、WebGLシェーダーでできることのデモセット エントリーの形式： エントリー名 data：text / html、Your％20data％20URI Firefox 4 RC、Chrome 10、Opera 11で動作します エントリーの説明。それが何をするのか、なぜそれがきちんとしているのか、どんな巧妙なテクニックを使ったのか。 <script> // code in expanded form to more easily see how it works …