Skip to content

Releases: devshareacademy/code-examples-from-my-video-content

Phaser 3 Native Custom Fonts Demo

15 Nov 10:43
4af1714
Compare
Choose a tag to compare

A quick demo of how you can easily use custom fonts in Phaser 3 by using the new FontFile Loader! This new loader is available in Phaser 3.87.0, and it has support for TTF/OTF out of the box, so you no longer need to use a 3rd party font loader.

To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

native-custom-fonts-start.zip: This zipped folder contains the initial code for this example.
native-custom-fonts-finished.zip: This zipped folder contains the completed code example.

Link to live demo:

Custom Fonts

Credit

The custom fonts that were used in this demo were created by Kenney and CodeMan38.

Phaser 3 Create Minimap using Phaser 3 Camera Demo

08 Jul 02:00
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 How To Create A Minimap Using the Phaser 3 Camera demo.

To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

pminimap-1-demo-starting-code.zip: This zipped folder contains the initial code for this example.
minimap-1-demo-ending-code.zip: This zipped folder contains the completed code example.

Link to live demo:

Demo

Phaser 3 Draggable Game Objects Using Touch Events Demo

15 Jan 16:03
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 Draggable Game Objects Using Touch Events demo.

To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

phaser-3-drag-game-object-start.zip: This zipped folder contains the initial code for this example.
phaser-3-drag-game-object-end.zip: This zipped folder contains the completed code example.

Link to live demo:

Draggable Game Objects Demo

Phaser 3 Mobile Swipe Demo

15 Jan 13:37
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 Mobile Swipe demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

phaser-3-mobile-swipe-demo-start.zip: This zipped folder contains the initial code for this example.
phaser-3-mobile-swipe-demo-completed.zip: This zipped folder contains the completed code example.

Link to live demo:
Mobile Swipes Demo

Phaser 3 Custom Nine Slice Demo

05 Dec 15:09
9c2e039
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 Custom Nine Slice Image Scaling demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

phaser-3-custom-nine-slice-demo-code-start.zip: This zipped folder contains the initial code for this example.
phaser-3-custom-nine-slice-demo-code-end.zip: This zipped folder contains the completed code example.

Link to live demo:
Custom 9 Slice Implementation Demo

Credit

The images that was used in this demo were created by bdragon1727 and Kenney.

Canvas API - Scale Images Using Nine Slice Technique Demo

05 Dec 14:05
9c2e039
Compare
Choose a tag to compare

This release contains the starting and ending code for the Canvas API - How to draw scaled images using nine slice technique demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

canvas-nine-slice-demo-start.zip: This zipped folder contains the initial code for this example.
canvas-nine-slice-demo-end.zip: This zipped folder contains the completed code example.

Link to live demo:

Nine Slice Demo

Credit

The images that was used in this demo were created by bdragon1727 and Kenney.

Phaser 3 Geometry Mask Demo

17 Oct 20:23
8614ceb
Compare
Choose a tag to compare
Pre-release

This release contains the starting and ending code for the Phaser 3 Geometry Mask demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

geometry-camera-mask-start.zip: This zipped folder contains the initial code for this example.
geometry-camera-mask-finished.zip: This zipped folder contains the completed code example.

Link to live demo:

Crop Game Objects

Credit

The spritesheet that was used in this demo were created by Essssam.

Phaser 3 Crop Game Object Demo

13 Oct 02:58
Compare
Choose a tag to compare
Pre-release

This release contains the starting and ending code for the Phaser 3 Crop Game Objects demo. To learn more about this example, you can watch this video on YouTube here:

Coming soon...

This release contains 2 additional zipped folders:

crop-game-object-start.zip: This zipped folder contains the initial code for this example.
crop-game-object-complete.zip: This zipped folder contains the completed code example.

Link to live demo:

Crop Game Objects

Credit

The spritesheet that was used in this demo were created by Essssam.

Phaser 3 Animation Completion Event Demo

08 Sep 14:12
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 Animation Completion Event demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

animation-completion-events-start.zip: This zipped folder contains the initial code for this example.
animation-completion-events-finished.zip: This zipped folder contains the completed code example.

Link to live demo:
Animation Completion Event Demo

Credit

The spritesheet that was used in this demo were created by Essssam.

Phaser 3 Custom Fonts Demo

07 Sep 20:41
1ccbfd1
Compare
Choose a tag to compare

This release contains the starting and ending code for the Phaser 3 Custom Fonts demo. To learn more about this example, you can watch this video on YouTube here:

This release contains 2 additional zipped folders:

custom-fonts-start.zip: This zipped folder contains the initial code for this example.
custom-fonts-finished.zip: This zipped folder contains the completed code example.

Link to live demo:

Custom Fonts

Credit

The custom fonts that were used in this demo were created by Kenney.