littlejsengine 1.11.2 → 1.11.4

package/examples/electron/game.js

@@ -1,131 +0,0 @@
-/*
-    Little JS Electron Starter Project
-    - A simple starter project for LittleJS
-    - Demos all the main engine features
-    - Builds to an Electron app
-*/
-
-'use strict';
-
-// show the LittleJS splash screen
-setShowSplashScreen(true);
-
-// fix texture bleeding by shrinking tile slightly
-tileFixBleedScale = .5;
-
-// sound effects
-const sound_click = new Sound([1,.5]);
-
-// medals
-const medal_example = new Medal(0, 'Example Medal', 'Welcome to LittleJS!');
-medalsInit('Hello World');
-
-// game variables
-let particleEmitter;
-
-///////////////////////////////////////////////////////////////////////////////
-function gameInit()
-{
-    // create tile collision and visible tile layer
-    initTileCollision(vec2(32,16));
-    const pos = vec2();
-    const tileLayer = new TileLayer(pos, tileCollisionSize);
-
-    // get level data from the tiles image
-    const tileImage = textureInfos[0].image;
-    mainContext.drawImage(tileImage,0,0);
-    const imageData = mainContext.getImageData(0,0,tileImage.width,tileImage.height).data;
-    for (pos.x = tileCollisionSize.x; pos.x--;)
-    for (pos.y = tileCollisionSize.y; pos.y--;)
-    {
-        // check if this pixel is set
-        const i = pos.x + tileImage.width*(15 + tileCollisionSize.y - pos.y);
-        if (!imageData[4*i])
-            continue;
-        
-        // set tile data
-        const tileIndex = 1;
-        const direction = randInt(4)
-        const mirror = randInt(2);
-        const color = randColor();
-        const data = new TileLayerData(tileIndex, direction, mirror, color);
-        tileLayer.setData(pos, data);
-        setTileCollisionData(pos, 1);
-    }
-
-    // draw tile layer with new data
-    tileLayer.redraw();
-
-    // setup camera
-    cameraPos = vec2(16,8);
-    cameraScale = 48;
-
-    // enable gravity
-    gravity = -.01;
-
-    // create particle emitter
-    particleEmitter = new ParticleEmitter(
-        vec2(16,9), 0,              // emitPos, emitAngle
-        1, 0, 500, PI,              // emitSize, emitTime, emitRate, emiteCone
-        tile(0, 16),                // tileIndex, tileSize
-        hsl(1,1,1),   hsl(0,0,0),   // colorStartA, colorStartB
-        hsl(0,0,0,0), hsl(0,0,0,0), // colorEndA, colorEndB
-        2, .2, .2, .1, .05,   // time, sizeStart, sizeEnd, speed, angleSpeed
-        .99, 1, 1, PI,        // damping, angleDamping, gravityScale, cone
-        .05, .5, 1, 1         // fadeRate, randomness, collide, additive
-    );
-    particleEmitter.elasticity = .3; // bounce when it collides
-    particleEmitter.trailScale = 2;  // stretch in direction of motion
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdate()
-{
-    if (mouseWasPressed(0))
-    {
-        // play sound when mouse is pressed
-        sound_click.play(mousePos);
-
-        // change particle color and set to fade out
-        particleEmitter.colorStartA = hsl();
-        particleEmitter.colorStartB = randColor();
-        particleEmitter.colorEndA = particleEmitter.colorStartA.scale(1,0);
-        particleEmitter.colorEndB = particleEmitter.colorStartB.scale(1,0);
-
-        // unlock medals
-        medal_example.unlock();
-    }
-
-    // move particles to mouse location if on screen
-    if (mousePosScreen.x)
-        particleEmitter.pos = mousePos;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdatePost()
-{
-
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameRender()
-{
-    // draw a grey square in the background without using webgl
-    drawRect(vec2(16,8), vec2(20,14), hsl(0,0,.6), 0, 0);
-    
-    // draw the logo as a tile
-    drawTile(vec2(21,5), vec2(4.5), tile(3,128));
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameRenderPost()
-{
-    // draw to overlay canvas for hud rendering
-    drawTextScreen('LittleJS Electron Demo', 
-        vec2(mainCanvasSize.x/2, 70), 80,   // position, size
-        hsl(0,0,1), 6, hsl(0,0,0));         // color, outline size and color
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// Startup LittleJS Engine
-engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);

package/examples/electron/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html><head>
-<title>LittleJS Electron Demo</title>
-<meta charset=utf-8>
-<meta name=apple-mobile-web-app-capable content=yes>
-<meta name=mobile-web-app-capable content=yes>
-<link rel=icon type=image/png href=../favicon.png>
-</head><body>
-
-<!-- LittleJS Engine -->
-<script src=../../dist/littlejs.js?1105></script>
-
-<!-- Add your game scripts here -->
-<script src=game.js?1105></script>

package/examples/electron/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "LittleJSGame",
-  "version": "1.0.0",
-  "description": "A minimal Electron application",
-  "main": "electron.js",
-  "scripts": {
-    "build": "node build.js"
-  },
-  "repository": "https://github.com/electron/electron-quick-start",
-  "keywords": [
-    "Electron",
-    "LittleJS",
-    "Game"
-  ],
-  "author": "Frank Force",
-  "license": "MIT",
-  "devDependencies": {
-    "electron": "~25.2.0",
-    "electron-packager": "~17.1.1"
-  },
-  "dependencies": {}
-}

package/examples/js13k/build.bat

@@ -1,2 +0,0 @@
-rem LittleJS Build Script
-call node build.js

package/examples/js13k/build.js

@@ -1,131 +0,0 @@
-#!/usr/bin/env node
-
-/** 
- * LittleJS Build System
- */
-
-'use strict';
-
-const PROGRAM_NAME = 'game';
-const BUILD_FOLDER = 'build';
-const sourceFiles =
-[
-    '../../dist/littlejs.release.js',
-    'game.js',
-    // add your game's files here
-];
-const dataFiles =
-[
-    'tiles.png',
-    // add your game's data files here
-];
-
-console.log(`Building ${PROGRAM_NAME}...`);
-const startTime = Date.now();
-const fs = require('node:fs');
-const child_process = require('node:child_process');
-
-// rebuild engine
-//child_process.execSync(`npm run build`, { stdio: 'inherit' });
-
-// remove old files and setup build folder
-fs.rmSync(BUILD_FOLDER, { recursive: true, force: true });
-fs.rmSync(`${PROGRAM_NAME}.zip`, { force: true });
-fs.mkdirSync(BUILD_FOLDER);
-
-// copy data files
-for(const file of dataFiles)
-    fs.copyFileSync(file, `${BUILD_FOLDER}/${file}`);
-
-Build
-(
-    `${BUILD_FOLDER}/index.js`,
-    sourceFiles,
-    [closureCompilerStep, uglifyBuildStep, roadrollerBuildStep, htmlBuildStep, zipBuildStep]
-   //[closureCompilerSimpleStep, htmlBuildStep] // for build debugging
-);
-
-console.log(``);
-console.log(`Build Completed in ${((Date.now() - startTime)/1e3).toFixed(2)} seconds!`);
-console.log(`Size of ${PROGRAM_NAME}.zip: ${fs.statSync(`${PROGRAM_NAME}.zip`).size} bytes`);
-
-///////////////////////////////////////////////////////////////////////////////
-
-// A single build with its own source files, build steps, and output file
-// - each build step is a callback that accepts a single filename
-function Build(outputFile, files=[], buildSteps=[])
-{
-    // copy files into a buffer
-    let buffer = '';
-    for (const file of files)
-        buffer += fs.readFileSync(file) + '\n';
-
-    // output file
-    fs.writeFileSync(outputFile, buffer, {flag: 'w+'});
-
-    // execute build steps in order
-    for (const buildStep of buildSteps)
-        buildStep(outputFile);
-}
-
-function closureCompilerStep(filename)
-{
-    console.log(`Running closure compiler...`);
-
-    const filenameTemp = filename + '.tmp';
-    fs.copyFileSync(filename, filenameTemp);
-    child_process.execSync(`npx google-closure-compiler --js=${filenameTemp} --js_output_file=${filename} --compilation_level=ADVANCED --warning_level=VERBOSE --jscomp_off=* --assume_function_wrapper`, {stdio: 'inherit'});
-    fs.rmSync(filenameTemp);
-};
-
-function closureCompilerSimpleStep(filename)
-{
-    console.log(`Running closure compiler in simple mode...`);
-
-    const filenameTemp = filename + '.tmp';
-    fs.copyFileSync(filename, filenameTemp);
-    child_process.execSync(`npx google-closure-compiler --js=${filenameTemp} --js_output_file=${filename} --compilation_level=SIMPLE --warning_level=VERBOSE --jscomp_off=* --assume_function_wrapper`, {stdio: 'inherit'});
-    fs.rmSync(filenameTemp);
-};
-
-function uglifyBuildStep(filename)
-{
-    console.log(`Running uglify...`);
-    child_process.execSync(`npx uglifyjs ${filename} -c -m -o ${filename}`, {stdio: 'inherit'});
-};
-
-function roadrollerBuildStep(filename)
-{
-    console.log(`Running roadroller...`);
-    child_process.execSync(`npx roadroller ${filename} -o ${filename}`, {stdio: 'inherit'});
-};
-
-function roadrollerExtremeBuildStep(filename)
-{
-    // this takes over a minute to run but might be a little smaller
-    console.log(`Running roadroller extreme...`);
-    child_process.execSync(`npx roadroller ${filename} -o ${filename} --optimize 2`, {stdio: 'inherit'});
-};
-
-function htmlBuildStep(filename)
-{
-    console.log(`Building html...`);
-
-    // create html file
-    let buffer = '';
-    buffer += '<body>';
-    buffer += '<script>';
-    buffer += fs.readFileSync(filename);
-    buffer += '</script>';
-
-    // output html file
-    fs.writeFileSync(`${BUILD_FOLDER}/index.html`, buffer, {flag: 'w+'});
-};
-
-function zipBuildStep(filename)
-{
-    console.log(`Zipping...`);
-    const ect = '../../../node_modules/ect-bin/vendor/win32/ect.exe';
-    const args = ['-9', '-strip', '-zip', `../${PROGRAM_NAME}.zip`, 'index.html', ...dataFiles];
-    child_process.spawnSync(ect, args, {stdio: 'inherit', cwd: BUILD_FOLDER});
-};

package/examples/js13k/game.js

@@ -1,118 +0,0 @@
-/*
-    LittleJS JS13K Starter Game
-    - For size limited projects
-    - Includes all core engine features
-    - Builds to 7kb zip file
-*/
-
-'use strict';
-
-// fix texture bleeding by shrinking tile slightly
-tileFixBleedScale = .5;
-
-// sound effects
-const sound_click = new Sound([1,.5]);
-
-// game variables
-let particleEmitter;
-
-// webgl can be disabled to save even more space
-//glEnable = false;
-
-///////////////////////////////////////////////////////////////////////////////
-function gameInit()
-{
-    // create tile collision and visible tile layer
-    initTileCollision(vec2(32,16));
-    const pos = vec2();
-    const tileLayer = new TileLayer(pos, tileCollisionSize);
-
-    // get level data from the tiles image
-    const tileImage = textureInfos[0].image;
-    mainContext.drawImage(tileImage,0,0);
-    const imageData = mainContext.getImageData(0,0,tileImage.width,tileImage.height).data;
-    for (pos.x = tileCollisionSize.x; pos.x--;)
-    for (pos.y = tileCollisionSize.y; pos.y--;)
-    {
-        // check if this pixel is set
-        const i = pos.x + tileImage.width*(15 + tileCollisionSize.y - pos.y);
-        if (!imageData[4*i])
-            continue;
-        
-        // set tile data
-        const tileIndex = 1;
-        const direction = randInt(4)
-        const mirror = randInt(2);
-        const color = randColor();
-        const data = new TileLayerData(tileIndex, direction, mirror, color);
-        tileLayer.setData(pos, data);
-        setTileCollisionData(pos, 1);
-    }
-
-    // draw tile layer with new data
-    tileLayer.redraw();
-
-    // setup camera
-    cameraPos = vec2(16,8);
-
-    // enable gravity
-    gravity = -.01;
-
-    // create particle emitter
-    particleEmitter = new ParticleEmitter(
-        vec2(16,9), 0,              // emitPos, emitAngle
-        1, 0, 500, PI,              // emitSize, emitTime, emitRate, emiteCone
-        tile(0, 16),                // tileIndex, tileSize
-        new Color(1,1,1),   new Color(0,0,0),   // colorStartA, colorStartB
-        new Color(0,0,0,0), new Color(0,0,0,0), // colorEndA, colorEndB
-        2, .2, .2, .1, .05,   // time, sizeStart, sizeEnd, speed, angleSpeed
-        .99, 1, 1, PI,        // damping, angleDamping, gravityScale, cone
-        .05, .5, 1, 1         // fadeRate, randomness, collide, additive
-    );
-    particleEmitter.elasticity = .3; // bounce when it collides
-    particleEmitter.trailScale = 2;  // stretch in direction of motion
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdate()
-{
-    if (mouseWasPressed(0))
-    {
-        // play sound when mouse is pressed
-        sound_click.play(mousePos);
-
-        // change particle color and set to fade out
-        particleEmitter.colorStartA = new Color;
-        particleEmitter.colorStartB = randColor();
-        particleEmitter.colorEndA = particleEmitter.colorStartA.scale(1,0);
-        particleEmitter.colorEndB = particleEmitter.colorStartB.scale(1,0);
-    }
-
-    // move particles to mouse location if on screen
-    if (mousePosScreen.x)
-        particleEmitter.pos = mousePos;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdatePost()
-{
-
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameRender()
-{
-    // draw a grey square in the background without using webgl
-    drawRect(vec2(16,8), vec2(20,14), new Color(.6,.6,.6), 0, 0);
-}
-
-///////////////////////////////////////////////////////////////////////////////
-function gameRenderPost()
-{
-    // draw to overlay canvas for hud rendering
-    drawTextScreen('LittleJS JS13K Demo', vec2(mainCanvasSize.x/2, 70), 80);
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// Startup LittleJS Engine
-engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);

package/examples/js13k/index.html

@@ -1,21 +0,0 @@
-<head>
-<title>LittleJS JS13K Project</title>
-<meta charset=utf-8>
-</head><body>
-
-<!-- LittleJS Engine -->
-<script src=../../src/engineDebug.js?1105></script>
-<script src=../../src/engineUtilities.js?1105></script>
-<script src=../../src/engineSettings.js?1105></script>
-<script src=../../src/engineObject.js?1105></script>
-<script src=../../src/engineDraw.js?1105></script>
-<script src=../../src/engineInput.js?1105></script>
-<script src=../../src/engineAudio.js?1105></script>
-<script src=../../src/engineTileLayer.js?1105></script>
-<script src=../../src/engineParticles.js?1105></script>
-<script src=../../src/engineMedals.js?1105></script>
-<script src=../../src/engineWebGL.js?1105></script>
-<script src=../../src/engine.js?1105></script>
-
-<!-- Add your game scripts here -->
-<script src=game.js?1105></script>

package/examples/typescript/build.bat

@@ -1,5 +0,0 @@
-rem LittleJS Build Script
-call node build.js
-
-@echo off
-if %ERRORLEVEL% neq 0 ( pause )

package/examples/typescript/build.js

@@ -1,33 +0,0 @@
-#!/usr/bin/env node
-
-/** 
- * LittleJS Build System
- */
-
-'use strict';
-
-const PROGRAM_NAME = 'game';
-const BUILD_FOLDER = 'build';
-const ROOT_FOLDER = 'examples/typescript';
-const sourceFiles =
-[
-    'game.js',
-    // add your game's scripts here
-];
-
-console.log(`Building TypeScript for ${PROGRAM_NAME}...`);
-const startTime = Date.now();
-const fs = require('node:fs');
-const child_process = require('node:child_process');
-
-console.log(`Removing old build filder...`);
-fs.rmSync(BUILD_FOLDER, { recursive: true, force: true });
-
-console.log(`Compiling TypeScript...`);
-child_process.execSync(`npx tsc --outDir "./${BUILD_FOLDER}"`, {stdio: 'inherit'});
-
-console.log(`Moving js files to root...`);
-for(const file of sourceFiles)
-    fs.copyFileSync(`${BUILD_FOLDER}/${ROOT_FOLDER}/${file}`, `${file}`);
-
-console.log(`TypeScript built in ${((Date.now() - startTime)/1e3).toFixed(2)} seconds!`);

package/examples/typescript/game.js

@@ -1,102 +0,0 @@
-/*
-    Little JS TypeScript Demo
-    - A simple starter project
-    - Shows how to use LittleJS with TypeScript
-*/
-'use strict';
-// import module
-import * as LittleJS from '../../dist/littlejs.esm.js';
-const { tile, vec2, hsl } = LittleJS;
-// show the LittleJS splash screen
-LittleJS.setShowSplashScreen(true);
-// fix texture bleeding by shrinking tile slightly
-LittleJS.setTileFixBleedScale(.5);
-// sound effects
-const sound_click = new LittleJS.Sound([1, .5]);
-// medals
-const medal_example = new LittleJS.Medal(0, 'Example Medal', 'Welcome to LittleJS!');
-LittleJS.medalsInit('Hello World');
-// game variables
-let particleEmitter;
-///////////////////////////////////////////////////////////////////////////////
-function gameInit() {
-    // create tile collision and visible tile layer
-    const tileCollisionSize = vec2(32, 16);
-    LittleJS.initTileCollision(tileCollisionSize);
-    const pos = vec2();
-    const tileLayer = new LittleJS.TileLayer(pos, tileCollisionSize);
-    // get level data from the tiles image
-    const mainContext = LittleJS.mainContext;
-    const tileImage = LittleJS.textureInfos[0].image;
-    mainContext.drawImage(tileImage, 0, 0);
-    const imageData = mainContext.getImageData(0, 0, tileImage.width, tileImage.height).data;
-    for (pos.x = tileCollisionSize.x; pos.x--;)
-        for (pos.y = tileCollisionSize.y; pos.y--;) {
-            // check if this pixel is set
-            const i = pos.x + tileImage.width * (15 + tileCollisionSize.y - pos.y);
-            if (!imageData[4 * i])
-                continue;
-            // set tile data
-            const tileIndex = 1;
-            const direction = LittleJS.randInt(4);
-            const mirror = !LittleJS.randInt(2);
-            const color = LittleJS.randColor();
-            const data = new LittleJS.TileLayerData(tileIndex, direction, mirror, color);
-            tileLayer.setData(pos, data);
-            LittleJS.setTileCollisionData(pos, 1);
-        }
-    // draw tile layer with new data
-    tileLayer.redraw();
-    // move camera to center of collision
-    LittleJS.setCameraPos(tileCollisionSize.scale(.5));
-    LittleJS.setCameraScale(48);
-    // enable gravity
-    LittleJS.setGravity(-.01);
-    // create particle emitter
-    particleEmitter = new LittleJS.ParticleEmitter(vec2(16, 9), 0, // emitPos, emitAngle
-    1, 0, 500, Math.PI, // emitSize, emitTime, emitRate, emiteCone
-    tile(0, 16), // tileIndex, tileSize
-    hsl(1, 1, 1), hsl(0, 0, 0), // colorStartA, colorStartB
-    hsl(0, 0, 0, 0), hsl(0, 0, 0, 0), // colorEndA, colorEndB
-    2, .2, .2, .1, .05, // time, sizeStart, sizeEnd, speed, angleSpeed
-    .99, 1, 1, Math.PI, // damping, angleDamping, gravityScale, cone
-    .05, .5, true, true // fadeRate, randomness, collide, additive
-    );
-    particleEmitter.elasticity = .3; // bounce when it collides
-    particleEmitter.trailScale = 2; // stretch in direction of motion
-}
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdate() {
-    if (LittleJS.mouseWasPressed(0)) {
-        // play sound when mouse is pressed
-        sound_click.play(LittleJS.mousePos);
-        // change particle color and set to fade out
-        particleEmitter.colorStartA = hsl();
-        particleEmitter.colorStartB = LittleJS.randColor();
-        particleEmitter.colorEndA = particleEmitter.colorStartA.scale(1, 0);
-        particleEmitter.colorEndB = particleEmitter.colorStartB.scale(1, 0);
-        // unlock medals
-        medal_example.unlock();
-    }
-    // move particles to mouse location if on screen
-    if (LittleJS.mousePosScreen.x)
-        particleEmitter.pos = LittleJS.mousePos;
-}
-///////////////////////////////////////////////////////////////////////////////
-function gameUpdatePost() {
-}
-///////////////////////////////////////////////////////////////////////////////
-function gameRender() {
-    // draw a grey square in the background without using webgl
-    LittleJS.drawRect(vec2(16, 8), vec2(20, 14), hsl(0, 0, .6), 0, false);
-    // draw the logo as a tile
-    LittleJS.drawTile(vec2(21, 5), vec2(4.5), tile(3, 128));
-}
-///////////////////////////////////////////////////////////////////////////////
-function gameRenderPost() {
-    // draw to overlay canvas for hud rendering
-    LittleJS.drawTextScreen('LittleJS with TypeScript', vec2(LittleJS.mainCanvasSize.x / 2, 80), 80);
-}
-///////////////////////////////////////////////////////////////////////////////
-// Startup LittleJS Engine
-LittleJS.engineInit(gameInit, gameUpdate, gameUpdatePost, gameRender, gameRenderPost, ['tiles.png']);