Fork: 0
SKIP / reroad-test
Transfer to URL with SHA Find file
Newer
Older
reroad-test / 2020-ryusei / index.html
@ryusei ryusei on 20 Nov 2020 2 KB 360°画像イベント埋め込み
Raw Blame History 
<!DOCTYPE html>
<html lang="ja">

<head>
  <title>やまなの作業場</title>
  <link rel="stylesheet" href="./skip.css" type="text/css">
  <script src="aframe-master/dist/aframe-v1.0.4.min.js"></script>
  <script src="move.js"></script>
</head>

<body>
  <p class="midasi">skip</p>
  <ul class="mainbox">
    <li class="box"><a href="https://www.yatex.org/gitbucket/SKIP/reroad-test/pages/2020-skippage/index.html">ホーム（今いるページ）</a></li>
    <li class="box"><a href="https://www.yatex.org/gitbucket/SKIP/reroad-test/pages/2020-skippage/member.html">メンバー</a></li>
    <li class="box"><a href="https://www.yatex.org/gitbucket/SKIP/reroad-test/pages/2020-skippage/katudou.html">活動内容</a></li>
  </ul>

  <h1>やまなの作業場</h1>

  <h2>なにここ...</h2>
  <div class="maintext">
    <p>ここはやまなが作成した（しょうもない）プログラムや作品を紹介する場所です。</p>
    <p>実際のファイルは<a href="https://www.yatex.org/gitbucket/SKIP/reroad-test/tree/master/2020-ryusei">やまなのGitBucket</a>
      に置いてあります</p>
    <p>また、プログラムや作品に関しては基本的にフリーです。</p>
    <p>編集、二次配布もご自由にどうぞ。</p>
    <p>※なお二次配布の際に発生した問題の責任は取りかねます。</p>
  </div>
  <h2>紹介こーなー</h2>
  <div class="maintext">
    <ul>
      <li>タイピングゲーム</li>
      <p>ドラゴン◯ール風味のタイピングゲームです！</p>
      <p>作成ツールはRuby curses　実行はターミナルでできます！</p>
      <IMG src="dra-typ.png" width="400px" alt="実行画面">
      <li>誠意製作中</li>
    </ul>
  </div>
  <a-scene id="vr" embedded>
    <a-assets>
      <img id="360" src="360picture/R0010010.JPG" alt="松ヶ岡">
      <img id="icon" src="icon.png" alt="マップアイコン">
    </a-assets>
    <a-sky src="#360" rotation="0 200 0"></a-sky>
    <a-camera position="0 0 0">
      <a-cursor fuse="true" fuse-timeout="3000" color="red" scale="4 4">
        <a-animation begin="mouseenter" easing="ease-out" attribute="scale" fill="forwards" from="4 4 4" to="1 1 1" dur="300">
        </a-animation>
      </a-cursor>
    </a-camera>
    <a-entity class="link-object" data-link="https://magnets.jp" geometry="primitive: plane; width: 10; height: 10" position="-30 0 8" rotation="0 90 0" material="color: white"></a-entity>
    <!-- <a-image src="#icon" width="12" height="12" position="-30 0 8" rotation="0 90 0"> -->
  </a-scene>
  <h2>管理人</h2>
  <div class="maintext">
    <p>このサイトの管理人は<a href="http://www.koeki-u.ac.jp/">東北公益文科大学</a>に在学しております。</p>
    <p>学生、学内関係者向け：<a href="https://www.yatex.org/s4/index.cgi?replyblog+937#bottom">公益大SNS s4 個人掲示板</a></p>
    <p>それ以外の方、s4が利用できない方向け：c118227@f.koeki-u.ac.jp</p>
  </div>
</body>

</html>