littlejsengine 1.18.2 → 1.18.7

package/examples/shorts/box2dTileLayer.js

@@ -1,48 +0,0 @@
-let box2DTileLayer;
-
-async function gameInit()
-{
-    // setup box2d
-    await box2dInit();
-    cameraPos = vec2(16); // setup camera
-    gravity.y = -30; // enable gravity
-    canvasClearColor = hsl(0,0,.2); // background color
-
-    // create tile layer
-    const pos = vec2();
-    const tileLayer = new TileCollisionLayer(pos, vec2(32));
-    for (pos.x = tileLayer.size.x; pos.x--;)
-    for (pos.y = tileLayer.size.y; pos.y--;)
-    {
-        // check if tile should be solid
-        if (randBool(.7))
-            continue;
-        
-        // set tile data
-        const tileIndex = 11;
-        const direction = randInt(4)
-        const mirror = randBool();
-        const color = randColor(WHITE, hsl(0,0,.2));
-        const data = new TileLayerData(tileIndex, direction, mirror, color);
-        tileLayer.setData(pos, data);
-        tileLayer.setCollisionData(pos);
-    }
-    tileLayer.redraw(); // redraw tile layer with new data
-    box2DTileLayer = new Box2dTileLayer(tileLayer);
-}
-
-function gameUpdate()
-{
-    if (mouseWasPressed(0))
-    {
-        // clear tile that was clicked
-        box2DTileLayer.tileLayer.clearData(mousePos, true);
-        box2DTileLayer.tileLayer.clearCollisionData(mousePos);
-        box2DTileLayer.buildCollision();
-
-        // spawn box2d object at mouse position
-        const o = new Box2dObject(mousePos, vec2(), 0, 0, randColor());
-        const friction = .2, restitution = .5;
-        o.addCircle(rand(.5,1), vec2(), 1, friction, restitution);
-    }
-}

package/examples/shorts/cameraDrag.js

@@ -1,22 +0,0 @@
-function gameInit()
-{
-    // create some objects
-    for (let i=500; i--;)
-    {
-        const pos = randInCircle(100);
-        const size = vec2(rand(2,9),rand(2,9));
-        const color = randColor();
-        const angle = rand(PI);
-        new EngineObject(pos, size, 0, angle, color);
-    }
-}
-
-function gameUpdate()
-{
-    // drag camera with mouse
-    if (mouseIsDown(0))
-        cameraPos = cameraPos.subtract(mouseDelta);
-
-    // zoom camera with mouse wheel
-    cameraScale = clamp(cameraScale*(1-mouseWheel/5), 1, 1e3);
-}

package/examples/shorts/clock.js

@@ -1,21 +0,0 @@
-function gameRender()
-{
-    // draw background
-    for (let i=12; i--;)
-    {
-        const a = i/6*PI;
-        const pos = vec2(0,7).rotate(a);
-        drawRect(pos, vec2(.5,1), hsl(i/12,1,.5), a);
-    }
-
-    // get current time
-    const d = Date().slice(16,24);
-    const s = d.slice(6,8)|0;
-    const m = d.slice(3,5)|0;
-    const h = (d.slice(0,2)|0) + m/60;
-
-    // draw clock hands
-    drawLine(vec2(), vec2(0,4).rotate(h/12*2*PI),  1);
-    drawLine(vec2(), vec2(0,6).rotate(m/60*2*PI), .4);
-    drawLine(vec2(), vec2(0,8).rotate(s/60*2*PI), .1);
-}

package/examples/shorts/colors.js

@@ -1,25 +0,0 @@
-function gameRender()
-{
-    // color constants
-    drawRect(vec2(-8, 5), vec2(3), RED);
-    drawRect(vec2(-4, 5), vec2(3), YELLOW);
-    drawRect(vec2(-0, 5), vec2(3), GREEN);
-    drawRect(vec2( 4, 5), vec2(3), BLUE);
-    drawRect(vec2( 8, 5), vec2(3), WHITE);
-    
-    // rgb and hsl color
-    drawRect(vec2(-8, 0), vec2(3), new Color(1,0,0));
-    drawRect(vec2(-4, 0), vec2(3), rgb(0,1,1));
-    drawRect(vec2(-0, 0), vec2(3), hsl(0,1,.5, .5));
-    drawRect(vec2( 4, 0), vec2(3), hsl(.6,.5,.5));
-    drawRect(vec2( 8, 0), vec2(3), hsl(0,0,1));
-
-    // color lerping
-    for (let i=5; i--;)
-    {
-        const color1 = RED;
-        const color2 = YELLOW;
-        const color = color1.lerp(color2, i/4);
-        drawRect(vec2(-8+i*4, -5), vec2(3), color);
-    }
-}

