COZY COZY WORLD

I am an ordinary Japanese salaryman in his 50's.
The posts are mostly about my attempts at programming which I have taken up recently to maintain logical thinking.
And a bit about my travels around the country.

Home: ようこそ！

Phaser Coding Tips 8 "Sprite Motion Paths Tutorial" Revisited, Part 1

cedarcantab

Mar 28, 202212 min read

Phaser Coding Tips 8 "Sprite Motion Paths Tutorial" Revisited, Part 1

When creating shoot-em-ups, you want to have enemies flying in different patterns. You can certainly get sophisticated patterns by using...

63 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 12: SAT - Polygon vs Line Collision Detection

cedarcantab

Mar 26, 20221 min read

Understanding 2D Physics Engines with Phaser 3, Part 12: SAT - Polygon vs Line Collision Detection

This post will be short. It is about using the separating axis theorem (SAT) to detect collision between polygon and line segments. Just...

14 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 11.1: SAT - Convex Polygon Collision Detection

cedarcantab

Mar 23, 20226 min read

Understanding 2D Physics Engines with Phaser 3, Part 11.1: SAT - Convex Polygon Collision Detection

Collision Detection between Polygons with Separating Axis Theorem Phaser provides methods to detect overlap / collision between triangles...

22 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 9: Capsule to Capsule Collision and Resolution

cedarcantab

Mar 21, 20225 min read

Understanding 2D Physics Engines with Phaser 3, Part 9: Capsule to Capsule Collision and Resolution

Capsules Phaser 3's default arcade physics engine handles physics bodies as either rectangles (AABB only) or circles. It appears that in...

8 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 8: Triangle Collisions

cedarcantab

Mar 14, 20223 min read

Understanding 2D Physics Engines with Phaser 3, Part 8: Triangle Collisions

Triangle vs Triangle Collision Detection with Rotation In a prior post I took a quick look at GetRectagleToRectangle method of Phaser's...

18 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 7: Rotation

cedarcantab

Mar 10, 20224 min read

Understanding 2D Physics Engines with Phaser 3, Part 7: Rotation

Rotation in a plane So far we have dealt with circles and axis-aligned boxes. Collision detection, resolution and response becomes...

5 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 6: Rectangle Collision Detection & Resolution

cedarcantab

Mar 7, 20229 min read

Understanding 2D Physics Engines with Phaser 3, Part 6: Rectangle Collision Detection & Resolution

Axis Aligned Rectangle Collision Detection and Resolution Having worked through the logic of collision detection between circles and...

10 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 5: Circle vs Line Collisions

cedarcantab

Feb 28, 20226 min read

Understanding 2D Physics Engines with Phaser 3, Part 5: Circle vs Line Collisions

Handling collisions between Circle and Line We covered the topic of colliding circles against axis aligned lines. In this post we cover...

34 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 4: Circle Collision Response with Mass

cedarcantab

Feb 22, 20225 min read

Understanding 2D Physics Engines with Phaser 3, Part 4: Circle Collision Response with Mass

Collision Response in Circle2Circle with mass In the previous post I developed the crudest form of collision response; that of two...

2 views0 comments

Physics Simulation in Javascript: Circle2Circle Collision Response (Bounce)

cedarcantab

Feb 15, 20225 min read

Physics Simulation in Javascript: Circle2Circle Collision Response (Bounce)

Circle vs Circle Collision Response In the previous post I covered: detecting collisions (strictly speaking, overlap) between two...

29 views0 comments

Physics Simulation in Javascript: Circle to Circle Collision Resolution

cedarcantab

Feb 9, 20224 min read

Physics Simulation in Javascript: Circle to Circle Collision Resolution

Resolution of collisions between two circles In the previous post we discussed how to assess whether two circles are colliding, or...

16 views0 comments

Physics Simulation in Javascript: Circle to Circle Collision Detection

cedarcantab

Feb 7, 20223 min read

Physics Simulation in Javascript: Circle to Circle Collision Detection

Collision Detection and Collision Resolution between 2 Circles One of the core functions of a physics engine is of course to detect when...

29 views0 comments

Phaser Coding Tips 7 Revisited: Creating a Shoot-em-up Tutorial

cedarcantab

Feb 4, 20227 min read

Phaser Coding Tips 7 Revisited: Creating a Shoot-em-up Tutorial

