业务和功能介绍
面向创意从业者（设计师、摄影师、建筑事务所、独立开发者）的沉浸式 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），支持从展示到获客的完整链路。
交互作品集平台，解决传统作品集"图片堆砌、缺乏记忆点、用户跳出率高"的痛点。平台通过 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），支持从展示到获客的完整链路。
项目实现
基于 Next.js 16 App Router + RSC 架构，首屏静态生成 + 动态组件懒加载。Three.js 场景通过 React Three Fiber 声明式管理，@react-three/drei 提供
OrbitControls、Environment Map、ContactShadows 等高级能力。自定义 useScrollProgress Hook 将页面滚动百分比映射到 3D
相机路径，实现滚动驱动的场景漫游。Framer Motion 处理 DOM 元素的交错入场动画（stagger children）+ 滚动触发动画（whileInView）。性能层面：Three.js
场景按需实例化（InstancedMesh）、纹理压缩（KTX2/Basis）、Web Worker 离屏渲染预计算。Tailwind CSS 4 + CSS Custom Properties 实现设计系统，clsx +
tailwind-merge 管理动态样式。Vitest + @testing-library/react 覆盖交互逻辑单测。OpenNext 构建产物部署至 Cloudflare Pages，全球 CDN
边缘节点分发，TTFB < 100ms。
OrbitControls、Environment Map、ContactShadows 等高级能力。自定义 useScrollProgress Hook 将页面滚动百分比映射到 3D
相机路径，实现滚动驱动的场景漫游。Framer Motion 处理 DOM 元素的交错入场动画（stagger children）+ 滚动触发动画（whileInView）。性能层面：Three.js
场景按需实例化（InstancedMesh）、纹理压缩（KTX2/Basis）、Web Worker 离屏渲染预计算。Tailwind CSS 4 + CSS Custom Properties 实现设计系统，clsx +
tailwind-merge 管理动态样式。Vitest + @testing-library/react 覆盖交互逻辑单测。OpenNext 构建产物部署至 Cloudflare Pages，全球 CDN
边缘节点分发，TTFB < 100ms。
示例图片视频
相似推荐
可视化建模平台-可视化建模平台
一、项目背景
面向市大数据局、公安、市监局等政务部门开展项目，各部门已完成数据治理工作，但数据加工需开发人员手写代码实现，存在需求响应慢、业务人员无法自主操作、数据处理效率低等痛点，亟需搭建低门槛数据处理平台。
二、项目目标
1. 采集政务数据元数据信息，实现库表、字段及业务含义统一管理
2. 搭建拖拽式可视化建模平台，通过算子实现数据自助加工，降低使用门槛
3. 新增定时任务调度功能，实现建模任务自动化执行
4. 对接BI报表模块，实现加工数据可视化展示
5. 提升数据处理与需求交付效率，支撑政务业务自助数据分析
三、项目概述
搭建政务低代码可视化数据建模平台，自动采集治理后数据的元数据信息，提供过滤、排重、聚合、拆分等拖拽式算子，实现业务人员自主数据加工。支持建模任务定时调度、结果数据异构系统同步与级联分析，同时打通BI报表模块，可自主生成柱状图、折线图、甘特图等图表，完成数据加工到可视化全流程自助化。
物联网实时大数据清洗BI报表-实时报表
一、项目背景
工厂内机床、设备通过PLC采集温湿度、压力、电量、加工计数等实时物联网数据，经Modbus 等协议接入Kafka。原始数据存在大量重复、异常、乱序、跳变问题，无法直接用于MES系统与生产大屏；设备运行状态（绿/黄/红/灰）无统一规则，加工计数易重复统计，亟需一套从0到1的实时数据清洗与治理体系。
二、项目目标
1. 建立设备状态标准化规则，自动识别正常、告警、故障、停机状态并统计各状态持续时长；
2. 构建生产加工计数清洗规则，过滤重复上报数据，处理人工重置等异常场景，保证计数准确；
3. 输出标准结构化数据，支撑MES系统、生产可视化大屏分钟/小时/日报表展示。
三、项目概述
该项目为工业物联网数据治理从0到1建设，采用Flink +Doris 技术架构。从Kafka消费设备实时采集数据，通过自定义清洗规工重置场景处理。清洗后数据写入聚合表，为下游MES系统、可视化大屏提供分钟级至日报级的标准化数据，支撑生产监控、趋势分析与产能统计。
项目职责：
1. 独立负责工业物联网数据治理项目从0到1设计与落地，参与整体架构方案讨论，最终确定并实现Flink +Doris 实时数仓架构；
2. 全程负责从Kafka消费设备实时数据，完成数据清洗、去重、异常过滤、乱序处理、状态计算、指标聚合等全流程开发；
3. 设计并实现设备运行状态（正常/告警/故障/停机）规则引擎，自动统计各状态持续时长并结构化落表；
4. 开发生产加工计数精准清洗逻辑，处理重复上报、人工重置等复杂业务场景，确保计数准确；
5. 构建标准聚合层数据模型，对外提供数据接口，支撑下游MES系统、生产可视化大屏实时展示与报表统计；
6. 负责需求变更、接口迭代及历史数据重刷、补算等运维工作，保障数据一致性。
7、使用AI工具(WorkBuddy后者TRAE CN)辅助提高开发效率
技术栈：Kafka+Flink+Doris+SpringBoot+Redis+Minio+Python
商用车系统数据采集
1、主要用来采集用户输入车架号vin17/后8位 进行指定品牌数据采集整理并完成自动化清洗入库。
2、使用web 页面进行每日数据采集的走势，可以监控每日数据采集量
3、提供API 接口可供其他前后端调用
4、自动登录，验证码识别，动态js 指纹解密，自动整理数据脚本，自动化入库处理
5、使用到使用是python +flask+js+mysql 处理、隐藏navigator.webdriver爬虫标识等等
基于KVM+Druid的分布式爬虫集群与工业时序数据存储系统
1、立项背景和目标：制造工厂数字化转型，需要自动化采集产线设备运行指标、行业资讯数据，项目旨在搭建分布式爬虫+时序存储一体化平台，解决多源工业数据零散、人工采集效率低下的痛点。
2、软件核心模块：分为分布式爬虫采集模块、Redis任务缓存模块、Druid时序存储模块、异常重试管控模块四大模块。
3、业务流程：依托KVM云集群部署程序→定向抓取工业站点/API数据→数据清洗过滤→缓存临时落库→海量时序数据存入Druid，配套断点续爬、故障重跑能力。
SIS系统
SIS系统作为面向生产过程的信息系统，实现单元机组DCS、ECS、化水、输煤、除灰、数字煤场等系统联网，完成全厂生产实时数据的采集和历史数据存储，支持群集或热备工作方式进行故障切换。
可对接opcda，opcua、modbus、scada等多种工业物联网数据采集协议。系统稳定运行5年确保24*7数据采集不间断。
提供的SIS系统应包含厂级监控应用软件，实时数据采集和历史数据存储功能、厂级生产过程监视和管理功能、性能计算、耗差分析、测点查看、趋势查看、过程回放，机组性能指标分析，优化运行曲线和设备操作指导，设备状态监测，机组在线性能试验、数据报表统计和分析。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服