Tutorials

チュートリアル動画で使用しているファイルのダウンロード

キーパッドによるキャラクター制御

pulseman.glb 764.4KB

補足情報

動画で使用している pulseman.glb モデル用親子関係マップ

Child	Parent
arm_lower_left	arm_upper_left
arm_lower_right	arm_upper_right
arm_upper_left	sholder_left
arm_lower_left	arm_upper_left
arm_upper_right	sholder_right
chest	west
west	crotch
finger_left	hand_left
finger_right	hand_right
foot_left	leg_lower_left
foot_right	leg_lower_right

Child	Parent
hand_left	arm_lower_left
hand_right	arm_lower_right
head	neck
leg_lower_left	leg_upper_left
leg_lower_right	leg_upper_right
leg_upper_left	crotch
leg_upper_left	crotch
neck	chest
neck	root--noenv
sholder_left	chest
sholder_right	chest

コリジョンによる衝突制御

simpleroom.blend 17.4MB
simpleroom.glb 342.5KB

ページへの埋込とAPIによるCaseの制御

補足情報

動画内で記述しているHTMLコード

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Page Title</title>
        <script src="https://web-xr.studio/jp/api"></script>
        <style>
            .box {
                margin: 0 auto;
                width: 400px;
                height: 300px;
                border: thin solid;
            }
        </style>
         <script type="text/javascript">
             window.onload = () => {
                 var button = document.getElementById('button');

                 button.addEventListener('click', () => {
                     xrsApi[0].postMessage({act: 'case', id: 1}, '*');
                 });
             };
         </script>
    </head>
    <body>
        <h1>Tutorial#3</h1>
        <div class="box">
            <div class="xr-studio" data-id="823"></div>
            <button id="button">ボタン</button>
        </div>

        <!-- .xrs_vr クラスが端末のVR対応可否の判断を行い表示非表示をハンドリング -->
        <!-- パラメータcallback、letter により戻るリンクの編集 -->
        <a href="https://web-xr.studio/jp/vr/823?callback=https://example.com&letter=Example" class="xrs_vr">Play VR</a><br>

        <!-- .xrs_ar クラスが端末のAR対応可否の判断を行い表示非表示をハンドリング -->
        <!-- パラメータcallback、letter により戻るリンクの編集 -->
        <a class="xrs_ar" href="https://web-xr.studio/jp/ar/814?callback=https://example.com&letter=Example">Play AR</a><br><br>

        <!-- .xrs_arcore クラスが端末のマーカーレスAR対応可否の判断を行い表示非表示をハンドリング -->
        <!-- パラメータcallback、letter により戻るリンクの編集 -->
        <a class="xrs_arcore" href="https://web-xr.studio/jp/markerless/814?callback=example.com&letter=Example">Play MarkerlessAR</a>
    </body>
</html>