言語・開発・勉強

凄いぞ!! JavaScriptが0行のWebゲーム 『Zero lines JS game』

JavaScriptが0行というゲームが公開されています

HTMLとCSSだけで作られているシューティングゲームですが

一度でもWeb等でアプリやゲームを作った事のある人は

すごい!!とビックリすると思います

zerolinesjsgame1

CODEPEN 「Zero lines JS game」 リンク先はこちらから

zerolinesjsgame2

通常はゲームなどでよく聞く当たり判定などは

JavaScriptを用いて条件判定などをしますが

こちらはCSSだけでそれを再現しています

恐らくHoverなどの要素を使って敵に当たると

ゲームオーバーというメッセージブロックを表示していると思いますが

なかなかのアイデアですね~

細かな技術は分かりませんがホームページなどを

軽量化にしたい場合は役立つ技術があるかも知れませんよ

関連記事

  1. 言語・開発・勉強

    WebGL技術でBMWを美しく再現したWebサービス 『BMW i8 – PLAYCAN…

    WebGL技術で再現したBMWを堪能できる宣伝のWebサービス…

  2. 言語・開発・勉強

    ソースコードをオシャレに演出できるWebサービス イメージ画像で紹介 『Instacode』

    ソースコードにエフェクト効果を適用してオシャレに公開できるWebサービ…

  3. 言語・開発・勉強

    HTML5の勉強が出来る!! HTML5ゲームが遊べるサイト 沢山のゲームが投稿されコードまで確認出…

    ブラウザで遊べるHTML5で作られたゲームを遊ぶことが出来るネットサー…

  4. 言語・開発・勉強

    HTML5の実力が堪能できるWebサービス 非常に勉強になります 『Form Follows Fun…

    HTML5によって作られた様々なテクニックを見る事が出来るWebサービ…

  5. 言語・開発・勉強

    HTMLをWebで練習!! コードを即座にプレビューできるWebサービスが便利 『PLAYCODE』…

    通常はHTMLコードを書いてアップロードして確認して~という流…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP