kestrelm / creature_webgl Goto Github PK
View Code? Open in Web Editor NEW2D Skeletal Animation WebGL Runtimes for Creature ( PixiJS, PhaserJS, ThreeJS, BabylonJS, Cocos Creator )
License: Apache License 2.0
2D Skeletal Animation WebGL Runtimes for Creature ( PixiJS, PhaserJS, ThreeJS, BabylonJS, Cocos Creator )
License: Apache License 2.0
Few ideas for improvement:
1/ This could be nice to add typescript typings to the repo.
This would make autocompletion and typescript usage of these runtimes more user friendly.
2/ Publishing these runtimes on NPM could helps.
It would be easier to manage as a user, and get future update without have to manually check this repository.
3/ A LICENSE.md
file: It took me times to realize the license was directly embedded in each js file. Github doc
I want to change the color programmatically to game object .
default function name is "setFillTint" (phaser3.24)
.
or any other way to change color of creature object? (just replace color to it)
do you have any suggestion the way to edit/add new function to doing this? (this function is very important to me, I have to make it success no matter what T_T)
this is really good and worth to have a try.
is there any plan to integrate with Phaser3 which is actually better then Phaser2?
there should be a CreatureDisplayRenderer.js & CreaturePlugin.js.
Hello there,
I'm using the babylon.js runtime since few days and I've encountered 2 issues, and I was able to reproduce them with the sample provided on the website.
camera.minZ = 0.0001;
I managed to workaround this issue by not using this property.
With the default sample, its possible to move the camera around the creature without any problem.
So I decided to use the same to move the creature around my 3d environment
new_creature_renderer.renderMesh.position = new Vector3(11, 0.5, -11);
new_creature_renderer.renderMesh.scaling = new Vector3(0.05, 0.05, 0.05);
But with this, the creature start to blink or disappear based on the camera position (kinda looks like some culling)
Demo, the creature blink after the camera was moved
Is there any other way to move the creature in the scene? or a setting to solve this?
Hello, is it possible to add a parameter in the construct2 plugin in order to change the "time ratio" of an animation?
Thanks in advance...
Can you provide some Creature file from json for Phaser v2.6
now can not running
Hi,
I tried Phasor-Demo.html and got the following problems
GET http://localhost:8080/succ_data.bytes 404 (Not Found)
xhrLoad @ phaser.js:57692
loadFile @ phaser.js:57660
beginLoad @ phaser.js:57317
start @ phaser.js:57293
preUpdate @ phaser.js:18624
updateLogic @ phaser.js:26735
update @ phaser.js:26684
updateRAF @ phaser.js:46614
_onLoop @ phaser.js:46598
CreatureMeshBone.js:2994 Uncaught TypeError: Cannot read property 'pointsArray' of null
at Creature.LoadFromDataFlat (CreatureMeshBone.js:2994)
at new Creature (CreatureMeshBone.js:2762)
at Object.create (Phasor-Demo.html:67)
at Phaser.StateManager.loadComplete (phaser.js:18858)
at Phaser.SignalBinding.execute (phaser.js:19555)
at Phaser.Signal.dispatch (phaser.js:19378)
at Phaser.Loader.nextFile (phaser.js:58096)
at Phaser.Loader.fileComplete (phaser.js:57896)
at XMLHttpRequest._xhr.onload (phaser.js:57685)
Creature.LoadFromDataFlat @ CreatureMeshBone.js:2994
Creature @ CreatureMeshBone.js:2762
create @ Phasor-Demo.html:67
loadComplete @ phaser.js:18858
execute @ phaser.js:19555
dispatch @ phaser.js:19378
nextFile @ phaser.js:58096
fileComplete @ phaser.js:57896
_xhr.onload @ phaser.js:57685
debug3Export_character_img.png:1 GET http://localhost:8080/debug3Export_character_img.png 404 (Not Found)
Phasor-Pack-Demo.html does work, what is the difference.
should be this.data instead of data
Creature_WebGL/CreaturePackModule.js
Line 422 in 360d279
Creature_WebGL/CreaturePackModule.js
Line 423 in 360d279
Is it possible to apply physics to a phaser object?
For example, how do you define parameters like velocity.
As far as I know, Phaser docs only have information regarding sprite objects.
Is there a chance for this library to get updated for Phaser 3.5? Phaser 3.5 has different API with Phaser < 3.5. I tried to do that but didn't succeed.
well,It’s looks great!
Does it support Clipping? This feature is very important for me
Is there any example for ES6 Class Phaser3 implementation of Creature Pack?
I'm using creature with Phaser 3 (pack version) and I get this:
TypeError: this.timeSamplesMap[lookupTime] is undefined
when the animation ends. Would setting the animation to loop fix this? How do I do that?
My animation code is:
start_animation(name, speed, fade_time)
{
if(this.creature_object.pack_renderer.activeAnimationName == name) return;
this.creature_object.pack_renderer.blendToAnimation(name, fade_time);
this.creature_object.speed = speed;
}
`
Hi all!
I'm starting with HTML5 integrations. Specifically, I started with EaselJS. I have chosen this engine because it is very easy to import elements from Adobe Flash.
My question is whether you intend to export to this graphics engine. I tried to read the Phaser and Trree exporters, but I understand all the proccess to make my own runtime.
Best regards!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.