package/examples/shorts/debugDraw.js

@@ -1,37 +0,0 @@
-class BounceObject extends EngineObject
-{
-    constructor(pos, size, tile)
-    {
-        super(pos, size, tile);
-        this.velocity = vec2(.1);
-    }
-
-    update()
-    {
-        // show debug info
-        debugText('Debug Text', this.pos.add(vec2(0,3)), 1, WHITE);
-        debugRect(this.pos, this.size, RED);
-        const trianglePoints = [vec2(-2,-1), vec2(0,2), vec2(2,-1)];
-        debugPoly(mousePos, trianglePoints, YELLOW);
-        debugLine(this.pos, mousePos, BLUE);
-
-        // bounce off screen edges
-        const cameraSize = getCameraSize();
-        if (abs(this.pos.x) > cameraSize.x/2)
-        {
-            debugCircle(this.pos, 3, GREEN, 1);
-            this.velocity.x = -this.velocity.x;
-        }
-        if (abs(this.pos.y) > cameraSize.y/2)
-        {
-            debugCircle(this.pos, 3, GREEN, 1);
-            this.velocity.y = -this.velocity.y;
-        }
-    }
-}
-
-function gameInit()
-{
-    canvasClearColor = GRAY;
-    new BounceObject(vec2(), vec2(5), tile(3,128));
-}

package/examples/shorts/empty.js

@@ -1,30 +0,0 @@
-function gameInit()
-{
-    // called once after the engine starts up
-    // setup the game
-}
-
-function gameUpdate()
-{
-    // called every frame at 60 frames per second
-    // handle input and update the game state
-}
-
-function gameUpdatePost()
-{
-    // called after physics and objects are updated
-    // setup camera and prepare for render
-}
-
-function gameRender()
-{
-    // called before objects are rendered
-    // draw any background effects that appear behind objects
-}
-
-function gameRenderPost()
-{
-    // called after objects are rendered
-    // draw effects or hud that appear above all objects
-    drawText('LittleJS Engine', vec2(0,6), 3);
-}

package/examples/shorts/flappyGame.js

@@ -1,55 +0,0 @@
-class Wall extends EngineObject
-{
-    constructor(pos, size)
-    {
-        super(pos, size, 0, 0, hsl(.3,.5,.3));
-        this.setCollision(); // make object collide
-        this.mass = 0;
-    }
-    update()
-    {
-        this.pos.x -= .1; // move walls to the left
-    }
-}
-
-class Player extends EngineObject
-{
-    constructor(pos)
-    {
-        super(pos, vec2(1), tile(9), 0, YELLOW);
-        this.drawSize = vec2(2);
-        this.setCollision(); // make object collide
-    }
-
-    update()
-    {
-        super.update();
-
-        // flappy movement controls
-        if (mouseWasPressed(0) || keyWasPressed('Space'))
-            this.velocity = vec2(0,.2);
-        this.angle = -this.velocity.y*2;
-        this.pos.y = max(-50, this.pos.y);
-    }
-
-    collideWithObject(object)
-    {
-        // reset game
-        engineObjectsDestroy();
-        gameInit();
-    }
-}
-
-function gameInit()
-{
-    // setup level
-    gravity.y = -.01;
-    for (let i=100; i--;)
-    {
-        const h=100, y=-h/2-6+rand(9), spacing=15, gap=5;
-        new Wall(vec2(14 + i*spacing,y+h + gap), vec2(3,h));
-        new Wall(vec2(14 + i*spacing,y), vec2(3,h));
-    }
-    new Player(vec2(-7,6));
-    canvasClearColor = hsl(.55,1,.8);
-}

package/examples/shorts/fontImage.js

@@ -1,17 +0,0 @@
-function gameRender()
-{
-    // draw text with built in engine font image
-    const font = engineFontImage;
-    font.drawText('Engine Font', vec2(0,3), 2);
-
-    // show every character in the font
-    let s = '';
-    for (let i=32; i<128; ++i)
-    {
-        if (i%32 == 0)
-            s += '\n';
-        s += String.fromCharCode(i);
-    }
-
-    font.drawText(s, vec2());
-}

package/examples/shorts/fps.js

