业务和功能介绍
本项目是为经典恋爱冒险游戏《甜蜜女友3》制作的粉丝应援网站，旨在通过精美的视觉设计和流畅的交互体验，展示游戏世界观、五位女主角信息、官方宣传视频及游戏CG画廊。
核心功能模块包括：
1. 全屏沉浸式首屏主视觉，带视差缩放动画。
2. Canvas樱花粒子系统，80瓣花瓣实时飘落，随窗口自适应。
3. 五位女主角卡片展示区，支持3D透视倾斜交互。
4. 视觉画廊，随机选取18张游戏原画，支持灯箱大图预览。
5. 宣传视频嵌入，支持自动播放与暂停。
6. 完整的响应式布局，适配桌面、平板、手机。
核心功能模块包括：
1. 全屏沉浸式首屏主视觉，带视差缩放动画。
2. Canvas樱花粒子系统，80瓣花瓣实时飘落，随窗口自适应。
3. 五位女主角卡片展示区，支持3D透视倾斜交互。
4. 视觉画廊，随机选取18张游戏原画，支持灯箱大图预览。
5. 宣传视频嵌入，支持自动播放与暂停。
6. 完整的响应式布局，适配桌面、平板、手机。
项目实现
本项目采用纯原生前端技术栈开发，零依赖，结构清晰，便于后续维护和扩展。
我的主要工作包括：
1. 整体架构设计与视觉还原：通过CSS自定义属性构建统一的设计系统（配色、间距、圆角、阴影），确保全局风格一致。
2. Canvas动画实现：手写花瓣粒子类，包含位置更新、边界循环、高光绘制等逻辑，80瓣粒子流畅运行。
3. 交互体验优化：使用Intersection Observer API实现滚动揭示动画；实现女主角卡片的3D透视跟随鼠标效果；使用Fisher-Yates洗牌算法实现画廊图片随机展示。
4. 灯箱组件开发：手写灯箱大图预览组件，支持点击放大、ESC键关闭。
5. 响应式适配：通过CSS媒体查询完成3个断点（桌面/平板/手机）的适配。
遇到的难点：浅色主题下花瓣可见度不足，通过加深颜色数组透明度范围解决；画廊图片列表较短时Fisher-Yates算法稳定性，通过动态切片处理。
我的主要工作包括：
1. 整体架构设计与视觉还原：通过CSS自定义属性构建统一的设计系统（配色、间距、圆角、阴影），确保全局风格一致。
2. Canvas动画实现：手写花瓣粒子类，包含位置更新、边界循环、高光绘制等逻辑，80瓣粒子流畅运行。
3. 交互体验优化：使用Intersection Observer API实现滚动揭示动画；实现女主角卡片的3D透视跟随鼠标效果；使用Fisher-Yates洗牌算法实现画廊图片随机展示。
4. 灯箱组件开发：手写灯箱大图预览组件，支持点击放大、ESC键关闭。
5. 响应式适配：通过CSS媒体查询完成3个断点（桌面/平板/手机）的适配。
遇到的难点：浅色主题下花瓣可见度不足，通过加深颜色数组透明度范围解决；画廊图片列表较短时Fisher-Yates算法稳定性，通过动态切片处理。
示例图片视频
相似推荐
3D 个人作品集网站
面向创意从业者（设计师、摄影师、建筑事务所、独立开发者）的沉浸式 3D
交互作品集平台，解决传统作品集"图片堆砌、缺乏记忆点、用户跳出率高"的痛点。平台通过 WebGL 3D
渲染技术将静态作品展示升级为可交互的沉浸式体验，帮助用户在众多竞争者中建立差异化个人品牌，提升客户转化率。
核心功能模块：
①3D 沉浸式首页：基于 Three.js 构建的全屏 3D 场景，用户滚动页面时相机沿预设路径平滑漫游，不同板块（关于我、作品集、技能树、联系方式）对应不同的 3D
空间站位，实现"滚动即叙事"的浏览体验。场景包含粒子星空背景、浮动几何体、动态光线等视觉元素，全部由 GPU 实时渲染。
②作品展示系统：支持瀑布流+分类筛选两种浏览模式。作品详情页采用 3D
卡片翻转动画，正面展示封面，背面展示项目描述、技术栈、成果数据。支持图片、视频、外部链接等多种作品载体。
③主题联动系统：暗色/亮色双主题一键切换，3D 场景中的灯光色温、材质反射率、背景粒子颜色随主题同步变化，而非简单的 CSS 颜色替换。
④响应式 3D 适配：桌面端全场景高质量渲染（PBR 材质 + 环境光照 + 接触阴影），平板端降低阴影和后处理质量，移动端自动降级为 2D 粒子系统 + CSS
动画，确保各端 60fps 流畅体验。
⑤性能极致优化：Core Web Vitals 全绿（LCP < 1.5s, CLS < 0.05, INP < 100ms），Lighthouse 综合分 95+。图片自动 WebP/AVIF
转换，首屏关键资源内联，非首屏组件动态导入。
⑥业务闭环：联系表单（邮件通知）、作品点赞计数、访客来源统计（UTM 追踪）、SEO 结构化数据（JSON-LD），支持从展示到获客的完整链路。
标里标外
https://tender.tendermaster.cn
或者微信搜索标里标外招标助手，解决招投标中的痛点问题
该数字化招投标与项目管理综合平台，深度整合了项目全生命周期管理与智能化辅助决策能力，旨在为政企采购、工程建设及企业招采部门提供一站式、全流程的数字化解决方案。
痕迹
痕迹软件介绍
1. 立项背景和目标
在物质世界高速发展的今天，人类社会正悄然进入精神价值觉醒的时代。人们物质生活日益丰富，却普遍面临精神空虚、意义缺失的问题：做好事往往转瞬即逝、难以坚持、缺乏社会认可；传统公益存在透明度低、参与感弱的问题；短视频平台以娱乐为主，正能量内容碎片化，难以形成持续的精神成长闭环。
痕迹软件正是为解决这一时代痛点而诞生。
项目核心目标是：通过移动互联网技术，让每一次真实善行都被记录、被看见、被激励，帮助亿万用户逐步养成“精神层面追求”的日常习惯，最终构建一个“爱有痕迹、价值可见”的全球精神价值记录与传播平台。
长期愿景是：让“痕迹榜单”成为一个人人生价值的直观表现，激励每个人为活得更有意义而主动为世界贡献力量，推动世界更加充满爱、更加文明、让每个人活得更加幸福。
2. 软件功能、核心功能模块的介绍
痕迹App是一款专注于记录真实善行的短视频社交平台，目前已完成MVP开发，核心分为四大板块：
首页：短视频推荐与直播页面
以算法推荐其他人发布的真实公益短视频为主，支持点赞、评论、分享，并通过#助人为乐#等话题形成正能量内容生态。用户可直接发布自己帮助他人、参与公益的真实视频。
榜单：价值激励核心模块
包含个人榜、企业榜、影响力榜、社区榜样等。用户通过发布善行视频、参与公益获得“痕迹数”和“爱心值”，实时上榜。榜单最终将成为全球人生价值的直观表现，激励用户持续行善。
账本（阳光账本）：透明度保障模块
记录爱心善款的收入、支出和具体用途，实现100%资金透明追踪。每一笔捐赠都可关联对应善行视频，让公益真正“看得见、信得过”。
我（个人中心）：精神成长系统
展示个人痕迹数、关注、粉丝、影响力值、公益等级（Lv.系统）和勋章。用户可在此查看自己的成长轨迹、接收消息、管理设置，形成完整的个人精神价值积累闭环。
此外，软件支持实名认证、AI辅助内容审核，确保所有视频内容的真实性与正能量导向。
3. 业务流程、功能路径描述
用户使用痕迹App的主要流程如下：
注册登录 → 通过手机号/用户名快速注册，完成实名认证。
首页浏览与创作 → 浏览推荐的公益短视频，受到触动后拍摄并发布自己的真实善行视频（支持添加话题、位置等）。
互动与积累 → 其他用户点赞、评论、分享；系统根据视频质量和互动数据自动计算“痕迹数”和“爱心值”。
榜单激励 → 用户的善行数据实时进入个人榜/影响力榜，形成正向激励循环。
公益参与与透明追踪 → 通过平台进行爱心捐赠，资金进入阳光账本，并可关联具体善行视频查看用途，实现全程透明。
个人成长闭环 → 在“我”页面查看自己的精神成长轨迹、解锁公益等级与勋章，持续获得成就感与社会认可。
整个业务流程形成“记录善行 → 获得认可 → 积累价值 → 持续激励”的完整正反馈闭环，让用户从“偶尔做好事”逐步转变为“一生以爱为本”的精神
外业矢量数据智能采集与外业人员定位效能监管平台
野外种植等行业外业调查中，数据采集周期长、手工采集空间拓扑关系极易出错、外业巡检过程难监管等痛点，平台旨在建立一套“外业精准采集、智能空间拓扑校验、移动端低功耗高频上报、大屏端效能监控”的全生命周期数字化闭环监管系统。
【核心功能模块】
图斑在线编辑与空间联动模块：支持外业人员在线拆分、挖洞、合并图斑，利用 PostGIS 空间数据库实现相邻要素共边界的拓扑自适应级联更新（Topology Linked），防止边界重叠缝隙。
外业实时定位与轨迹回放模块：支持万人并发下的移动端高频定位上报、离在线状态自动判定以及历史轨迹的高性能平滑回放。
空间越界实时预警模块：基于责任网格机制，自动判定外业人员是否跨区作业并实时通过红色闪烁报警高亮提示。
效能全景大盘：提供多维度数据透视，直观展示实时在线率、审批办结态势与街乡工作效率排行。
【业务流程与路径】 移动端定位点通过 MQTT 轻量长连接高频发布 -> EMQX 中间件转发 -> 后端 Redis 缓存实时位置并异步分批持久化至 PG -> 空间拓扑引擎实时使用空间算子比对边界 -> 前端可视化大屏（Web 页面）以 10 秒为周期轮询最新位置和越界状态
热榜视频分析创作系统-热榜视频分析创作系统
1、用户根据关键词，检索选择抖音垂类热榜视频，获取垂类热榜视频粉丝画像详细数据。根据粉丝画像详细数据，选择要参考的热榜视频。
2、选择扣子工作流，进行二次创作，如视频详情解析、视频文案解析、视频文案改写、视频二次创作等等。
3、热榜视频一站式分析和创作，极大提升视频创作效率。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服