#es2016

I just found and improved a PhaserJS boilerplate that uses ES2016/ES2015 (ES7/ES6) with Webpack to create a nice JavaScript game development codebase! Webpack takes all code and assets for your game (including images under 25kb!) and shoves it all into a single “game.bundle.js” file that gets loaded! It’s pretty awesome.

You can fork/download and use my boilerplate for your own games if you’d like! If you don’t know anything about ES2015 (ES6) or ES2016 (ES7), check out this little guide I like: ES6 for Humans

PS: If you’ve ever worked with Phaser and Webpack before, you know that it’s crazy hard to figure out how to get it working at all. If you want to hook it up yourself, check out how I did it in my boilerplate here. Doing it this way allows you to set it and forget it, not needing to require or import any Phaser files into your code! Much nicer than what I had to do before.

ES2016 Features

Array.prototype.includes replaces .indexOf

Unlike indexOf, it can search for NaN

const numbers = [1,2,3, NaN]; numbers.includes[NaN); //true

Exponentation operator

Sitting upon a hill somewhere is a house with no doors.

A house with no doors and no sound. 

The hill of this house is overgrown with weeds and too with silence.

There is not a single soul to be found.

There is a haunting peace about this place where nobody roams.

That empty house on that deserted hill where I use to call home.

The ghosts of my errors, cannot be seen but they litter the ground.

All the dreams I once dreamt echo out all alone.

Longing to be understood by the nothingness that surrounds.

Just shivers and bones.

I yearn for this place covered in withered spaces.

Where night runs long and blurry longings become what once were faces.

Perhaps I too have transformed.

The ink of my pages forgot how to spill.

This is SO EPIC. And can’t come soon enough. But the reality of standards and implementation - tic toc tic toc.

2. The proposal enables dynamic module imports

The proposed operator for loading modules dynamically works as follows:

   const moduleSpecifier = './dir/someModule.js';    import(moduleSpecifier)    .then(someModule => someModule.foo());

3. Use cases

3.1 Loading code on demand

   button.addEventListener('click', event => {        import('./dialogBox.js')        .then(dialogBox => {            dialogBox.open();        })        .catch(error => {            /* Error handling */        })    });

3.2 Conditional loading of modules

   if (isLegacyPlatform()) {        import(···)        .then(···);    }

3.3 Computed module specifiers

   import(`messages_${getLocale()}.js`)    .then(···);

4. Tips

4.1 Accessing exports via destructuring

   import('./myModule.js')    .then(({export1, export2}) => {        ···    });

4.2 Accessing default exports 

   import('./myModule.js')    .then(myModule => {        console.log(myModule.default);    });

4.3 Dynamically loading multiple modules 

   Promise.all([        import('./module1.js'),        import('./module2.js'),        import('./module3.js'),    ])    .then(([module1, module2, module3]) => {        ···    });

4.4 Async functions and import() 

   async function main() {        const myModule = await import('./myModule.js');            const {export1, export2} = await import('./myModule.js');            const [module1, module2, module3] =            await Promise.all([                import('./module1.js'),                import('./module2.js'),                import('./module3.js'),            ]);    }    main();

   (async () => {        const myModule = await import('./myModule.js');    })();

5. Support for import()

Node.js: Guy Bedford’s node-es-module-loader provides a Node.js executable that supports ES6 module syntax and import().

webpack v1: babel-plugin-dynamic-import-webpack is a Babel plugin that transpiles import() to require.ensure().

Do you find yourself ethereal my dark little spark of wonder?

Truly deeply in your thunder.

Hold your breath, this ship is going under.

Have you crushed beneath this pale meek hand?

Crunched and cracked not soon forgotten,

Decaying away like yesterday went rotten.

Who’s to be a savior to a savage through each resource he has ravaged.

To your time, some petty man done you some damage.

Rebuild your will a tower tall and true that’s tapping at the sky,

Anxious pitter-patter on your limbs eager to get high.

Letting bygones be bygones, gone off to rid us of goodbye.

Have you cast the light of spite dear?

I’ll bring all the dirty secrets so long as you’ll bring along your ear.

I was off searching for the Holy Land, set to swing across the sky.

Soaked in deep beneath antiquities, never questioning the curiousness of why.

If the God of all the Godly placed subtle this gentle quality 

Towards the lack of divinity in all our frivolity,

Then we the Godly creatures must mend the noble from the ones who crucify.

Perhaps I propelled myself to Heaven to place a finger on solidarity,

Where suffering isn’t stifled by an unquenchable thirst for clarity.

I find myself a precious stranger weighed on heavy by mistake

As I wrench these aching hands, anxious they won’t someday break.

There’s all these little moments left forgotten by a world

Too darkened by the wretched, no place for a little girl.

But God had whispered through the hallways of my soul once,

Comforting soft and violet all of my restless ways.

Said, “Go off and see the mighty world child...

...abandon all desire to waste away your days.”

So here I am, now surrounded by adventure in the wild of the wood,

Resist the urge to rush it. You have all the time you may need.

Let the truth you hold flow naturally the way you’d let an open wound bleed.

The laws of life will close the gaps without any desire you may have to preach

And what requires the most amount of pondering is each...

Each chance to move forward. Each chance to stand still.

Each chance to make a break towards the door that leads you to the thrill.

Be delicate and kindly. No chances to take in walking it blindly.

Absorb every whisper, each subtle space on the paper, no ink.

Let every single syllable sit soundly on your tongue like a drink.

Quit looking to the obvious so desperately for a hint.

Place your purpose within the deeper secrets of this curious blue print.

If the fantasy of fortune is what’s driving you, 

You have let each of your seconds and minutes go to waste.

Look at everything the world has waiting for you,