Warning: The magic method EDD_Blocks::__wakeup() must have public visibility in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php on line 101

Warning: The magic method EDD_Blocks::__wakeup() must have public visibility in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks/edd-blocks.php on line 101

Warning: The magic method GAINWP_Manager::__wakeup() must have public visibility in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/gainwp.php on line 78

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 555

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 585

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 617

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 651

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 686

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 745

Deprecated: Optional parameter $filter declared before required parameter $metric is implicitly treated as a required parameter in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/ga-in/tools/gapi.php on line 785

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/wcc1969/public_html/phasergames.com/wp-content/plugins/edd-blocks-master/edd-blocks.php:101) in /home/wcc1969/public_html/phasergames.com/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":11544,"date":"2019-05-24T08:32:19","date_gmt":"2019-05-24T01:32:19","guid":{"rendered":"https:\/\/phasergames.com\/?p=11544"},"modified":"2019-05-24T08:55:28","modified_gmt":"2019-05-24T01:55:28","slug":"using-gravity-in-phaser-3","status":"publish","type":"post","link":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/","title":{"rendered":"Using Gravity in Phaser 3"},"content":{"rendered":"\n

Making objects hit the ground<\/h3>\n\n\n\n
One of the great things about Phaser is the physics engines that you can use with it. In this post, I’ll show you how to use gravity on an
an object. <\/p>\n\n\n\n
I’ll be using the Utility template <\/a>to set this up. Although we don’t need any of the features for this example I’m going to build on this post, so we may need them later.<\/p>\n\n\n\n

Preload the images<\/h2>\n\n\n\n
First, let’s preload in the images we are going to need. Let’s keep it simple. A ball to drop with gravity and a block that we can stretch into a ground. <\/p>\n\n\n\n
$\"\"$ <\/figure>\n\n\n\n
$\"\"$ <\/figure>\n\n\n\n
In the preload section of your main scene add this code.<\/p>\n\n\n\n
preload()
{
\/\/load our images or sounds
this.load.image(“ball”, “images\/ball.png”);
this.load.image(“block”, “images\/block.png”);
}<\/p>\n\n\n\n<\/iframe>\n\n\n\n<h2 class=\"wp-block-heading\">Set up the template for physics<\/h2>\n\n\n\n<p>Because Physics is not enabled by default in Phaser we’ll need to set that up. This is done in the config object that sets up the game. If you are using the template this will be in main.js<\/p>\n\n\n\n<p>Change the config object<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var config = {\n type: Phaser.AUTO,\n width: 480,\n height: 640,\n parent: 'phaser-game',\n scene: [SceneMain] \n };<\/code><\/pre>\n\n\n\n<p>and add a physics object<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> physics:{\n \tdefault:'arcade',\n \tarcade:{debug:true}\n }<\/code><\/pre>\n\n\n\n<p>Your config should now look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var config = {\n type: Phaser.AUTO,\n width: 480,\n height: 640,\n parent: 'phaser-game',\n scene: [SceneMain],\n physics:{\n \tdefault:'arcade',\n \tarcade:{debug:true}\n }\n };<\/code><\/pre>\n\n\n\n<p>The ‘debug: true’ setting will show you the velocity and the hit area of any object that has physics. It is great for debugging. Make sure you turn it off before publishing your game so your players don’t see the bounding boxes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add the ball<\/h2>\n\n\n\n<p>Now let’s add the ball and set the gravity. Normally when we add a sprite to the canvas we will use code like<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>this.add.sprite(100,200,\"ball\");<\/code><\/pre>\n\n\n\n<p>But because we are using physics we need to add it to the <strong>physics <\/strong>property that is the part of every Phaser 3 scene.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> let ball=this.physics.add.sprite(this.sys.game.config.width\/2,0,\"ball\");<\/code><\/pre>\n\n\n\n<p>The line <strong>“this.sys.game.config.width\/2<\/strong>” will put the ball in the horizontal center of the screen. You can access the sys property from any Phaser 3 scene. <\/p>\n\n\n\n<p>If you run the code now you should see the ball at the top center of the game with the debug lines around it showing the hit area.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"93\" src=\"https:\/\/media.publit.io\/file\/w_476,h_93,c_fit,q_80\/websiteImages\/phasergames\/1-5.jpg\" alt=\"\" class=\"wp-image-11546\" srcset=\"https:\/\/media.publit.io\/file\/w_476,c_fit,q_80\/websiteImages\/phasergames\/1-5.jpg 476w, https:\/\/media.publit.io\/file\/w_300,h_59,c_fit,q_80\/websiteImages\/phasergames\/1-5.jpg 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><figcaption>Ball with hit area<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Add Gravity<\/h2>\n\n\n\n<p>Now let’s add the gravity to the ball. We can do this by using set gravity<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ball.setGravityY(100);<\/code><\/pre>\n\n\n\n<p>You can also use a setGravityX or setGravity(x,y). This may be useful in some games that would, for instance, take place in space. For games that take place on good old planet earth setGravityY is usually enough. <\/p>\n\n\n\n<p>Run the game now, you’ll see the ball start to drop and gradually pick up speed. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add the ground<\/h2>\n\n\n\n<p>Now let’s add in the ground. We can stretch the small block to match the width of the game. The ‘this.sys.game.config’ will give us access to the screen size and place the ground by percentage.<\/p>\n\n\n\n<p>We can place the ground in the center horizontal and put it 95% down from the top. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> let groundX=this.sys.game.config.width\/2;\n let groundY=this.sys.game.config.height.95;\n let ground=this.physics.add.sprite(groundX,groundY,\"block\");<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"275\" src=\"https:\/\/media.publit.io\/file\/w_477,h_275,c_fit,q_80\/websiteImages\/phasergames\/2-7.jpg\" alt=\"\" class=\"wp-image-11552\" srcset=\"https:\/\/media.publit.io\/file\/w_477,c_fit,q_80\/websiteImages\/phasergames\/2-7.jpg 477w, https:\/\/media.publit.io\/file\/w_300,h_173,c_fit,q_80\/websiteImages\/phasergames\/2-7.jpg 300w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/><\/figure><\/div>\n\n\n\n<p>Now we set the ground’s display width to the game’s width. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ground.displayWidth=this.sys.game.config.width;<\/code><\/pre>\n\n\n\n<p>I noticed that for some reason there was a gap at the side. I’m not sure why since it was set to the same size as the game, but as a quick fix, I made it 10% wider.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"75\" height=\"102\" src=\"https:\/\/media.publit.io\/file\/w_75,h_102,c_fit,q_80\/websiteImages\/phasergames\/space-2.jpg\" alt=\"\" class=\"wp-image-11551\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>ground.displayWidth=this.sys.game.config.width1.1;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"640\" src=\"https:\/\/media.publit.io\/file\/w_478,h_640,c_fit,q_80\/websiteImages\/phasergames\/3-4.jpg\" alt=\"\" class=\"wp-image-11554\" srcset=\"https:\/\/media.publit.io\/file\/w_478,h_400,c_fit,q_80\/websiteImages\/phasergames\/3-4.jpg 478w, https:\/\/media.publit.io\/file\/w_224,h_300,c_fit,q_80\/websiteImages\/phasergames\/3-4.jpg 224w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/figure><\/div>\n\n\n\n<p>Running the game now, you’ll see that the ball goes through the ground. To get the ball to hit this ground we need to set up a collider.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding a collider<\/h2>\n\n\n\n<p>Colliders can be set between two groups, two sprites, or a sprite and a group. In this case it will be between two sprites, the ball and the ground.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>this.physics.add.collider(ball, ground);<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Set the ground to immovable<\/h2>\n\n\n\n<p>Now run the game and you’ll see the ball hit the ground. Instead of stopping, the ground gets knocked out of place and falls. Why? Well, this is because the ball has gained velocity from falling. The velocity transfers to the ground and the ground moves because it gets the energy from the ball.<\/p>\n\n\n\n<p> The transfer of energy works very well for things like pool balls, but not for the ground. Fortunately, there is an easy way to fix this. We can set a sprite to be immovable. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ground.setImmovable();<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"637\" src=\"https:\/\/media.publit.io\/file\/w_479,h_637,c_fit,q_80\/websiteImages\/phasergames\/4-2.jpg\" alt=\"\" class=\"wp-image-11556\" srcset=\"https:\/\/media.publit.io\/file\/w_479,h_400,c_fit,q_80\/websiteImages\/phasergames\/4-2.jpg 479w, https:\/\/media.publit.io\/file\/w_226,h_300,c_fit,q_80\/websiteImages\/phasergames\/4-2.jpg 226w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/figure>\n\n\n\n<p>Now run the game. The ball should hit the ground and rest on collision. <\/p>\n\n\n\n<p>So, That is the code you need to add gravity to an object and having it hit a platform. Next, we will be making the ball jump. <\/p>\n\n\n\t<form id=\"edd_purchase_11587\" class=\"edd_download_purchase_form edd_purchase_11587\" method=\"post\">\n\n\t\t\n\t\t<div class=\"edd_purchase_submit_wrapper\">\n\t\t\t<button class=\"edd-add-to-cart button red edd-submit\" data-nonce=\"c1550e576d\" data-timestamp=\"1740727900\" data-token=\"bba75e68394307f8b0f5f6d6b1a09507c9fde0fff250a7c36af8f7e569df616d\" data-action=\"edd_add_to_cart\" data-download-id=\"11587\" data-variable-price=\"no\" data-price-mode=single data-price=\"0.00\" ><span class=\"edd-add-to-cart-label\">Free – Purchase<\/span> <span class=\"edd-loading\" aria-label=\"Loading\"><\/span><\/button><input type=\"submit\" class=\"edd-add-to-cart edd-no-js button red edd-submit\" name=\"edd_purchase_download\" value=\"Free – Purchase\" data-action=\"edd_add_to_cart\" data-download-id=\"11587\" data-variable-price=\"no\" data-price-mode=single \/><a href=\"https:\/\/phasergames.com\/checkout\/\" class=\"edd_go_to_checkout button red edd-submit\" style=\"display:none;\">Checkout<\/a>\n\t\t\t\t\t\t\t<span class=\"edd-cart-ajax-alert\" aria-live=\"assertive\">\n\t\t\t\t\t<span class=\"edd-cart-added-alert\" style=\"display: none;\">\n\t\t\t\t\t\t<svg class=\"edd-icon edd-icon-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path d=\"M26.11 8.844c0 .39-.157.78-.44 1.062L12.234 23.344c-.28.28-.672.438-1.062.438s-.78-.156-1.06-.438l-7.782-7.78c-.28-.282-.438-.673-.438-1.063s.156-.78.438-1.06l2.125-2.126c.28-.28.672-.438 1.062-.438s.78.156 1.062.438l4.594 4.61L21.42 5.656c.282-.28.673-.438 1.063-.438s.78.155 1.062.437l2.125 2.125c.28.28.438.672.438 1.062z\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\tAdded to cart\t\t\t\t\t<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t<input type=\"hidden\" name=\"download_id\" value=\"11587\">\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"edd_action\" class=\"edd_action_input\" value=\"add_to_cart\">\n\t\t\n\t\t\t\t\t<input type=\"hidden\" name=\"edd_redirect_to_checkout\" value=\"1\">\n\t\t\n\t\t\n\t<\/form>\n\n\n\n\n<figure class=\"wp-block-image pin\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/media.publit.io\/file\/w_683,h_1024,c_fit,q_80\/websiteImages\/phasergames\/phaser_3_gravity_pin.jpg\" alt=\"\" class=\"wp-image-11601\" srcset=\"https:\/\/media.publit.io\/file\/w_683,h_1024,c_fit,q_80\/websiteImages\/phasergames\/phaser_3_gravity_pin.jpg 683w, https:\/\/media.publit.io\/file\/w_200,h_300,c_fit,q_80\/websiteImages\/phasergames\/phaser_3_gravity_pin.jpg 200w, https:\/\/media.publit.io\/file\/w_768,h_1152,c_fit,q_80\/websiteImages\/phasergames\/phaser_3_gravity_pin.jpg 768w, https:\/\/media.publit.io\/file\/w_800,c_fit,q_80\/websiteImages\/phasergames\/phaser_3_gravity_pin.jpg 800w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Making objects hit the ground One of the great things about Phaser is the physics engines that you can use with it. In this post, I’ll show you how to use gravity on an an object. I’ll be using the Utility template to set this up. Although we don’t need any of the features for […]<\/p>\n","protected":false},"author":1,"featured_media":11590,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[55],"tags":[],"class_list":["post-11544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-phaser-3"],"yoast_head":"\n<title>Using Gravity in Phaser 3 - Phaser Games<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Gravity in Phaser 3 - Phaser Games\" \/>\n<meta property=\"og:description\" content=\"Making objects hit the ground One of the great things about Phaser is the physics engines that you can use with it. In this post, I’ll show you how to use gravity on an an object. I’ll be using the Utility template to set this up. Although we don’t need any of the features for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Phaser Games\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-24T01:32:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-24T01:55:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/media.publit.io\/file\/w_1200,h_800,c_fit,q_80\/websiteImages\/phasergames\/blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"William\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"William\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/\",\"url\":\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/\",\"name\":\"Using Gravity in Phaser 3 - Phaser Games\",\"isPartOf\":{\"@id\":\"https:\/\/phasergames.com\/#website\"},\"datePublished\":\"2019-05-24T01:32:19+00:00\",\"dateModified\":\"2019-05-24T01:55:28+00:00\",\"author\":{\"@id\":\"https:\/\/phasergames.com\/#\/schema\/person\/b434f42d364f46cafe18233abe7db951\"},\"breadcrumb\":{\"@id\":\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phasergames.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Gravity in Phaser 3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phasergames.com\/#website\",\"url\":\"https:\/\/phasergames.com\/\",\"name\":\"Phaser Games\",\"description\":\"Tutorials Code and Resources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phasergames.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/phasergames.com\/#\/schema\/person\/b434f42d364f46cafe18233abe7db951\",\"name\":\"William\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/phasergames.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6dc3c530c4e0428b7d6f496d147d5b29?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6dc3c530c4e0428b7d6f496d147d5b29?s=96&d=mm&r=g\",\"caption\":\"William\"},\"url\":\"https:\/\/phasergames.com\/author\/admin\/\"}]}<\/script>\n","yoast_head_json":{"title":"Using Gravity in Phaser 3 - Phaser Games","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/","og_locale":"en_US","og_type":"article","og_title":"Using Gravity in Phaser 3 - Phaser Games","og_description":"Making objects hit the ground One of the great things about Phaser is the physics engines that you can use with it. In this post, I’ll show you how to use gravity on an an object. I’ll be using the Utility template to set this up. Although we don’t need any of the features for […]","og_url":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/","og_site_name":"Phaser Games","article_published_time":"2019-05-24T01:32:19+00:00","article_modified_time":"2019-05-24T01:55:28+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/media.publit.io\/file\/w_1200,h_800,c_fit,q_80\/websiteImages\/phasergames\/blog.jpg","type":"image\/jpeg"}],"author":"William","twitter_card":"summary_large_image","twitter_misc":{"Written by":"William","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/","url":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/","name":"Using Gravity in Phaser 3 - Phaser Games","isPartOf":{"@id":"https:\/\/phasergames.com\/#website"},"datePublished":"2019-05-24T01:32:19+00:00","dateModified":"2019-05-24T01:55:28+00:00","author":{"@id":"https:\/\/phasergames.com\/#\/schema\/person\/b434f42d364f46cafe18233abe7db951"},"breadcrumb":{"@id":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phasergames.com\/using-gravity-in-phaser-3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/phasergames.com\/using-gravity-in-phaser-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phasergames.com\/"},{"@type":"ListItem","position":2,"name":"Using Gravity in Phaser 3"}]},{"@type":"WebSite","@id":"https:\/\/phasergames.com\/#website","url":"https:\/\/phasergames.com\/","name":"Phaser Games","description":"Tutorials Code and Resources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phasergames.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/phasergames.com\/#\/schema\/person\/b434f42d364f46cafe18233abe7db951","name":"William","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/phasergames.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6dc3c530c4e0428b7d6f496d147d5b29?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6dc3c530c4e0428b7d6f496d147d5b29?s=96&d=mm&r=g","caption":"William"},"url":"https:\/\/phasergames.com\/author\/admin\/"}]}},"featured_image_src":"https:\/\/media.publit.io\/file\/w_600,h_400,c_fill,q_80\/websiteImages\/phasergames\/blog.jpg","featured_image_src_square":"https:\/\/media.publit.io\/file\/w_600,h_600,c_fill,q_80\/websiteImages\/phasergames\/blog.jpg","author_info":{"display_name":"William","author_link":"https:\/\/phasergames.com\/author\/admin\/"},"_links":{"self":[{"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/posts\/11544"}],"collection":[{"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/comments?post=11544"}],"version-history":[{"count":9,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/posts\/11544\/revisions"}],"predecessor-version":[{"id":11602,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/posts\/11544\/revisions\/11602"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/media\/11590"}],"wp:attachment":[{"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/media?parent=11544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/categories?post=11544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phasergames.com\/wp-json\/wp\/v2\/tags?post=11544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}