indrajith/js13kgames-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

⬆️ 💎

Browse Source 
* Support ES6
* Integrates jsfxr
This commit is contained in:
Indrajith K L
2018-08-12 17:52:54 +05:30
parent db47cb139e
commit 0193315dd5
7 changed files with 1301 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
.babelrc Normal file
View File

@@ -0,0 +1,13 @@
{
"presets": [
[
"env",
{
"modules": false
}
]
],
"plugins": [
"external-helpers"
]
}

64
gulpfile.js
View File

@@ -1,56 +1,78 @@
'use strict'; 'use strict';
var gulp = require('gulp'); var gulp = require('gulp');
var browserSync = require('browser-sync').create(); var browserSync = require('browser-sync');
var uglify = require('gulp-uglify'); var uglify = require('gulp-uglify');
const zip = require('gulp-vinyl-zip').zip; var zip = require('gulp-vinyl-zip').zip;
var size = require('gulp-size'); var size = require('gulp-size');
var runSequence = require('run-sequence');
let rollup = require('rollup-stream');
var source = require('vinyl-source-stream');
var libs = ['./node_modules/kontra/kontra.min.js', './node_modules/tinymusic/dist/TinyMusic.min.js']; var libs = ['./node_modules/kontra/kontra.min.js', './node_modules/tinymusic/dist/TinyMusic.min.js'];
var devLibs = ['./node_modules/jsfxr/jsfxr.js'];
var libFolder = 'libs/'; var libFolder = 'libs/';
var outputTemp = 'temp/'; var outputTemp = 'temp/';
gulp.task('serve', ['copylibs'], function () { gulp.task('serve', ['copylibs', 'copylibsDev', 'uglyfy_copy'], function () {
browserSync.init({ browserSync.init({
server: './' server: {
baseDir: "./"
}
}); });
gulp.watch("./**/*.js", { cwd: './' },function(){ gulp.watch("src/js/**/*.js", { cwd: './' }, ['uglyfy_copy', 'reload'])
gulp.run('uglyfy_copy')
}).on('change', browserSync.reload);;
gulp.watch("./**/*.html", { cwd: './' }).on('change', browserSync.reload); gulp.watch("./**/*.html", { cwd: './' }).on('change', browserSync.reload);
browserSync.watch() browserSync.watch()
}); });
gulp.task('reload', function () {
browserSync.reload();
});
gulp.task('uglyfy_copy', function () { gulp.task('uglyfy_copy', function () {
return gulp.src('src/js/*.js') return rollup({
.pipe(uglify()) "format": "iife",
.pipe(gulp.dest('public/js')); input: './src/js/main.js'
})
.pipe(source('main.js'))
.pipe(gulp.dest('public/js'));
}); });
gulp.task('copylibs', function () { gulp.task('copylibs', function () {
return gulp return gulp
.src(libs) .src(libs)
.pipe(gulp.dest(libFolder)) .pipe(gulp.dest(libFolder))
}); });
gulp.task('zipFiles',['prepare_dist_folder'], function () { gulp.task('copylibsDev', function () {
return gulp
.src(devLibs)
.pipe(uglify())
.pipe(gulp.dest(libFolder))
});
gulp.task('zipFiles', function () {
return gulp.src('temp/**/*.*') return gulp.src('temp/**/*.*')
.pipe(zip('archive.zip')) .pipe(zip('archive.zip'))
.pipe(gulp.dest('dist')) .pipe(gulp.dest('dist'))
.pipe(size({ .pipe(size({
title: '### Final Archive Size => ' title: '### Final Archive Size => '
})) }))
}); });
gulp.task('prepare_dist_folder', function () { gulp.task('prepare_dist_folder', function () {
return gulp return gulp
.src(['libs/*','public/**/*.*','index.html'],{base: './'}) .src(['libs/*', 'public/**/*.*', 'index.html'], { base: './' })
.pipe(gulp.dest(outputTemp)) .pipe(gulp.dest(outputTemp))
});
gulp.task('release', function () {
runSequence('copylibs', 'copylibsDev', 'uglyfy_copy', 'prepare_dist_folder', 'zipFiles');
}); });

3
index.html
View File

