Coder Social home page Coder Social logo

solution to load .md2 files about jsc3d HOT 4 OPEN

humu2009 avatar humu2009 commented on May 27, 2024
solution to load .md2 files

from jsc3d.

Comments (4)

GoogleCodeExporter avatar GoogleCodeExporter commented on May 27, 2024
It's not a difficult job :-) 

First of all, both jsc3d.js and md2.js should be included in.

If you only need a static (maybe untextured) snapshot of the md2 model, no 
extra work is required. Just specify the model's url as that of an obj or an 
stl file and it's ok.

If you are to display an animated md2 model, follow the steps below to 
accomplish this job:

1. Create the viewer instance and initialize it as usual;

2. Create an instance of JSC3D.Md2Player with the viewer instance;

3. Load and run your md2 model through 
JSC3D.Md2Player.prototype.replaceSceneFromUrls(). This method takes 4 url 
strings that correspond to the major model, the skin file of the major mode, 
the secondary model (for example the hero's swords) and the skin file of the 
secondary model. The last 3 parameters are optional.

The implementation may look like this:

  var viewer = new JSC3D.Viewer(canvas);
  // set parameters
  ...
  viewer.init();
  viewer.update();
  ...
  var md2_player = new JSC3D.Md2Player(viewer);
  md2_player.replaceSceneFromUrls('hero.md2', 'hero.jpg', 'sword.md2', 'sword.jpg');
  ...

That's it.

Original comment by [email protected] on 9 Jul 2013 at 10:15

from jsc3d.

GoogleCodeExporter avatar GoogleCodeExporter commented on May 27, 2024
thanks a lot.It worked out for me.Now i have successfully loaded the md2 file 
and got the output.

Original comment by [email protected] on 10 Jul 2013 at 4:07

from jsc3d.

GoogleCodeExporter avatar GoogleCodeExporter commented on May 27, 2024
i need to get the model in canvas with high definition.i already set the 
parameter
viewer.setDefinition('high');
still the quality is not to the expected level.is there any solution for this ?

Original comment by [email protected] on 10 Jul 2013 at 5:21

from jsc3d.

GoogleCodeExporter avatar GoogleCodeExporter commented on May 27, 2024
In fact when you set high definition, jsc3d will render to a background buffer 
of twice the dimensions of the real canvas and then resample to foreground to 
display. The result is that most visible artifacts (aka jaggies) on the edge 
area is eased thus it improves the graphic quality. This is called the Full 
Screen Anti-aliasing. You can call viewer.setDefinition() with 'low', 
'standard' and 'high' once a time to see the different results.

Currently this is the only implemented method to achieve better renderings.

Original comment by [email protected] on 10 Jul 2013 at 6:40

from jsc3d.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.