求助，cocos creator 和 three.js如何结合做3d

Creator 2.x
#1

  • Creator 版本：

  • 目标平台：

  • 详细报错信息，包含调用堆栈：

  • 重现方式：

  • 之前哪个版本是正常的 ：

  • 手机型号 ：

  • 手机浏览器 ：

  • 编辑器操作系统 ：

  • 编辑器之前是否有其它报错 ：

  • 出现概率：

  • 额外线索：

#2

只考虑微信小游戏，以及h5

#3

自己顶一下，希望有个大佬来指一下方向
web view？？？

#4

要自己去融合，之前搞过，不过H5显示可以，微信小游戏上显示异常，然后就放弃了！

#5

我想做一个类似天空盒效果的东西，你实现了吗

#6
  • 像这样 将一个简单的3d对象 装换成texture2d添加到node上
import { Logger } from "../Tool/Logger";
import {THREE} from '../Libs/libcode'
/**
 * threebox
 */
const {ccclass, property} = cc._decorator;
@ccclass
export default class threebox  extends cc.Component{

   private scene = null;
   private camera = null;
   private renderer = null;
   private cube = null;
   private textureRender = new cc.Texture2D();

   onLoad(){
      Logger.info('*******threebox onLoad*******');
      this.createScene();
   }




   /**
    * 创建场景
    */
   createScene(){
      this.scene = new THREE.Scene();
      this.camera = new THREE.PerspectiveCamera( 75, this.node.width / this.node.height, 0.1, 1000 );

      this.renderer = new THREE.WebGLRenderer({alpha:true});
      this.renderer.autoClear = true;
      this.renderer.setSize( this.node.width, this.node.height );

      //cube
      var geometry = new THREE['BoxGeometry']( 1, 1, 1 );
      var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
      this.cube = new THREE.Mesh( geometry, material );
      this.scene.add( this.cube );

      this.camera.position.z = 2;
      // this.camera.lookAt( 0, 0, 0 );
      
      this.render();

   }
   
   render(){
      if(this.cube){
         this.cube.rotation.x += 0.01;
         this.cube.rotation.y += 0.01;
      }

      
      this.renderer.render( this.scene, this.camera );
      this.textureRender.initWithElement(this.renderer.domElement);
      this.node.getComponent(cc.Sprite).spriteFrame.setTexture(this.textureRender);
      this.renderer.clear();
      
   }

   update(){
      this.render();
   }
}

微信可以用但是代码包有点大