Sign in to follow this  
syed samoon

Make gameplay smoother

Recommended Posts

what are you doing now?

https://playground.babylonjs.com

generally.. speed * deltaTime.

// Speed without delta, at 60 FPS.
var speed = 0.0167; // Aproximately 1 unit per second.

// Convert speed value to be used with deltaTime.
// Divide by 16.66.. (Ca. deltaTime at 60FPS, we want to keep 1 unit / second)
// This should only be done Once.
speed /= (1000/60);

// Applying the deltaTime
// This should be done once each frame.
var deltaSpeed = speed * (engine.getDeltaTime());


myMesh.position.x += deltaSpeed;

 

Share this post


Link to post
Share on other sites
16 hours ago, RaananW said:

Hi Syed,

I think we will need a bit more information in order to help :)

 

Hi @RaananW in my game i got 38 FPS in mobile but still the gameplay was slow.

 

my friend suggest me to use deltaTime so what i'm asking this.

 

 

in my script

 

var speed = 5;

player.position.z += speed;

Share this post


Link to post
Share on other sites
2 hours ago, syed samoon said:

var speed = 5;

player.position.z += speed;

 

19 hours ago, aWeirdo said:

 


// Speed without delta, at 60 FPS.
var speed = 0.0167; // Aproximately 1 unit per second.

// Convert speed value to be used with deltaTime.
// Divide by 16.66.. (Ca. deltaTime at 60FPS, we want to keep 1 unit / second)
// This should only be done Once.
speed /= (1000/60);

// Applying the deltaTime
// This should be done once each frame.
var deltaSpeed = speed * (engine.getDeltaTime());


myMesh.position.x += deltaSpeed;

 

 

Share this post


Link to post
Share on other sites
7 hours ago, Deltakosh said:

Did you read this one: http://doc.babylonjs.com/how_to/optimizing_your_scene

It is a good start to think about optimizations

i was optimized with this below script

 

 

                                                                var priority = 0;
                                                                var options = new BABYLON.SceneOptimizerOptions(_this.frameTarget, 1000);
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1));
                                                                options.addCustomOptimization(function () {
                                                                    _this.engine.setHardwareScalingLevel(0.5);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning mirror off";
                                                                });
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1.5));
                                                                options.addCustomOptimization(function () {    
                                                                    _this.engine.setHardwareScalingLevel(1.5);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning ground off";
                                                                });
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 2));
                                                                options.addCustomOptimization(function () {
                                                                    _this.init.engine.setHardwareScalingLevel(2);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning ground off";
                                                                });
                                                        
         
                                                                var optimizer = new BABYLON.SceneOptimizer(_this.init.scene, options);
                                                        
                                                        
                                                                optimizer.start();                                        
                                                        
                                                                // Wiring
                                                                optimizer.onSuccessObservable.add(function () {
                                                                    console.log("optimization success");
                                                                    _this.init.loadingProgress = 100;
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                                });
                                                                optimizer.onNewOptimizationAppliedObservable.add(function (optim) {
                                                                    console.log("optimizing");
                                                                
                                                                });
                                                                optimizer.onFailureObservable.add(function () {
                                                                    console.log("optimization failed");
                                                                    _this.init.loadingProgress = 100;                                                                    
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                        
                                                                });

Share this post


Link to post
Share on other sites
Just now, syed samoon said:

i was optimized with this below script

 

 

                                                                var priority = 0;
                                                                var options = new BABYLON.SceneOptimizerOptions(_this.frameTarget, 1000);
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1));
                                                                options.addCustomOptimization(function () {
                                                                    _this.engine.setHardwareScalingLevel(0.5);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning mirror off";
                                                                });
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1.5));
                                                                options.addCustomOptimization(function () {    
                                                                    _this.engine.setHardwareScalingLevel(1.5);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning ground off";
                                                                });
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 2));
                                                                options.addCustomOptimization(function () {
                                                                    _this.init.engine.setHardwareScalingLevel(2);
                                                                    return true;
                                                                }, function () {
                                                                    return "Turning ground off";
                                                                });
                                                        
         
                                                                var optimizer = new BABYLON.SceneOptimizer(_this.init.scene, options);
                                                        
                                                        
                                                                optimizer.start();                                        
                                                        
                                                                // Wiring
                                                                optimizer.onSuccessObservable.add(function () {
                                                                    console.log("optimization success");
                                                                    _this.init.loadingProgress = 100;
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                                });
                                                                optimizer.onNewOptimizationAppliedObservable.add(function (optim) {
                                                                    console.log("optimizing");
                                                                
                                                                });
                                                                optimizer.onFailureObservable.add(function () {
                                                                    console.log("optimization failed");
                                                                    _this.init.loadingProgress = 100;                                                                    
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                        
                                                                });

is there anything wrong in this optimization

Share this post


