=====================
== 端阳的主页 ==
=====================

从代码到现场:打造一份会"跑"的婚礼邀请函

JavaScript Three.js 小幸福

0.前言

找了挺多个性化请柬,但怎么看都觉得不够“个性化”,秉持着造轮子的精神,决定自己写一个。

1.先看效果

首页

▲ 首页:6×6 的城市网格,包含道路、建筑和目的地标识

提供两种出行模式:

  • 🚖 打车模式:选择目的地后,小车自动导航前往
  • 🚗 自驾模式:使用方向键手动控制,自由行驶

导航路线预览

▲ 生成路线后的预览效果,黄色导航线动画绘制

点击"开始导航"后,法拉利458开始沿着规划好的路线前进:

行驶过程

▲ 沉浸式行驶过程,伴随法拉利V8引擎的澎湃声浪

设计了三个目的地,每个都有独特的主题和内容:

目的地

▲ 婚礼现场弹窗:LED 滚动屏幕 + 玻璃态设计

💒 婚礼现场

  • 主题色:粉金渐变
  • LED 文字:显示"离百年好合还有 XX 年 XX 天"
  • 内容:新人合照 + 婚宴时间地点

2.使用方法

GitHub邀请函

按项目说明运行、部署。哪里不满意改哪里!