@@ -6,9 +6,10 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="./libs/kontra.min.js"></script> <script src="./libs/kontra.min.js"></script>
<script src="./libs/TinyMusic.min.js"></script> <script src="./libs/TinyMusic.min.js"></script>
<script src="./libs/jsfxr.js"></script>
<title>js13kgames-template</title> <title>js13kgames-template</title>
</head> </head>
<body onload="Game()"> <body>
<canvas></canvas> <canvas></canvas>
<script src="public/js/main.js"></script> <script src="public/js/main.js"></script>
</body> </body>

1316
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
package.json
View File

@@ -4,19 +4,29 @@
"description": "A barebone template aimed for js13kgames", "description": "A barebone template aimed for js13kgames",
"scripts": { "scripts": {
"start": "./node_modules/.bin/gulp serve", "start": "./node_modules/.bin/gulp serve",
"release": "./node_modules/.bin/gulp zipFiles" "release": "./node_modules/.bin/gulp release"
}, },
"author": "Indrajith K L", "author": "Indrajith K L",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"jsfxr": "0.0.1",
"kontra": "^4.0.0", "kontra": "^4.0.0",
"tinymusic": "^1.0.0" "tinymusic": "^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"babel-core": "^6.26.3",
"babel-plugin-external-helpers": "^6.22.0",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"browser-sync": "^2.24.6", "browser-sync": "^2.24.6",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-rollup": "^2.16.2",
"gulp-size": "^3.0.0", "gulp-size": "^3.0.0",
"gulp-uglify": "^3.0.1", "gulp-uglify": "^3.0.1",
"gulp-vinyl-zip": "^2.1.0" "gulp-vinyl-zip": "^2.1.0",
"rollup-plugin-babel": "^3.0.7",
"rollup-stream": "^1.24.1",
"run-sequence": "^2.2.1",
"vinyl-source-stream": "^2.0.0"
} }
} }

56
src/js/Game.js Normal file
View File

@@ -0,0 +1,56 @@
export default class Game{
constructor(){
this.url = window.URL || window.webkitURL;
this.soundUrl = jsfxr([3,,0.3469,0.6652,0.2097,0.0671,,0.0916,,,,0.3062,0.8509,,,0.5633,0.0985,-0.0068,1,,,,,0.5]);
this.player = new Audio();
this.player.on
this.init();
}
init(){
kontra.init();
this.main();
}
main(){
let sprite = kontra.sprite({
x: 100, // starting x,y position of the sprite
y: 80,
color: 'blue', // fill color of the sprite rectangle
width: 20, // width and height of the sprite rectangle
height: 40,
dx: 2 // move the sprite 2px to the right every frame
});
let loop = kontra.gameLoop({ // create the main game loop
update: ()=> { // update the game state
sprite.update();
// wrap the sprites position when it reaches
// the edge of the screen
if (sprite.x > kontra.canvas.width) {
sprite.x = -sprite.width;
}
if(kontra.keys.pressed('space')){
this.player.addEventListener('error', (e)=> {
console.log("Error: " + player.error.code);
}, false);
this.player.addEventListener('ended', (e)=> {
this.url.revokeObjectURL(this.soundURL);
}, false);
this.player.pause();
this.player.src = this.soundUrl;
let play = this.player.play();
console.log(play)
}
},
render: ()=> { // render the game state
sprite.render();
}
});
loop.start();
}
}

31
src/js/main.js
View File

@@ -1,30 +1,3 @@
function Game(){ import Game from './Game';
kontra.init();
var sprite = kontra.sprite({
x: 100, // starting x,y position of the sprite
y: 80,
color: 'blue', // fill color of the sprite rectangle
width: 20, // width and height of the sprite rectangle
height: 40,
dx: 2 // move the sprite 2px to the right every frame
});
var loop = kontra.gameLoop({ // create the main game loop
update: function() { // update the game state
sprite.update();
// wrap the sprites position when it reaches
// the edge of the screen
if (sprite.x > kontra.canvas.width) {
sprite.x = -sprite.width;
}
},
render: function() { // render the game state
sprite.render();
}
});
loop.start(); // start the game
}
window.Game = Game; let game = new Game();