- Published on
不同元素叠加融合,设计开发了一款具有 3D 元素的小程序
- Authors
- Name
- 董旭旭(洛天霸)
- @xuxudong_ok
背景分析
拜年节日类祝福作为一种传统低频社交形式,经历了以下变化:
- 面对面 → 电话 → 短信 → 微信(消息、语音、视频、红包、朋友圈海报)
主要问题分析:
- 形式主义:祝福拜年逐渐变得缺乏趣味性。
- 群发模板化:导致诚意不足,难以引发情感共鸣。
- 传播分享欲低:虽然红包激发了传播欲,但缺乏创新元素。
- 面对面、视频拜年:尽管直接且富有诚意,但会对部分人产生不便与心理负担。
产品历程
初衷与目标
这款小程序的初衷是结合 3D 元素,探索在春节期间积累流量的潜力。功能与设计
小程序名为 3D 互动式明信片,包含:- 弱社交
- 3D 形象
- 动画表情表达等元素
由于涉及 3D 技术,项目边学边做,从建模、动画到渲染与交互,克服了不少技术难点。最终完成了这个项目,并成功上线。
开发与挑战
- 开发历时 2 个月,赶在年二九前勉强上线。
- 最大的技术挑战是 3D 模型过大,导致渲染缓慢。经过多次压缩优化,最终模型压缩至 1MB 左右,性能有所提升。
- 后期对模型进行了大量点面线减量,模型大小减少至 500KB,速度明显提升。
产品效果
- 上线后半月,实现了 300+ UV,主要是亲友圈的娱乐使用。
- 每逢节假日,自然流量会有所增加,但总体流量仍较少。
- 后续计划对产品和推广策略做进一步优化。
产品展示:
![]() | ![]() | ![]() |
---|
参考与鸣谢
- 喜马拉雅「有声明信片」
- three.js 小程序版:GitHub - three-platformize
- NFT: Meebits
- 开源 3D 工具: MagicVoxel, Blender
未来规划
未来计划加入更多 3D 场景,提升内容的丰富性,并可能迁移到原生 app 开发平台。由于小程序计算力有限,我们也在考虑扩大产品功能,朝着具有社交元素的元宇宙方向发展,参考类似 Sandbox、Decentraland 等平台。
搜索微信小程序:
3D 互动式明信片
欢迎大家使用并提出反馈建议~
这样优化后的文档结构更加清晰,简洁,且内容分块更明显,能够帮助读者快速获取关键信息。图片展示也得到了优化,确保了视觉的清晰度和直观性。