CSSで太陽系を再現したコードが面白い!!勉強になります 『CSS 3D Solar System』



CSSで再現した太陽系が面白かったので

ご紹介します

HTMLやCSSでここまで再現できるコードが

実際に触って遊ぶことが出来ますよ

css3dsolar1

CSS 3D Solar System リンク先はこちらから

css3dsolar2

上にコード、下に実行結果という画面構成

以前にも紹介したCODEPENというWebサービスです

リアルタイムに色々と設定を変更することが出来ます

css3dsolar3

太陽を大きくしてみました

css3dsolar4

今度は地球を大きくしてみました

結構細かく作りこまれていて

日照などの影にも注目したいものです

幾つかのJavaScriptコードもありますが

こちらはボタンなどの制御をしていると思います

見ているだけでも面白いですよ

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    懐かしのBASICをブラウザ内で再現したWebサービス 『Quite BASIC』 いや~懐かしい・…

    懐かしいプログラミング言語、BASICをブラウザ上で再現したWebサー…

  2. 言語・開発・勉強

    ゲーム感覚でObjective-Cを学習!? 初めての言語学習にいいかも 『Try Objectiv…

    プログラム言語Objective-Cをゲーム感覚で課題をクリアしていく…

  3. 言語・開発・勉強

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

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

  4. 言語・開発・勉強

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

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

  5. 言語・開発・勉強

    就活力が鍛えられる!?「時事・業界トレーニング」で日々のニュースを楽しく勉強出来る

    就活力が鍛えられる時事問題をゲーム感覚で学べるネットサービスリ…

コメント

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

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

PAGE TOP