[Free Book] Infinite Jumper in Phaser 3 with Modern JavaScript

[supertommy]

Here's a free book for interested in getting started with modern JavaScript and Phaser 3.

You won't need to use NPM or set up any complex build tools. If you've been hesitant or unable to use modern JavaScript because of these web development configuration and tooling hurdles then this book might be perfect for you!

You'll just need Google Chrome and Visual Studio Studio.

Aside from being an easier way to start using modern JavaScript, the book also goes through creating an infinite jumper game like Doodle Jump.

You'll learn everything within the context of modern JavaScript best practices like splitting code into separate files and using the import/export module syntax for dependencies.

You can learn more and get the book here: https://ourcade.co/books/infinite-jumper-phaser3

[tkohey_sad]

Hello @supertommy

Is there any way to do Phaser 3 code obfuscation without setup NPM  and webpack.

My way(maybe stupid), combine all js files in one js file  and copy it to Online JavaScript Obfuscator Tool to obfuscate it. (e.g http://beautifytools.com/javascript-obfuscator.php)

 

Thanks

Edited April 22, 2020 by tkohey_sad

[supertommy]

@tkohey_sad I've been thinking about this and not sure what the best approach is. I have seen bundler & minification extensions for VS Code that would probably work but there's not too many that are widely used.

Your method, while manual, is pretty clever

[tkohey_sad]

Thanks for your reply?

[emarb]

On 4/21/2020 at 3:50 AM, tkohey_sad said:

Hello @supertommy

Is there any way to do Phaser 3 code obfuscation without setup NPM  and webpack.

My way(maybe stupid), combine all js files in one js file  and copy it to Online JavaScript Obfuscator Tool to obfuscate it. (e.g http://beautifytools.com/javascript-obfuscator.php)

 

Thanks

Hi @tkohey_sad! I do use npm but have recently encountered parceljs which requires little to none config. Just go to your project folder and do:

npm init -y
npm install -g parcel
parcel your/path/to/index.html

it will create a 'dist' folder, where it will bundle all your dependent .js files and serve to localhost.

I will create a small guide here in a few days: https://www.html5gamedevs.com/profile/38684-emarb/
Stay tuned!

[coxdenis32]

On 12/21/2020 at 6:02 AM, emarb said:

Hi @tkohey_sad! I do use npm but have recently encountered parceljs which requires little to none config. Just go to your project folder and do:

npm init -y
npm install -g parcel
parcel your/path/to/index.html

it will create a 'dist' folder, where it will bundle all your dependent .js files and serve to localhost.

I will create a small guide here in a few days: https://www.html5gamedevs.com/profile/38684-emarb/
Stay tuned!

thanks for the advice