Tag

SpriteJS

0 views collected around this technical thread.

ByteFE
ByteFE
Dec 26, 2022 · Frontend Development

Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

This article details the four‑year development of SpriteJS, a high‑performance, cross‑platform graphics system that supports WebGL and Canvas2D rendering, DOM‑like APIs, responsive design, WebWorker integration, and extensive performance optimizations for visualisation and game applications.

Canvas2DPerformanceSpriteJS
0 likes · 18 min read
Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine
360 Tech Engineering
360 Tech Engineering
Feb 26, 2020 · Frontend Development

SpriteJS 3D Extension: Rendering Capabilities and Practical Examples

The article introduces SpriteJS's new 3D extension built on the lightweight OGL library, compares it with popular 3D engines, explains its DOM‑friendly API, and provides extensive code examples for creating cubes, meshes, lighting, shadows, video textures, panoramic scenes, and advanced effects such as render targets and GPGPU, demonstrating high performance and ease of use for front‑end developers.

3D renderingJavaScriptSpriteJS
0 likes · 9 min read
SpriteJS 3D Extension: Rendering Capabilities and Practical Examples
Ctrip Technology
Ctrip Technology
Jan 15, 2019 · Frontend Development

Introducing SpriteJS: A Canvas‑Based Rendering Library for Frontend Visualization

SpriteJS is a Canvas‑oriented rendering library that mimics the DOM API to simplify high‑performance visualizations, offering features such as CSS styling, Flex layout, animation, cross‑platform support, and seamless integration with modern frameworks like React and Vue.

SpriteJSVuecanvas
0 likes · 9 min read
Introducing SpriteJS: A Canvas‑Based Rendering Library for Frontend Visualization
360 Tech Engineering
360 Tech Engineering
Jul 5, 2018 · Frontend Development

SpriteJS: Redefining the Canvas API for Cross‑Platform Frontend Development

SpriteJS, an open‑source cross‑terminal Canvas library from 360 Qiwuchuan, simplifies animation creation by wrapping Canvas APIs in a DOM‑like model, offering event handling, Web Animation support, caching strategies, and integration with multiple graphics and physics engines for data visualization and lightweight games.

SpriteJSWeb Animationcanvas
0 likes · 7 min read
SpriteJS: Redefining the Canvas API for Cross‑Platform Frontend Development
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Jun 20, 2018 · Frontend Development

Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide

This article introduces SpriteJS, a cross‑platform canvas library from 360 Qiwang Team, showing how to create structured UI, draw shapes, apply transitions, use the Web Animation API, work with textures, paths, groups, events, D3 integration, physics engines and particle systems, all with practical JavaScript code examples.

JavaScriptSpriteJSWeb Development
0 likes · 32 min read
Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide
360 Tech Engineering
360 Tech Engineering
Jun 20, 2018 · Frontend Development

Introducing SpriteJS: A Cross‑Platform Canvas Rendering Library for Animations and Data Visualization

SpriteJS is an open‑source, cross‑platform JavaScript library that simplifies canvas drawing by providing a DOM‑like API for creating sprites, paths, groups, and animations, integrating seamlessly with tools such as D3, Matter‑JS, Proton, and CurveJS for rich interactive visualizations.

Data VisualizationJavaScriptSpriteJS
0 likes · 27 min read
Introducing SpriteJS: A Cross‑Platform Canvas Rendering Library for Animations and Data Visualization
360 Quality & Efficiency
360 Quality & Efficiency
Jun 20, 2018 · Frontend Development

SpriteJS: A Cross‑Platform Canvas Library for Web Animation, Visualization, and Interaction

SpriteJS is an open‑source, cross‑terminal canvas library from 360 Qiyou that provides a DOM‑like API for drawing shapes, creating sprites, animating with transitions or the Web Animation API, handling textures, vectors, groups, events, and integrating with D3, physics engines and particle systems.

Data VisualizationJavaScriptSpriteJS
0 likes · 29 min read
SpriteJS: A Cross‑Platform Canvas Library for Web Animation, Visualization, and Interaction