@@ -1,90 +0,0 @@
-let playerPos = vec2(), playerAngle = 0;
-setTileDefaultBleed(0);
-
-// a simple function to create the level
-const levelTest = (p)=> (floor(p.x)**3&floor(p.y)**2)%30>5;
-
-function gameUpdate()
-{
-    // update camera angle with mouse pointer lock
-    if (mouseWasPressed(0))
-        pointerLockRequest();
-    if (keyWasPressed('Escape'))
-        pointerLockExit()
-    if (pointerLockIsActive() || isTouchDevice)
-        playerAngle += mouseDelta.x * .03;
-
-    // update player movement, prevent walking through walls
-    const velocity = keyDirection().rotate(playerAngle).scale(.05);
-    const normal = vec2();
-    let newPos = playerPos.add(velocity);
-    if (lineTest(playerPos, newPos, levelTest, normal))
-    {
-        // adjust velocity to slide along wall
-        const d = velocity.dot(normal);
-        newPos = newPos.subtract(vec2(d*normal.x, d*normal.y));
-        if (!levelTest(newPos))
-            playerPos = newPos;
-    }
-    else
-        playerPos = newPos;
-}
-
-function gameRender()
-{
-    {
-        // draw horizontal slices to create floor and ceiling
-        const h = 9;
-        let pos = vec2(), size = vec2(39, .15), color = rgb();
-        for (let y=-h; y<h; y+=.1)
-        {
-            const p = 1.01 - abs(y/h)
-            color.setHSLA(.1, y>0?0:.5, .7-p*.7);
-            pos.y = y;
-            drawRect(pos, size, color);
-        }
-    }
-    {
-        // draw vertical slices to create the walls
-        // create objects in advance for optimal performance
-        const w = 15;
-        const maxDistance = 50;
-        const pos = vec2(), endPos = vec2(), size = vec2(.15);
-        const tileInfo = new TileInfo(vec2(), vec2(0,16));
-        const normal = vec2(), light = vec2().setAngle(2);
-        const color = rgb();
-        for (pos.x=-w; pos.x<w; pos.x+=.1)
-        {
-            // cast ray for this slice
-            const angle = playerAngle + pos.x/w/2;
-            endPos.setAngle(angle, maxDistance);
-            endPos.x += playerPos.x;
-            endPos.y += playerPos.y;
-            const p = lineTest(playerPos, endPos, levelTest, normal);
-            if (!p) continue;
-
-            // get texture coordinate
-            const t = mod(p.x+p.y, 1);
-            tileInfo.pos.x = 161 + 14*t;
-
-            // apply fog and lighting
-            const d = p.distance(playerPos)/maxDistance;
-            const l = max(0, normal.dot(light));
-            size.y = .5/d;
-            color.setHSLA(.6, 1-d, .7-d+l*.3);
-
-            // draw the section the wall
-            drawTile(pos, size, tileInfo, color);
-        }
-    }
-    
-    // draw instructions and pointer lock status
-    const instructions = pointerLockIsActive() ? 
-        'Mouse Control Active - ESC To Exit' : 
-        'Click To Enable Mouse Control';
-    const textPos = vec2(mainCanvasSize.x/2, 50);
-    const textSize = 30;
-    const textColor = pointerLockIsActive() ? GREEN : WHITE;
-    if (!isTouchDevice)
-        drawTextScreen(instructions, textPos, textSize, textColor);
-}

package/examples/shorts/helloWorld.js

@@ -1,11 +0,0 @@
-function gameRender()
-{
-    // draw background gradient
-    drawRectGradient(cameraPos, getCameraSize(), BLACK, WHITE);
-
-    // draw text
-    drawText('LittleJS Engine', vec2(0,3), 3);
-        
-    // draw a tile
-    drawTile(vec2(sin(time)*3,-2), vec2(7), tile(3,128));
-}

package/examples/shorts/hillGlideGame.js

