Three.js 在微信小程序中实现3D展厅

[金辉逸梦]

 一：简介

        在微信小程序中，使用和构建3D数字孪生应用一直是我的梦想。经过我多年的学习和积累，终于实现了基础的业务功能，并且已经在微信小程序上成功发布、上线。（目前样式比较丑，待优化的地方还很多，我回努力的）。

      小程序的名称”元宇宙1314”，小程序简介”在元宇宙上爱我一生一世”。灵感来源是，给“元宇宙”一个技术热门词汇，赋予爱情的价值，好比钻石和婚姻的关系。主要应用在恋爱的情侣，亲子，旅游以及喜欢拍照的人群。（非常欢迎各位兄弟推广和关注小程序）

二：主要功能

主要功能有"根据模板创建展厅","展厅详情","编辑展厅","展厅预览","展厅分享","展厅删除"等等

1. 创建展厅

       点击首页”+”号浮动按钮，进入展厅创建页面，选择展厅模版(展厅模版在“平台整体愿景”中更详细)，输入展厅名称，然后上传自己喜欢的照片后，点击保存按钮，在列表会生成展厅记录。

2. 展厅详情

   点击展厅记录，进入展厅详情页面，主要是修改上传图片的名称和排序。

       

3. 编辑展厅

  左滑展厅记录，点击“编辑”按钮，进入编辑页面，可以修改展厅名称和上传的照片。

 

4. 展厅预览

    左滑展厅记录，点击预览按钮，可以在3D效果下，预览上传的照片，点击照片可以放大。3D场景可以全方位移动和旋转。点击照片名称，可以跳转到对应照片的位置

 

5. 展厅分享

    可以将3D展厅分享给你喜欢的人（情侣，亲子，客户等）

 

6. 展厅删除

删除展厅记录。（物理删除）

        本系统后端和《三维模型管理系统》后台有业务是有关联的，底层采用非对称加密的方式进行文件存储，我自己也看不到数据详情，已保证用户的安全。

三：平台整体愿景

      《三维模型管理系统》用来管理3D场景，场景中可以配置模型，光源，颜色，地面等属性。3D场景有个重要的属性是用途，用途可以是《3D展厅模版》，生成的模版可以关联到小程序中，在创建展厅时，选择对应的模版。模版可以在后台配置对应的主图，是否允许分享，上传照片个数，是否支持视频等等

       王者钟无艳有句很有意思的台词“光有想法和行动是不够的,还得有钱”，由于愿景太过于宏达。希望喜欢的老板和兄弟，多多关注。一起挣钱一起花

[金辉逸梦]

@weixin_39962733 可以，现在bug还比较多

[weixin_39962733]

您好，大佬很喜欢这个效果
可以提供一下源码吗？谢谢