Spark
Spark is a cross-platform application engine. It is a native C++ scene graph API exposed to a Javascript engine. It allows applications to be written in JavaScript to use native rendering functionality. The authored javascript has access to the Spark API for visual elements that are used for composition.
- supports rich animation and alpha masking primitives
- exposes a DOM-like programming model
- supports promises for asynchronous behaviors
- uses W3C event bubbling semantics
- allows for runtime logic to be in downloaded javascript, running on devices
- Spark is built on top of a project called "pxCore". pxCore is a small lightweight library that provides a portable framebuffer and windowing abstraction for C++. Spark is a 2D scene graph API that defines a small set of atomic UI elements and exposes them with JavaScript wrappers. The result is a lightweight, portable application engine that can be used to build rich application experiences.
pxCore
pxCore is a small open-source library that provides a portable framebuffer and windowing abstraction for C++. This library is intended to hide the complexity of writing rasterization code on multiple platforms and allows you to easily write the following sorts of things in a portable way:
- 2d and 3d rasterizers
- Transition Libraries
- Filter Routines
- Image Processing
In its design, a few principles were followed:
- Be Small – A simple windowed application can be built (on Windows) in as little as 8k.
- Be Simple – The framebuffer abstraction supports 32bpp framebuffers and is intended to be minimal yet complete.
- Don’t tightly couple the framebuffer and windowing functionality. Some other framebuffer libraries (eg. PixelToaster) don’t separate out the framebuffer abstraction from the windowing abstraction. By loosely coupling the two abstractions, this library becomes much more valuable. The framebuffer functionality can be used and integrated with other windowing toolkits easily, making YOUR code more reusable.
- Platform native surface construction
- Policy free resizing support – No policy is baked into the window resizing support so that applications completely control their own resizing behavior.
- Portable Keyboard, Mouse and Window events
- Support for portable performance timers
- Basic Animation Support - Support for a basic animation timer event (frames per second) is built into the windowing abstraction, making it easy to write applications that animate their contents.
- pxCore has been ported to Windows, pocketpc (arm4), linux(x11), and OSX.
The most popular usage of pxCore is pxscene. pxscene is an application engine that exposes a scene graph API to a Javascript engine. It gives JavaScript applications access to the pxscene API for visual elements that can be used for composition. pxscene is written on top of pxCore.
pxscene:
- supports rich animation and alpha masking primitives
- exposes a DOM-like programming model
- supports promises for asynchronous behaviors
- uses W3C event bubbling semantics
pxscene source code is in pxCore/examples/pxScene2d.
Instructions for building pxscene are here: Building pxscene
Instructions for debugging pxscene JavaScript applications using VSCode are here: Debugging applications