samme

Phaser PostFX

A flexible, layered post-processing system for PhaserJS 3. Apply fullscreen shaders to select scene elements.

Using Phaser with Webpack

Using phaser with ES6, npm modules and whatnot is actually quite simple.

First, install the needed dependencies.

npm install -S expose-loader phaser-ce

Feature branches

Here it is a practical recipe to make you prefer rebase merging (git rebase) over recursive merging (git merge) especially when it's time to integrate changes from others while working on a feature branch.

Following alias will come in handy:

git config --local alias.history 'log --oneline --decorate --graph'

Synchronize

Conventions

A = [xA, yA] is a point on the 2D plane. Same for B, C, ...
lengths are in any unit (ex: pixels)
code snippets are in JavaScript

Degrees to radians

angleRad = angleDeg * Math.PI / 180;

	class ScaleManager {
	constructor(canvas, isMobile) {
	this.canvas = canvas;
	this.mobile = isMobile;

	window.addEventListener('resize', () => {
	this.resize(this.canvas);

	if (this.mobile) {
	if (window.innerWidth < window.innerHeight) {

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/phaser-arcade-physics.min.js"></script>
	</head>
	<body>

	<script>
	var config = {
	type: Phaser.AUTO,

	/*

	In JavaScript, objects can be used to serve various purposes.

	To maximise our usage of the type system, we should assign different types to our objects depending
	on the desired purpose.

	In this blog post I will clarify two common purposes for objects known as records and dictionaries
	(aka maps), and how they can both be used with regards to the type system.

	/*

	JavaScript port of the following algorithm : http://scale2x.sourceforge.net/algorithm.html

	*/

	var scaleX = ( function( exports )
	{

	function getPixel32( data, x,y,w )

	---
	parser: espree
	env:
	amd: false
	browser: false
	es6: false
	jasmine: false
	jquery: false
	meteor: false
	mocha: false

	(function() {
	"use strict";

	global.AudioContext = global.AudioContext \|\| global.webkitAudioContext;
	global.OfflineAudioContext = global.OfflineAudioContext \|\| global.webkitOfflineAudioContext;

	if (typeof global.AudioContext !== "undefined") {
	if (typeof global.AudioContext.prototype.createGain !== "function") {
	global.AudioContext.prototype.createGain = global.AudioContext.prototype.createGainNode;
	}