ホームページ » コーディング » 15(その他)感動的なHTML5実験

    15(その他)感動的なHTML5実験

    あなたが岩の下に住んでいない限り、あなたはHTML5について聞いたことがあるでしょう。アップルのプロモーションのおかげで、今はいたるところにあります 最高経営責任者(CEO 元CEOのSteve Jobsと、HTML5がFlashを引き継ぐことができると信じる特定の開発者.

    実のところ、このような状況がまだ起こっているとは思えませんが、HTML 5は、そのビデオ機能、キャンバスのイラスト、およびアニメーションがスムーズに機能するという点で、非常に魅力的です。実際のところ、HTML 5の境界をテストする方法として作成された場所全体にプロジェクトが出現していることは非常に有望です。.

    信じられないかもしれませんが、HTML5を最大限に活用する15の啓発実験を紹介し、重力、音楽ベースのアニメーション、そして生き物のように動作する生き物のレンダリングを体験できることを推測します。楽しい時間を過ごして、最新バージョンのMozilla FirefoxとGoogle Chromeをお楽しみください。.

    あなたがこれらのHTML5の楽しみに満足していないのを念のために、私たちはあなたのためにもっと持っています!

    • HTML5:48のFlash-Killingデモの可能性
    • HTML5:19のWebアプリケーション

    キャンバスサイクル

    アーティストのMark FerrariとコーダーのJoseph Huckabyがコラボレーションしたこの作品は、冬の森、海の景色、荒れ模様の山々など、動きのある自然シーンの素晴らしいコレクションです。彼らは写真を見ながらリラックスしていて本当に素晴らしいです。仕事から離れてリラックスするのに少し時間が必要な場合は、これらの写真を見て、あなたの緊張を解消してください。.

    Google Gravity

    もう一人は、驚くべきDoob氏によるものです。これは最初のものよりインタラクティブではありませんが、それでもクールです。それはグーグルのメインサーチページの基本的なコピーを与える。しかし、あなたがカーソルをポイントすると、それらのすべてが一番下でクラッシュするまで、ページ全体が「落ち」始めます。 Googleのロゴは、ページを更新するアクティブリンクとして機能します。グーグルが嫌いな大企業のための良いゲームは、.

    キャンバスの木

    Kenneth Jorgensonによって作られた、これはあなたが「もっとおいしい木のためにリフレッシュする:)」というフレーズを見ることができる唯一の場所かもしれません。それはまさにそれが言うことです:あなたはウェブサイトをクリックして、それはあなたを白い背景に連れて行きます。木の黒インクの描画は、いくつの枝が進行中であるかを考慮しながら「成長」し始めます。あなたは何度でも見るためにリフレッシュすることができます.

    磁気

    これはあなたが楽しむためのもう一つの楽しさと中毒性のものです。あなたは基本的に画面の周りにドラッグすることができる2つの「磁石」から始めます。光の粒子はそれらの周りを周回します、そして、あなたが位置を変えるならば、あなたは彼らが作る形を変えることができます。もっと多くの磁石や粒子が必要な場合は、ダブルクリックしてそれらを必要な場所にドラッグするだけです。はい、それは磁石と物理学についてのすべてです!

    セレブ収益グラフ

    エピソードごとにテレビの有名人がどれだけ稼いでいるかを視覚的に表現したいですか。これは、特定の有名人がテレビ番組のテーピングごとにどれだけの量を作成するか(またはCharlie Sheenのような場合には作成されるか)を表すカラーバーのスタックを示すクールで小さなグラフです。それはダニエル・ラップによる多くのプロジェクトと実験のうちの1つとして作られました.

    キャンバスリボン

    Paul Truongは、画面上で常に移動するマルチカラーのリボンを使用してペイントできるこの興味深いアプリケーションを作成しました。それは形やデザインを作り、そして効果はかなりきれいです。あなたがしなければならないのは、画面全体にドラッグすることです。.

    WebGLウォーター

    ここでは、Google Chromeで最も役立つ、革命的なWebGL(Webベースのグラフィックライブラリ)を使ったクールなデモを紹介します。このデモでは、水面に描いて波紋を描くことも、球体をドラッグして動かして光の方向と重力を切り替えるためにキーボードのキーを押すこともできます。現実的.

    クリサオラ

    WebGLの魔法を応用したもう1つのすばらしいデモです。夢のような日光の光線で照らされた、非常に美しくそして最も重要なことに、活発なクラゲの群れが水中を移動するのを見ることができます。 HTML5とWebGLがWebを活性化させる時代を目の当たりにし、Google Chromeで最もよく見られる.

    ボクセル雨

    ボクセル雨は、多色の3Dボックスが回転して大きなブロックを形成することを意味します。それは1990年代にコンピュータの可能性を披露するようなものです、そして今それはHTML5の力を利用することによってウェブブラウザに来ます、インターネットの最も明るい時代はより遠くではありません.

    HTML5のテキスト効果

    多くの場合、WebデザイナーはHTML5がWebタイポグラフィの飛躍的進歩にどれほど役立つ可能性があるのか​​疑問に思います。このデモは、これまで以上に答えを提供します。あなたは立体効果、ネオン効果、さらには移動ネオン効果を目撃することを選択することができます、Webタイポグラフィの未来はHTML5の手にあります.

    HTML5の回転ロゴ

    私はHTML5の栄光を手に入れることができない、回転している、回転している…クールだ.

    3Dでスケッチする

    HTML5ベースの2Dスケッチサービスに飽きた?これをチェックしてください。単純に線を引き、Spaceキーを押しながら左右にドラッグすると、3Dパースペクティブで図面が回転します。 3DスケッチはHTML5でそれほど複雑ではありません.

    mta.me指揮者

    Mta.me Conductorは、継続的に移動してラインを形成するポイントを生み出すことで、そしてラインが “ぶつかる” お互いに彼らはいくつかの相互作用を引き起こします。 HTML5がコードだけではなく対話であることを証明するためのすべてのこと、そしてそれがWebユーザーが本当に気にしていることです。.

    Doogle Gmail

    面白いシューティングゲームタイプのゲームですが、主人公はGmailです。古典的なシューティングゲームと同じように、あなたは人生、得点、そして全能のレーザー光線を手に入れました。おそらくHTML 5のゲームとしての機能を紹介する潜在的なデモの1つです。気を付けろ、フラッシュ.

    Wパイロット

    これは中毒性の高いゲームなので、違法になるはずです。真剣に、あなたが彼らのサーバーの1つにサインインしたら、あなたは何時間もプレイしたくなるでしょう。あなたは基本的に他のプレイヤーに撃たれないようにしながら物事を撃ち回っています。それは遊ぶのが簡単でとても楽しいです、そしてそれがマルチプレイヤー体験を可能にするという事実はそれが今とても人気があるフラッシュゲームの上にそれを置く重大なプラスです.