@@ -1,63 +0,0 @@
-class Player extends EngineObject
-{
-    constructor(pos)
-    {
-        super(pos, vec2(2), tile(9), 0, RED);
-        this.damping = 1; // disable damping
-        this.clampSpeed = false; // disable speed clamping
-    }
-
-    update()
-    {
-        // check ground height
-        const h = getGroundHeight(this.pos.x);
-        if (this.pos.y < h + this.size.y/2)
-        {
-            // clamp to ground and reflect velocity
-            this.pos.y = h + this.size.y/2;
-            const h2 = getGroundHeight(this.pos.x+.1);
-            const n = vec2((h-h2)/.1, 1).normalize();
-            this.velocity = this.velocity.reflect(n,0);
-        }
-
-        // apply movement controls
-        if (mouseIsDown(0) || keyIsDown('Space'))
-            this.applyAcceleration(vec2(0,-.05));
-        this.velocity.x = max(this.velocity.x,.4);
-        this.angle = this.velocity.angle() - PI/2;
-
-        // move camera with player
-        cameraPos = vec2(this.pos.x+9,5);
-    }
-}
-
-function getGroundHeight(x)
-{
-    return sin(x/4)*2 + sin(x/17);
-}
-
-function gameInit()
-{
-    gravity.y = -.01;
-    new Player(vec2(0,5));
-    canvasClearColor = hsl(.6,1,.8);
-}
-
-function gameRender()
-{
-    // draw ground as a series of thin rectangles
-    const h = 100, w = 20;
-    const pos = vec2();
-    const sizeTop = vec2(.4);
-    const size = vec2(.2,h);
-    const color = rgb();
-    for (let x=cameraPos.x-w; x<cameraPos.x+w; x+=.1)
-    {
-        pos.x = x;
-        pos.y = getGroundHeight(x);
-        drawRect(pos, sizeTop, BLACK);
-        pos.y -= h/2;
-        color.setHSLA(.2+.2*oscillate(.2,1,x), .7, .5);
-        drawRect(pos, size, color);
-    }
-}

package/examples/shorts/input.js

@@ -1,64 +0,0 @@
-function gameUpdate()
-{
-    touchGamepadEnable = 1;
-    if (isTouchDevice || isUsingGamepad)
-    {
-        if (isTouchDevice)
-        {
-            debugText('Touch Gamepad Mode', vec2(0,5));
-
-            // touch input is routed to mouse
-            debugPoint(mousePos, mouseIsDown(0) ? RED : YELLOW, 1);
-        }
-        else
-        {
-            debugText('Gamepad Mode', vec2(0,5));
-            debugText('Primary Gamepad: ' + gamepadPrimary, vec2(0,4));
-        }
-
-        // analog sticks
-        for (let i=2; i--;)
-        {
-            const stick = gamepadStick(i);
-            const pos = vec2(i?3:-3, 1);
-            debugCircle(pos, 4, WHITE);
-            debugLine(pos, pos.add(stick.scale(2)), GREEN);
-        }
-
-        // buttons
-        for (let i=16; i--;)
-        {
-            const pos = vec2(-7 + i%8*2, -3 - (i/8|0)*2);
-            if (gamepadIsDown(i))
-                debugCircle(pos, 2, RED, 0, 1);
-            debugCircle(pos, 2, WHITE);
-            debugText(i, pos);
-        }
-    }
-    else
-    {
-        debugText('Mouse and Keyboard Mode', vec2(0,5));
-
-        // keyboard key (space bar)
-        debugRect(vec2(), vec2(4), WHITE);
-        if (keyIsDown('Space'))
-            debugRect(vec2(), vec2(4), RED, 0, 0, 1);
-
-        // keyboard direction (arrow keys or WASD)
-        const inputDirection = keyDirection();
-        debugLine(vec2(), inputDirection.scale(2), GREEN);
-
-        // mouse pos
-        debugPoint(mousePos, mouseIsDown(0) ? RED : YELLOW, 1);
-
-        // mouse buttons
-        for (let i=3; i--;)
-        {
-            const pos = vec2(-2 + i*2, -5);
-            if (mouseIsDown(i))
-                debugCircle(pos, 2, RED, 0, 1);
-            debugCircle(pos, 2, WHITE);
-            debugText(i, pos);
-        }
-    }
-}

package/examples/shorts/landerGame.js

@@ -1,57 +0,0 @@
-class Player extends EngineObject
-{
-    constructor(pos)
-    {
-        super(pos, vec2(1,2), tile(8), 0, RED);
-        this.setCollision(); // make object collide
-        this.angleDamping = .95;
-    }
-
-    update()
-    {
-        // space ship controls
-        const moveInput = keyDirection();
-        this.applyAngularAcceleration(moveInput.x * .002);
-        const accel = this.getUp(moveInput.y*.002);
-        this.applyAcceleration(accel);
-    }
-
-    // explode when it collides
-    collideWithObject()
-    {
-        // don't explode if player is almost still and not tilted
-        if (abs(this.angle) < .2)
-        if (this.velocity.length() < .05)
-            return true;
-
-        // explode!
-        this.destroy();
-        new ParticleEmitter(
-            this.pos, 0,         // pos, angle
-            1, .1, 300, 3.14, 0, // emitSize, emitTime, rate, cone, tile
-            rgb(1,.5,.1), rgb(1,.1,.1),     // colorStartA, colorStartB
-            rgb(1,.5,.1,0), rgb(1,.1,.1,0), // colorEndA, colorEndB
-            .7, .8, .2, .2, .05,   // time, start, end, speed, angleSpeed
-            .9, 1, -.2, 3.14, .05, // damp, angleDamp, gravity, cone, fade
-            1, 0, 1                // randomness, collide, additive
-        );
-    }
-}
-
-function gameInit()
-{
-    // setup level
-    gravity.y = -.001;
-    new Player(vec2(0,4));
-
-    // create ground
-    for (let i=0, y=0; i<20; ++i)
-    {
-        y = (y + rand(1,-1)*4) * .5;
-        const pos = vec2(i*2-20, y-54);
-        const color = hsl(0, 0, .5+i%.29);
-        const o = new EngineObject(pos, vec2(2, 99), 0, 0, color);
-        o.setCollision(); // make object collide
-        o.mass = 0; // make object have static physics
-    }
-}

