右クリが使用できずわからなかったため質問させて頂きます。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
ベストアンサー
Ctrl+U でソースは見れると思いますよ。あとは、デベロッパーツールなどをご利用ください。大量にjsとpngを読み込んでいるのがわかります。
view-source:http://www.qript.co.jp/star_recruit_colony/import.js
three.jsでゴリゴリ動かしているのかな、という感じです。
【three.js - Javascript 3D library】
http://threejs.org/
投稿2016/06/19 13:40
総合スコア69400
0
右クリックしなくてもHTMLソースは見ることができます。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>STAR RECRUIT COLONY | Qript採用サイト</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> 7 <meta property="og:title" content="STAR RECRUIT COLONY | Qript採用サイト" /> 8 <meta property="og:type" content="website" /> 9 <meta property="og:description" content="枯れ果てた惑星に起こった問題を、丸いキャラクター達と一緒に解決しながら、会社の理念である「オモシロイをシンケンに」を伝える採用コンテンツです。" /> 10 <meta property="og:image" content="http://www.qript.co.jp/star_recruit_colony/ogp.png" /> 11 12 <style media="screen"> 13 html, body { 14 margin: 0; 15 padding: 0; 16 overflow: hidden; 17 background-color: #000; 18 height: 100%; 19 } 20 #over{ 21 position: absolute; 22 top: 0; 23 left: 0; 24 width: 100%; 25 height: 10%; 26 overflow: hidden; 27 } 28 29 #logo{ 30 position: absolute; 31 bottom: 2%; 32 left: 2%; 33 padding: 0; 34 margin: 0; 35 z-index: 100; 36 } 37 38 @media screen and (max-width: 640px) { 39 #logo{ 40 bottom: 1%; 41 } 42 #logo img{ 43 width:70px; 44 45 } 46 } 47 48 #copyright { 49 position: absolute; 50 bottom: 2%; 51 right: 2%; 52 display: block; 53 font-size: 10px; 54 color: #ccc; 55 z-index: 101; 56 } 57 58 #btn_entry{ 59 position: absolute; 60 top: 2%; 61 right: 2%; 62 display: block; 63 } 64 .info { 65 color : #ffffff; 66 font-family: sans-serif; 67 display:block; 68 padding-top:10%; 69 text-align:center; 70 } 71 </style> 72 <script> 73 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 74 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 75 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 76 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 77 78 ga('create', 'UA-36199854-1', 'auto'); 79 ga('send', 'pageview'); 80 </script> 81</head> 82<body> 83 84 <script src="import.js" charset="utf-8"></script> 85 <h1 id="logo"><a href="/"><img src="assets/qript_logo.png" width="100" height="" /></a></h1> 86 <small id="copyright">© Qript,inc. All Rights Reserved.</small> 87 88</body> 89</html> 90
投稿2016/06/19 13:39
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/20 12:05