タグ

WebデザインとWebGLに関するiida-kanaのブックマーク (1)

  • three.jsを使って宇宙感のある404ページを作ってみた | Markup | WebNAUT

    WebNAUTは「宇宙の研究所」がテーマ。 今まで404ページは設置していなかったのですが、どうせやるなら面白いページを作りたい!ということで、3Dライブラリthree.jsを使って、宇宙っぽい404ページを作ってみました。 今回はその内容と実装方法をご紹介します。 まずはこちらをご覧下さい。 WebNAUT 404ページ:http://webnaut.jp/404/ 画面・操作方法の説明 体:ドラッグやスクロールで操作 説明用アイコン: PCではマウス操作/タッチデバイスではタッチ操作で Roll(回転)、Zoom(拡大/縮小)、Slide(位置変更)のそれぞれの操作に対応しています。 WebNAUTトップページへリンク レイアウト切り替え:PLANET(球体)/CATEGORY(5列のグリッド) 記事へのリンク このように天体をイメージさせるような球体のレイアウトに記事へのリ

  • 1