Jump to content

Make gameplay smoother


syed samoon
 Share

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;

 

Link to comment
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;

 

 

Link to comment
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();
                                                        
                                                                });

Link to comment
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

Link to comment
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;

Link to comment
Share on other sites

  • 2 weeks later...
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();
 
});

 

 

 
 
Link to comment
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??

Link to comment
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()

:)

Link to comment
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...
 Share

  • Recently Browsing   0 members

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