All Projects → kestrelm → Creature_webgl

kestrelm / Creature_webgl

Licence: apache-2.0
2D Skeletal Animation WebGL Runtimes for Creature ( PixiJS, PhaserJS, ThreeJS, BabylonJS, Cocos Creator )

Programming Languages

javascript
184084 projects - #8 most used programming language
js
455 projects

Projects that are alternatives of or similar to Creature webgl

Creature ue4
Unreal Engine 4 Runtimes for Creature, the 2D Skeletal + Mesh Animation Tool
Stars: ✭ 174 (+24.29%)
Mutual labels:  engine, 2d, mesh, character, skin
Creature godot
2D Skeletal Animation Creature Runtime for Godot Engine
Stars: ✭ 70 (-50%)
Mutual labels:  engine, 2d, mesh, skin
Phaser Kinetic Scrolling Plugin
Kinetic Scrolling plugin for Canvas using Phaser Framework
Stars: ✭ 117 (-16.43%)
Mutual labels:  phaser, webgl, pixijs, html5
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (+8.57%)
Mutual labels:  webgl, 2d, html5
Phaser3 Docs
Phaser 3 Documentation and TypeScript Defs
Stars: ✭ 339 (+142.14%)
Mutual labels:  phaser, webgl, html5
Korge
KorGE Game Engine. Multiplatform Kotlin Game Engine
Stars: ✭ 780 (+457.14%)
Mutual labels:  engine, 2d, html5
Creature unity
2D Skeletal Animation Unity Runtimes for Creature
Stars: ✭ 50 (-64.29%)
Mutual labels:  2d, mesh, skin
Sciter Sdk
Sciter is an embeddable HTML/CSS/scripting engine
Stars: ✭ 1,690 (+1107.14%)
Mutual labels:  engine, html5
Foster Ts
A WebGL + TypeScript 2D Game framework with a Scene>Entity>Component model.
Stars: ✭ 112 (-20%)
Mutual labels:  webgl, html5
Fheroes2enh
Free Heroes 2 - Enhanced
Stars: ✭ 115 (-17.86%)
Mutual labels:  engine, 2d
3dreamengine
3DreamEngine is an *awesome* 3d engine for LÖVE.
Stars: ✭ 122 (-12.86%)
Mutual labels:  engine, 2d
Morph
Morph is a free and open-source tool for creating designs, animations or interactive visualizations from data.
Stars: ✭ 107 (-23.57%)
Mutual labels:  webgl, pixijs
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-28.57%)
Mutual labels:  webgl, html5
Gl Catmull Clark
A javascript implementation of the Catmull-Clark subdivision surface algorithm
Stars: ✭ 100 (-28.57%)
Mutual labels:  webgl, mesh
Opendiablo2
An open source re-implementation of Diablo 2
Stars: ✭ 10,057 (+7083.57%)
Mutual labels:  engine, 2d
Freeciv Web
Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents.
Stars: ✭ 1,626 (+1061.43%)
Mutual labels:  webgl, html5
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: ✭ 123 (-12.14%)
Mutual labels:  webgl, html5
Gamedev Resources
🎮 🎲 A wonderful list of Game Development resources.
Stars: ✭ 2,054 (+1367.14%)
Mutual labels:  engine, 2d
Gplayengine
Cross-platform C++ 2D / 3D game engine.
Stars: ✭ 129 (-7.86%)
Mutual labels:  engine, 2d
Gcanvas
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Stars: ✭ 1,705 (+1117.86%)
Mutual labels:  webgl, 2d

Creature WebGL Game Engine Runtimes

This repository contains the Creature Runtimes for Javascript and WebAssembly based Game Engine Frameworks.

The following frameworks are supported:

  • PixiJS

  • Phaser ( Both CE and 3 )

  • ThreeJS

  • BabylonJS

  • CocosCreator + Wechat Game Engine

For more information on how to use the runtimes, please head over to this site

The Ice Demon character sample Artwork is by: Katarzyna Zalecka [http://kasia88.deviantart.com], Attribution-ShareAlike 3.0 Unported

Download the samples and more here.

Alt text Live Babylon JS Demo is here.

Live Raptor Mark Demo

Raptor Mark is a demonstration of what the Creature WebGL plugin is capable of.

Alt text

Regular JS Demo

This demo shows 30 fully mesh deforming raptor characters running across the screen. This demo is using the CreaturePack Web format to deliver results that have high performance, great quality and yet compact in delivery size.

UtahRaptor Artwork: Emily Willoughby (http://emilywilloughby.com)

View the Live demo here .

WebAssembly Demo

Unleash the power of high performance Web Assembly with the new CreaturePack WebAssembly runtimes!

Alt text The above demo uses advanced Delta Compression in CreaturePack to deliver high performance + quality animation with extreme compression ratios! This Raptor animation is only 230KB in size!

View the Live CreaturePack BabylonJS WebAssembly demo here

This second demo shows 200 (Not a Typo!!) mesh deforming raptor dinosaurs running across the screen! The demo is using the CreaturePack Web format similar to the JS version to deliver results that have high performance, great quality and yet compact in delivery size. However, with the new Web Assembly backend, the playback is even faster, capable of handling huge numbers of characters running live on your web browser. Even on moderately equipped PCs, this demo runs at a fluid 60 FPS. Make sure your browser has been updated to the latest version to take advantage of this exciting runtime.

View the Live CreaturePack WebAsseambly demo here :)

Read the writeup on the WebAssembly runtime here

Share your animations easily with the CreaturePack WebAssembly Widget

Alt text

The CreaturePack WebAssembly Widget allows you to easily share your exported Creature animations on your own personal webpage! The rendering core uses the powerful BabylonJS 3D WebGL Engine. This allows for beautiful rendering effects, including high quality soft-shadows and real-time 3D lighting. Head over to the WebAssembly folder for more info here.

License

The Creature Runtimes operate under 2 License types depending on whether you own a Licensed copy of Creature or not.

  • People who own a licensed copy of Creature: You use the standard Creature License included with the runtime code. TLDR: You are free to publish/modify/sell your product with the Creature runtimes without needing to state you are using the runtimes/put the copyright notice in your code/app. If you already have been using the Creature runtimes as a licensed owner of Creature, nothing changes :)

  • Everyone else: The runtimes are released under the very permissive Apache License :)

Both Licenses allow for private use and do not require any disclosure of your source code.

FAQ

My character mesh in BabylonJS flickers/disappears

This is a BabylyJS renderer issue and has to do with the bounding box of the character. You can try setting mesh.alwaysSelectAsActiveMesh = true. Or refresh the mesh data and bounding box each frame. Please read the thread here

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].