Back

Frontline

by Akey
If the speed bandwidth is low, please try it in a better network
Evaluation example by Beacon Action and tracking camera implemented in the latest version of WEB-XR.studio (2021/05/21).

Expressions that are common in games.
You can move the soldier by clicking on the ground.
Turn by dragging left and right. Change the height by dragging up and down.

While Beacon Action is running, a beacon is placed at the click point and the specified target object moves with respect to the beacon.
ScriptBoard > Action Category > Beacon Action

In addition, the tracking camera is a newly added camera type, which is a function that keeps pointing the camera at the specified target and moves the camera itself when the target object is separated by a specified distance or more.
Action Category > CameraWorks > Type (Camera) > Chasing
Installation Web Viewer API
<html>
    <head>
        <!-- Load API file in head tag -->
        <!-- Insert Timestamp etc. so that it will not be cached. This example is for PHP.
        There is no problem even if there is no insertion, but it is preferable that preventing cache as much as possible. -->
        <script src="https://web-xr.studio/jp/api?<?php  echo(time()) ?>"></script>
    </head>
    <body>
        <!-- Place the following tags in the position where
you want to display the WebXR content in the body tag --> <div class="xr-studio" data-id="985" data-option=""></div> </body> </html>
API for more details, please click here.