Three.js渲染Dom元素到3D场景

效果


中间两个swiper部分用dom方式实现,再将其转化成为Three中的CSS3DObject对象添加到3D场景中,

代码

  1. 需要创建两个场景与渲染器(普通渲染器,CSS3Render)
  2. 通过两个场景融合实现dom插入(这种方式会导致深度信息丢失)
    在这里插入图片描述
    在这里插入图片描述


  
    
    
    Document
    
    
  
  
    
  


你可能感兴趣的:(three)