renshu/ryohei/sankou.html at ee9ff01c1ad6eb34b49eb0080f5340a75a4b024b

Fork: 0
SakataKoryo2021 / renshu
Find file
Newer
Older
renshu / ryohei / sankou.html
Satoh Ryohei on 18 Nov 2021 3 KB Update sankou.html
Raw Blame History
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>AnimationTest</title>
<script src="https://aframe.io/releases/1.0.2/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<script src="js/aframe-extras.js"></script>
<script src="js/aframe-text-geometry-component.min.js"></script>
<script src="./js/aframe-ar.js"></script>
<script src="./js/jquery-3.2.1.min.js"></script>

</head>
<body style="margin:0px; overflow:hidden;">
<a-scene embedded arjs="debugUIEnabled:false;"  renderer="gammaOutput: true;" vr-mode-ui="enabled: false">

    <a-assets>
        <a-asset-item id="model" src="https://cdn.glitch.com/e982bdcd-1785-4dcf-bd6b-20276b594293%2Fscene1.glb?v=1594279817621"></a-asset-item>
        <a-asset-item id="model2" src="https://cdn.glitch.com/e982bdcd-1785-4dcf-bd6b-20276b594293%2Fen.glb?v=1602566579902"></a-asset-item> 
    </a-assets>

    <a-marker preset="custom" type="pattern" url='pattern-koryo.patt'>
        <!-- id�Avisible �v�f��ǉ� -->
        <a-entity id="armodel" visible="false" obj-model="obj: url(kouryouma-ku.obj);
        mtl: url(kouryouma-ku.mtl)" scale="1 1 1" rotation="0 0 0" position="0 0.5 0"></a-entity>
    </a-marker>

    <a-entity camera></a-entity>
</a-scene>

<div style="position: fixed; bottom: 150px;">
    <!-- onclick�̎w�肪����Ă���̂ŏ������� -->
    <!-- <input type="button" id="b1" value="change" onclick="click1"> -->
    <input type="button" id="b1" value="Web" onclick="click1();">
</div>

<div style="position: fixed; bottom: 200px;">
    <!-- onclick�̎w�肪����Ă���̂ŏ������� -->
    <!-- <input type="button" id="b1" value="change" onclick="click1"> -->
    <input type="button" id="b2" value="VR" onclick="click2();">
</div>

<script>
    // �s�v�Ǝv��ꂽ�̂ŃR�����g�A�E�g�B�����\����Ԃ́A�ua-entity�v�̗v�f�Ŏw�肷��l�ɕύX�ς�
    // //�����\���͔�\��
    // document.getElementById("model2").style.visibility ="hidden";

    function click1(){

        console.log("click1");
        location.href = 'https://www.sakatakoryo-h.ed.jp'

        // Entity���擾
        var el = document.querySelector('#armodel');
        console.log(el.getAttribute('visible'));

        // �\�����̏ꍇ
        if (el.getAttribute('visible')) {
            // ��\���ɐ؂�ւ�
            el.setAttribute('visible', false);
        } else {
            // �\���ɐ؂�ւ�
            el.setAttribute('visible', true);
        }
    }
    
    function click2(){

        console.log("click1");
        location.href = 'https://www.sakataminami-h.ed.jp/'

        // Entity���擾
        var el = document.querySelector('#armode2');
        console.log(el.getAttribute('visible'));

        // �\�����̏ꍇ
        if (el.getAttribute('visible')) {
            // ��\���ɐ؂�ւ�
            el.setAttribute('visible', false);
        } else {
            // �\���ɐ؂�ւ�
            el.setAttribute('visible', true);
        }
    }
</script>

</body>
</html>