package/examples/shorts/maze.js

@@ -1,48 +0,0 @@
-function generateMaze(size)
-{
-    const maze = [], w = size.x, h = size.y;
-    maze[1 + w] = 1; // start point
-    for (let k=w*h*9|0; k--;)
-    {
-        // get a random position on odd coordinates
-        const jx = randInt(w/2-(w%2?0:2)|0)*2 + 1;
-        const jy = randInt(h/2-(h%2?1:2)|0)*2 + 1;
-        const j = jx + jy*w;
-
-        // get a random direction
-        const d = randSign() * (randBool() ? 1 : w);
-
-        // check if we are not the same line or column
-        if (j%w != (j+d*2)%w && (j/w|0) != ((j+d*2)/w|0))
-            continue;
-
-        // check if pos is open and the next 2 cells are closed
-        if (maze[j] && !maze[j+d] && !maze[j+d*2]) 
-            maze[j+d] = maze[j+d*2] = 1;
-    }
-    return maze;
-}
-
-function gameInit()
-{
-    // generate maze data
-    const mazeSize = vec2(27,15);
-    const maze = generateMaze(mazeSize);
-
-    // create tile layer
-    const pos = vec2();
-    const tileLayer = new TileCollisionLayer(pos, mazeSize);
-    for (pos.x = tileLayer.size.x; pos.x--;)
-    for (pos.y = tileLayer.size.y; pos.y--;)
-    {
-        // check if tile should be solid
-        if (maze[pos.x + pos.y*mazeSize.x])
-            continue;
-
-        // set tile data
-        tileLayer.setData(pos, new TileLayerData(1));
-    }
-    tileLayer.redraw(); // redraw tile layer with new data
-    cameraPos = mazeSize.scale(.5); // center camera
-    canvasClearColor = hsl(rand(),.3,.2); // random background color
-}

package/examples/shorts/medals.js

@@ -1,51 +0,0 @@
-// create example medals
-const medal_openedExample = new Medal(0, 'Open', 'Opened this example!');
-const medal_leftClick = new Medal(1, 'Lefty', 'Left clicked!', '🐁');
-const medal_rightClick = new Medal(2, 'Righty', 'Right clicked!', '🐭');
-const medal_spacePressed = new Medal(3, 'Space', 'Pressed spacebar!', '🚀');
-
-function gameInit()
-{
-    // setup medals
-    const saveName = 'Medals Example';
-    medalsInit(saveName);
-
-    // clear unlocked medals for testing
-    medalsForEach(medal=> medal.unlocked = false);
-
-    // unlock the example medal
-    medal_openedExample.unlock();
-
-    // set background color
-    canvasClearColor = hsl(.5,.3,.2);
-}
-
-function gameUpdate()
-{
-    // unlock example medals based on input
-    if (mouseWasPressed(0))
-        medal_leftClick.unlock();
-    if (mouseWasPressed(2))
-        medal_rightClick.unlock();
-    if (keyWasPressed('Space'))
-        medal_spacePressed.unlock();
-}
-
-function gameRenderPost()
-{
-    const size = 80;
-    let pos = mainCanvasSize.scale(.5).subtract(vec2(0,40));
-    drawTextScreen('Unlocked Medals', pos, size);
-
-    // show unlocked medals
-    let medalsCount = 0;
-    medalsForEach(medal=> medal.unlocked && medalsCount++);
-    pos = pos.add(vec2((1-medalsCount)*size/2, 100));
-    medalsForEach(medal=>
-    {
-        if (!medal.unlocked)
-            return;
-        medal.renderIcon(pos, size);
-        pos.x += size + 8;
-    });
-}