Link to post
Share on other sites


                                                                var options = new BABYLON.SceneOptimizerOptions(_this.init.frameTarget, 1000);
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1));
                                                                options.addOptimization(new BABYLON.TextureOptimization(2, 1024));
                                                                _this.init.engine.setHardwareScalingLevel(1);

                                                                   
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1.5));
                                                                options.addOptimization(new BABYLON.TextureOptimization(2, 512)); 
                                                                _this.init.engine.setHardwareScalingLevel(1.5);

                                                               
                                                                options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 2));
                                                                options.addOptimization(new BABYLON.TextureOptimization(2, 256)); 
                                                                _this.init.engine.setHardwareScalingLevel(2);
                                                                
                                                        
                                                        
                                                                var optimizer = new BABYLON.SceneOptimizer(_this.init.scene, options);
                                                        
                                                                optimizer.start();                                        
                                                        
                                                                // Wiring
                                                                optimizer.onSuccessObservable.add(function () {
                                                                    console.log("optimization success");
                                                                    _this.init.loadingProgress = 100;
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                                });
                                                                optimizer.onNewOptimizationAppliedObservable.add(function (optim) {
                                                                    console.log("optimizing");
                                                                
                                                                });
                                                                optimizer.onFailureObservable.add(function () {
                                                                    console.log("optimization failed");
                                                                    _this.init.loadingProgress = 100;                                                                    
                                                                    _this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
                                                                    _this.init.engine.hideLoadingUI();
                                                        
                                                                });
                                                                
                                                                _this.init.optimized = true;

Share this post


Link to post
Share on other sites
var priority = 0;
var options = new BABYLON.SceneOptimizerOptions(_this.init.frameTarget, 1000);
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1));
options.addOptimization(new BABYLON.TextureOptimization(2, 1024));
options.addOptimization(new BABYLON.RenderTargetsOptimization(1));
options.addOptimization(new BABYLON.PostProcessesOptimization(1));
 
 
 
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 2));
options.addOptimization(new BABYLON.TextureOptimization(2, 512));
options.addOptimization(new BABYLON.RenderTargetsOptimization(2));
options.addOptimization(new BABYLON.PostProcessesOptimization(2));
 
 
 
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 3));
options.addOptimization(new BABYLON.TextureOptimization(2, 256));
options.addOptimization(new BABYLON.RenderTargetsOptimization(3));
options.addOptimization(new BABYLON.PostProcessesOptimization(3));
 
 
 
 
var optimizer = new BABYLON.SceneOptimizer(_this.init.scene, options);
 
optimizer.start();
 
// Wiring
optimizer.onSuccessObservable.add(function () {
console.log("optimization success");
_this.init.loadingProgress = 100;
_this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
_this.init.engine.hideLoadingUI();
});
optimizer.onNewOptimizationAppliedObservable.add(function (optim) {
console.log("optimizing");
 
});
optimizer.onFailureObservable.add(function () {
console.log("optimization failed");
_this.init.loadingProgress = 100;
_this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
_this.init.engine.hideLoadingUI();
 
});

 

 

 
 

Share this post


Link to post
Share on other sites
6 minutes ago, syed samoon said:
var priority = 0;
var options = new BABYLON.SceneOptimizerOptions(_this.init.frameTarget, 1000);
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 1));
options.addOptimization(new BABYLON.TextureOptimization(2, 1024));
options.addOptimization(new BABYLON.RenderTargetsOptimization(1));
options.addOptimization(new BABYLON.PostProcessesOptimization(1));
_this.init.engine.setHardwareScalingLevel(1);
 
 
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 2));
options.addOptimization(new BABYLON.TextureOptimization(2, 512));
options.addOptimization(new BABYLON.RenderTargetsOptimization(2));
options.addOptimization(new BABYLON.PostProcessesOptimization(2));
_this.init.engine.setHardwareScalingLevel(1.5);
 
 
options.addOptimization(new BABYLON.HardwareScalingOptimization(0, 3));
options.addOptimization(new BABYLON.TextureOptimization(2, 256));
options.addOptimization(new BABYLON.RenderTargetsOptimization(3));
options.addOptimization(new BABYLON.PostProcessesOptimization(3));
_this.init.engine.setHardwareScalingLevel(2);
 
 
 
var optimizer = new BABYLON.SceneOptimizer(_this.init.scene, options);
 
optimizer.start();
 
// Wiring
optimizer.onSuccessObservable.add(function () {
console.log("optimization success");
_this.init.loadingProgress = 100;
_this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
_this.init.engine.hideLoadingUI();
});
optimizer.onNewOptimizationAppliedObservable.add(function (optim) {
console.log("optimizing");
 
});
optimizer.onFailureObservable.add(function () {
console.log("optimization failed");
_this.init.loadingProgress = 100;
_this.init.engine.loadingUIText = Math.floor(_this.init.loadingProgress) + " %";
_this.init.engine.hideLoadingUI();
 
});

 

 

 
 

is this right??

Share this post


Link to post
Share on other sites

I presume @syed samoon is talking about game loop delta timing. 

 

Generally speaking, game loops, in their simplest form, work similar to:

const _fps = 60.0;
const _interval = 1000.0 / _fps;
const _lastTick = performance.now();

private tick() {
    let now = performance.now();
    requestAnimationFrame(tick);
    let frameTime = now - _lastTick;
    _lastTick = now;
    update(frameTime);
}

 Where frametime/deltatime is the time spent within one tick. You can go all fancy and and split update/render methods and run update() inside a while loop :

_delta += frameTime;
while (_delta >= _interval) {
   _delta -= _interval;
   update(1);
}

Which will give you constant update (could be important for game state/physics) and render-whenever-you-can setup.

But as other users have pointed out, you can use Babylon's engine.getDeltaTime()

:)

Share this post


Link to post
Share on other sites

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.

Guest
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.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.