Tutorials

Download the file used in the tutorial video

Character control with keypads

pulseman.glb 764.4KB

NOTE

Parent-child relationship map for pulseman.glb model used in the video

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

Collision control

simpleroom.blend 17.4MB
simpleroom.glb 342.5KB

Embedding in page and controlling Case by API

NOTE

HTML code written in the video

<!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</button>
        </div>

        <!-　The .xrs_vr class determines whether the terminal is compatible with VR, then display / non-display. -->
        <!-- Edit link back by parameters callback, letter -->
        <a href="https://web-xr.studio/jp/vr/823?callback=https://example.com&letter=Example" class="xrs_vr">Play VR</a><br>

        <!-　The .xrs_ar class determines whether the terminal is compatible with AR, then display / non-display. -->
        <!-- Edit link back by parameters 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>

        <!-　The .xrs_arcore class determines whether the terminal is compatible with MarkerlessAR, then display / non-display. -->
        <!-- Edit link back by parameters callback, letter -->
        <a class="xrs_arcore" href="https://web-xr.studio/jp/markerless/814?callback=example.com&letter=Example">Play MarkerlessAR</a>
    </body>
</html>