Introduction

Pebble Engine is a “Meta Framework” on top of ThreeJS. It adds an editor UI, as well as some scaffolding for building out 3D browser-based games or websites.

There are a few components that make up Pebble Engine:

The Studio

The editor is a web-based UI that allows you to create and edit scenes, It also allows you to edit the properties of components, and add new components to the scene.

The Core Package

The core package is a framework that allows you to model your game objects in a component-based way. Each of your scenes “prefabs” will extend Pebble Engine’s base “BaseObject” class. Out of the box, The BaseBehaviour class provides:

• Lifecycle methods (onStart, onUpdate, onDestroy, etc)
• Asset loading
• A component based architecture with reusable scripts
• Typescript decorators for editing component properties in the editor

Who is Pebble Engine For?

Pebble Engine is for anyone who wants to build a 3D game or website in the browser. It gives devs full control of the underlying ThreeJS scene, while providing enough scaffolding to get started & iterate quickly.