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

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

ご紹介します

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

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

css3dsolar1

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

css3dsolar2

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

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

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

css3dsolar3

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

css3dsolar4

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

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

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

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

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

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

  • コメント: 0

素晴らしい!! オシャレなアイコンが簡単に作成できるフリーソフトが便利過ぎる 『Iconion』前のページ

こりゃ面白い!! 遊ぶ間隔でプログラムを理解できるWebサービス 『Scratch』次のページ

関連記事

  1. 言語・開発・勉強

    複雑なアルゴリズム、ロジックを画面で確認できるWebサービス 『Algorithm Visualiz…

    複雑なアルゴリズム、ロジックを画面で確認できる便利なWebサー…

  2. 言語・開発・勉強

    ゲーム感覚でプログラミングの学習ができる親子で遊べるWebサービス 『lightbot』

    ロボットを操作してゲーム感覚でプログラミング学習ができるWebサー…

コメント

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

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

最近の記事

PAGE TOP