Discover Top Posts Tagged with #es2016

Start a Phaser.js project using Webpack and ECMAScript 2016 syntax.

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.

PPS: If enough people ask for help getting started, I’ll try to whip up a crash course in NodeJS and command line control so you can understand what you need to do with this boilerplate!

#Phaser #phaserJS #javascript #es6 #es7 #es2015 #es2016 #gamedev #boilerplate #code #webpack #codebase #nodejs #node #game development

ECMASCRIPT2016

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

3 ** 4 === Math.pow(3,4);//true

#ES2016 #javascript

Wiped Clean

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.

Reshaping the little bird I once was into an empty house on a lonely hill.

#mine #ES2016

The ECMAScript proposal “import()” by Domenic Denicola is currently at stage 3. It enables dynamic loading of ECMAScript modules and is explained in this blog post.

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().

webpack v2 (v2.1.0-beta.28 and later): supports code splitting via import()

#javascript #es6 #es2015 #es2017 #es2016 #javascript import #ecmascript #dr. axel rauschmayer #domenic denicola

Somethin’ Far From Here

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.

This wind ain’t whisperin’ bout’ nothin’ less that somethin’s far from here.

#ES2016 #mine #poetry #poems for petals

Drenched Deep Within The Magnolias

A stencil of a silhouette traced beside your bed Rings all the things your dreams play out inside the rattling of your heavy head. Leaving misinterpreted markings on the walls… Tracing dark blue nothing on your palms. Painting golden light amongst the marble halls. Muted musings from her rambling lips. Restless hurry hanging on her hips. Aware of all the pretending you’re not home when she calls. The delicate petals wilt in silence as summer is killed off by the fall. These petals aren’t true in nature, can’t you possibly see that? Have you caution traversing every long-winding path? In the ignorant fear that whatever direction you steer There is a fractional chance the dance might end in a trap? A flower that isn’t a flower deceives only those who bask in their beauty as a this or a that. There is no nectar to share with the bees who travel tireless journeys past the valleys and trees and have no God to plead to or please since they cannot anatomically bend at the knees and coming back empty handed meant still riding the breeze and with a destiny free of demands any melting will freeze turning opportunities into solid truth to be seized. Drenched deep within the magnolias… You find the grinding of your mind now still. All the magnolias are dying at your fingertips As is the liveliness of your free will.

#ES2016 #mine #magnolias

The Way Nature Says

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,

Being true to my innocent nature the way nature says we should.

#ES2016 #mine #poetry #ponderings #restless heart #wandering child

Chase Chase On

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,

It’s the treasures with no price tag that makes this such a valuable chase.

#Mine #ES2016 #TTOTC #Forrest Fenn