All Projects → Next2D → Player

Next2D / Player

Licence: MIT License
Experience the fast and beautiful anti-aliased rendering of WebGL. You can create rich, interactive graphics, cross-platform applications and games without worrying about browser or device compatibility.

Projects that are alternatives of or similar to Player

Engine
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
Stars: ✭ 2,202 (+16838.46%)
Mutual labels:  webgl, webgl2
Twigl
twigl.app is an online editor for One tweet shader, with gif generator and sound shader, and broadcast live coding.
Stars: ✭ 145 (+1015.38%)
Mutual labels:  webgl, webgl2
Twgl.js
A Tiny WebGL helper Library
Stars: ✭ 1,918 (+14653.85%)
Mutual labels:  webgl, webgl2
Medium
Progressive WebGL toolkit for art.
Stars: ✭ 90 (+592.31%)
Mutual labels:  webgl, webgl2
webrays
WebRays - Ray Tracing on the Web
Stars: ✭ 38 (+192.31%)
Mutual labels:  webgl, webgl2
Hedgehog Lab
Run, compile and execute JavaScript for Scientific Computing and Data Visualization TOTALLY TOTALLY TOTALLY in your BROWSER! An open source scientific computing environment for JavaScript TOTALLY in your browser, matrix operations with GPU acceleration, TeX support, data visualization and symbolic computation.
Stars: ✭ 1,797 (+13723.08%)
Mutual labels:  webgl, webgl2
Timechart
An chart library specialized for large-scale time-series data, built on WebGL.
Stars: ✭ 149 (+1046.15%)
Mutual labels:  webgl, webgl2
Sunset Cyberspace
🎮👾Retro-runner Game made in Expo, Three.js, OpenGL, WebGL, Tween. 🕹
Stars: ✭ 54 (+315.38%)
Mutual labels:  webgl, webgl2
Playcanvas Ar
Fast and Easy Augmented Reality for the Web 🚀
Stars: ✭ 172 (+1223.08%)
Mutual labels:  webgl, webgl2
Tile based webgl deferredshader
WebGL2 Deferred Shading Demo
Stars: ✭ 165 (+1169.23%)
Mutual labels:  webgl, webgl2
Threejs Starter
Stars: ✭ 89 (+584.62%)
Mutual labels:  webgl, webgl2
Babylon.js
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
Stars: ✭ 15,479 (+118969.23%)
Mutual labels:  webgl, webgl2
Helixjs
A Javascript 3D game engine.
Stars: ✭ 84 (+546.15%)
Mutual labels:  webgl, webgl2
Sketch
Explorations on cross-hatching, engraving, and similar non-photorealistic rendering.
Stars: ✭ 136 (+946.15%)
Mutual labels:  webgl, webgl2
React Ape
🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
Stars: ✭ 1,183 (+9000%)
Mutual labels:  webgl, webgl2
Website
Main babylon.js website
Stars: ✭ 145 (+1015.38%)
Mutual labels:  webgl, webgl2
Webgl2 Fundamentals
WebGL 2 lessons starting from the basics
Stars: ✭ 912 (+6915.38%)
Mutual labels:  webgl, webgl2
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (+7892.31%)
Mutual labels:  webgl, webgl2
Mesh.js
A graphics system born for visualization 😘.
Stars: ✭ 156 (+1100%)
Mutual labels:  webgl, webgl2
Ashes
WebGL2.0 3D Engine & ECS & RayTracing
Stars: ✭ 191 (+1369.23%)
Mutual labels:  webgl, webgl2

Next2D Player

Next2D Player Logo

UnitTest CodeQL Lint
release license Docs Discord Follow us on Twitter

日本語 | 简体中文

About

Next2D Player is a project derived from the JavaScript FlashPlayer "swf2js".
The goal is to provide the fastest 2D engine that works on any device.

It fully supports WebGL and WebGL2, and it allows you to create rich, interactive graphics, cross-platform applications and games without having to deal with browser or device compatibility.

By using the Next2D NoCode Tool, you can intuitively create the animation you have imagined, and the exported JSON data can be easily played and published using the Next2D Player.
Next2D NoCode Tool is a web service that does not require installation and can be used immediately by anyone who accesses it.

2D entertainment development made easy! Fast! Comfortable!

Use Simple Sample

next2d.load("JSON Path...");

CodePen

Use Program Sample

const { Loader }     = next2d.display;
const { URLRequest } = next2d.net;
const { Event }      = next2d.events;

// create root MovieClip
const root = next2d.createRootMovieClip();

const request = new URLRequest("JSON path");
const loader  = new Loader(request);

loader
    .contentLoaderInfo
    .addEventListener(Event.COMPLETE, (event) =>
    {
        root.addChild(event.currentTarget.content);
    });

loader.load(request);

CodePen
@see API Documentation

Option settings

name value default description
base string empty When acquiring JSON by relative path, the URL set here will be applied as the root. For absolute paths, the URL set here will not be applied.
fullScreen boolean false It will be drawn on the entire screen beyond the width and height set in the Stage class.
tagId string empty When an ID is specified, drawing will be performed within the element with the specified ID.
bgColor The [R,G,B,A] array of background colors can be specified from 0 to 255. false is colorless and transparent.

Related sites

License

This project is licensed under the MIT License - see the LICENSE file for details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].