Jump to content

Virtual Joystick not showing


Recommended Posts

Am I missing something obvious? 


I am trying to get the VJC control working in Chrome V45 , BJS 2.2.


I have included hand.js, I am not seeing any errors on the console.


I first load my scene and then run a routine called start when it is loaded). The .babylon scene has one free camera. If I do not try to use the VJC, it works fine as a single Free Camera. If I do use the VJC (by commenting in self.joystick, I get the display of the scene, but the camera is frozen. I have looked the tutorials for cameras  http://doc.babylonjs.com/tutorials/05._Cameras and for VJC: http://doc.babylonjs.com/tutorials/How_to_use_VirtualJoysticksCamera

define(['libs/babylon/hand.js', 'libs/babylon/babylon.2.2.max.js', 'libs/jquery/jquery-2.1.4'], function () { var myself = function () {        var self = this;        var scene = null;        var engine = null;        var canvas = null;        var sphere = null;        var car = null;        var torus = null;        this.load = function () {            if (BABYLON.Engine.isSupported()) {                self.canvas = $("#renderCanvas").get(0);                self.engine = new BABYLON.Engine(self.canvas, true);                BABYLON.SceneLoader.Load("../Models/", "town-car.babylon", self.engine, function (newScene) {                    self.scene = newScene;                    $(window).resize(self.resize);                    self.scene.executeWhenReady(self.start);                }, function (progress) {                    // To do: give progress feedback to user                });            }        }        this.start = function () {            self.sphere = self.scene.getMeshByName("Sphere");            self.car = self.scene.getMeshByName("Full Car");            self.torus = self.scene.getMeshByName("Torus");            self.setup();            self.scene.activeCamera.attachControl(self.canvas); // I suspect this, but I have tried commenting it out, and it still does not help            self.joystick();            self.scene.debugLayer.show();            self.engine.runRenderLoop(function () {                self.update();                self.scene.render();            });        }        this.resize = function () {            self.engine.resize();        }        this.update = function () {            self.sphere.position.y += 0.1;            self.car.position.x += 0.02;            self.torus.position.z += 0.05;        }        this.setup = function () {            self.scene.ambientColor = new BABYLON.Color3(0.2, 0.2, 0.2);            var skybox = BABYLON.Mesh.CreateBox("skyBox", 8000.0, self.scene);            var skyboxMaterial = new BABYLON.StandardMaterial("skyBox", self.scene);            skybox.infiniteDistance = true;            skybox.renderingGroupId = 0;            skyboxMaterial.backFaceCulling = false;            skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture("images/skybox", self.scene);            skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;            skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);            skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);            skybox.material = skyboxMaterial;        }        this.joystick = function () {            var VJC = new BABYLON.VirtualJoysticksCamera("VJC", self.scene.activeCamera.position, self.scene);            VJC.rotation = self.scene.activeCamera.rotation;            VJC.checkCollisions = self.scene.activeCamera.checkCollisions;            VJC.applyGravity = self.scene.activeCamera.applyGravity;            self.scene.activeCamera.detachControl(self.canvas);            self.scene.activeCamera = VJC;            self.scene.activeCamera.attachControl(self.canvas);        }    };    return myself;});
Link to comment
Share on other sites


Does the sample on our babylonjs.com website works on your machine? For instance, go to the Retail scene, switch the camera to Virtual Joysticks with the button on the right and check if it works.

For your sample, can you please post a repro somewhere? Do have anything logged into the console?



Link to comment
Share on other sites

  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...