For those new to the art of creating shoot-em-up games using Javascript/Phaser framework like me, there is a fantastic tutorial here by...

76 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 1.6: Affine Transformation Matrix

cedarcantab

Feb 1, 20224 min read

Understanding 2D Physics Engines with Phaser 3, Part 1.6: Affine Transformation Matrix

Phaser 3 TransformMatrix In the previous post we looked at how a point can be rotated about the origin through multiplying the position...

5 views0 comments

Understanding 2D Physics Engines with Phaser 3, Part 1.5: Rotation Matrix

cedarcantab

Jan 31, 20224 min read

Understanding 2D Physics Engines with Phaser 3, Part 1.5: Rotation Matrix

There is one special type of matrix that will come up time and time again, particularly we start to deal with rotating bodies; that is...

3 views0 comments

Understanding 2D Physics Engine with Phaser 3, Part 1.3: The Cross Product

cedarcantab

Jan 29, 20223 min read

Understanding 2D Physics Engine with Phaser 3, Part 1.3: The Cross Product

The Cross Product Some mathematicians will tell you that the vector cross product does not exist in 2D. If you search for a wiki page on...

10 views0 comments

cedarcantab

Jan 27, 20223 min read

Physics Simulation: Vector object

2D Vectors in Javascript Before I start actually trying to code the laws of physics, it's useful to remind ourselves about vectors and...

15 views0 comments

Physics Simulations in Javascript: Introduction

cedarcantab

Jan 26, 20224 min read

Physics Simulations in Javascript: Introduction

(Let's code a Physics Engine from scratch) When you code any game involve stuff moving about and colliding with each other using some...

28 views0 comments

Space Invaders in Phaser 3 (Part 15): Beginning Game Sequence & Flashing Text

cedarcantab

Jan 21, 20224 min read

Space Invaders in Phaser 3 (Part 15): Beginning Game Sequence & Flashing Text

In this post I look at the beginning of game sequence. Prompt Player Screen In the original game, when the game starts, the screen is...

4 views0 comments

Space Invaders in Phaser 3 (Part 14): Typewriting Text and the End of Game

cedarcantab

Jan 21, 20223 min read

Space Invaders in Phaser 3 (Part 14): Typewriting Text and the End of Game

Game Over Sequence When the player is hit, and last life is lost it is game over. As soon as the player is hit, the aliens stop moving,...

3 views0 comments

Home: Blog2

Home: 配信登録

COZY COZY WORLD

Phaser Coding Tips 8 "Sprite Motion Paths Tutorial" Revisited, Part 1

Understanding 2D Physics Engines with Phaser 3, Part 12: SAT - Polygon vs Line Collision Detection

Understanding 2D Physics Engines with Phaser 3, Part 11.1: SAT - Convex Polygon Collision Detection

Understanding 2D Physics Engines with Phaser 3, Part 9: Capsule to Capsule Collision and Resolution

Understanding 2D Physics Engines with Phaser 3, Part 8: Triangle Collisions

Understanding 2D Physics Engines with Phaser 3, Part 7: Rotation

Understanding 2D Physics Engines with Phaser 3, Part 6: Rectangle Collision Detection & Resolution

Understanding 2D Physics Engines with Phaser 3, Part 5: Circle vs Line Collisions

Understanding 2D Physics Engines with Phaser 3, Part 4: Circle Collision Response with Mass

Physics Simulation in Javascript: Circle2Circle Collision Response (Bounce)

Physics Simulation in Javascript: Circle to Circle Collision Resolution

Physics Simulation in Javascript: Circle to Circle Collision Detection

Phaser Coding Tips 7 Revisited: Creating a Shoot-em-up Tutorial

Understanding 2D Physics Engines with Phaser 3, Part 1.6: Affine Transformation Matrix

Understanding 2D Physics Engines with Phaser 3, Part 1.5: Rotation Matrix

Understanding 2D Physics Engine with Phaser 3, Part 1.3: The Cross Product

Physics Simulation: Vector object

Physics Simulations in Javascript: Introduction

Space Invaders in Phaser 3 (Part 15): Beginning Game Sequence & Flashing Text

Space Invaders in Phaser 3 (Part 14): Typewriting Text and the End of Game

Subscribe Form

Subscribe Form