Skip to content
DrakeEngine Docs

Quick Start

About

Drake engine is simple 3D engine created with typscript, for Motorola Science Cup competiotion.

Install the libary

To use our engine install it via npm.

Terminal window
# Install via NPM
npm install drake-engine

Create your first game

To create your first game u have to create instance of Game class, that will inherit from Engine class. It will handle all aspects of the gameā€™s core functionality, such as rendering, scenes and state managment.

import { Cube } from "drake-engine";
import { Engine, Camera, Scene } from "drake-engine";
import _default from "drake-engine";


const canvas = document.getElementById("game") as HTMLCanvasElement | null;
if (!canvas) throw new Error("unable to find canvas");


class MyGame extends Engine {
  cube: Cube;
  constructor(canvas: HTMLCanvasElement) {
    super(canvas);
    // assign cube object
    // we have refrence to it in case we would like to access it
    this.cube = new Cube([0, 0, 5]);
  }


  // simple camera movement
  handleCameraMove(e: KeyboardEvent) {
    if(!this.mainCamera) return;
    if (e.key === "w") this.mainCamera.move(0, 1, 0);
    if (e.key === "s") this.mainCamera.move(0, -1, 0);
    if (e.key === "a") this.mainCamera.move(-1, 0, 0);
    if (e.key === "d") this.mainCamera.move(1, 0, 0);
  }


  override Start(): void {
    this.setResolution(1280, 720);
    const camera = new Camera(60, .1, 1000, [10, 5, -15], [0, 0, 1]);
    // create sample scene
    const mainScene = new Scene();


    mainScene.setMainCamera(camera, this.width, this.height); // add camera to scene
    // get id of the scene and use it to set is as current scene
    const mainSceneId = this.addScene(mainScene);
    this.setCurrentScene(mainSceneId);


    // add cube to the scene
    mainScene.addGameObject(this.cube);


    document.addEventListener("keydown", this.handleCameraMove.bind(this));
  }


  override Update(): void {
    // Here we can put all the game logick
  }
}


// dont forget ro run the game
const game = new MyGame(canvas);
game.run();

Maybe we cannot call it a true game, but everyone have to start somewhere. So thats how create basic instance of our engine, i you would like to create more complex stuff, please read rest of the docsā¤ļø.