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