pixi.js + three.js

three.js    最好的webgl 3d渲染库之一,

pixi.js　   最好的webgl 2d渲染库之一,也许可以把之一去掉

两个库都很精简,如果把两个库结合起来，一定很爽很爽，你说是吧！

• 跳一跳three.js开发的。 欢乐球球three.js+pixi.js开发的.
• three.js, pixi.js都是javascript开发的，方便javascript爱好者。
• three.js, pixi.js开发微信小游戏的话,适配很简单.
• 基本上可以这么说,three.js做2dui很麻烦，绝大多数是three.js开发 3d, pixi.js开发2d.

怎么做呢? 

假设pixi.js的渲染器为renderer2D

       three.js的渲染器为renderer3D

renderer2D.reset()

renderer3D.state.reset();

// 处理3d场景
renderer3D.setRenderTarget(null);
renderer3D.render(scene, camera, renderTarget);

renderer2D.reset()
// 处理2d变化
renderer2D.render(stage);

 

// 核心的逻辑

renderer3D.state.reset();
renderer3D.setRenderTarget(null); //<--framebuffer reset!
renderer3D.render(scene, camera, renderTarget);

renderer2D.reset()
renderer2D.render(stage);

　　

想要例子的请持续关注~

一些开源的例子    https://jsfiddle.net/c34p532r/24/