以下内容文字基于自己让ai优化了一下排版 方便各位看官观看(ai30%+自己70%)
github 直接搜仓库吧因为地址需要审批 如果有问题管理员请删帖 webdown-a/hashgraphvc
复刻了 Hashgraph VC 官网（Cloudflare 免费版）
最近看到 Hashgraph VC 的官网：
Hashgraph Ventures
Hashgraph Ventures | AI & Blockchain Venture Capital
Venture capital firm investing in AI & blockchain startups from pre-seed to Series A, supporting founders with capital, expertise, and global reach.
整体属于那种典型的 Awwwards 风格设计：
-
深色未来感视觉
-
Three.js 3D 场景
-
GSAP 滚动动画
-
大量镜头级转场
-
极简内容 + 强品牌表达
于是尝试做了一版复刻。
在线预览
https://hashgraphvc-static.pages.dev/
先分析原站
Codex 对原站做了一轮拆解，大致技术栈如下：
Nuxt 3
Vue 3
Sanity CMS
GSAP
ScrollTrigger
Theatre.js
Three.js
WebGPU / WebGL Fallback
Draco
Basis
静态预渲染（SSG）
一些比较有意思的发现：
-
内容来自 Sanity CMS
-
实际预渲染页面只有 6 个
-
主 JS Bundle 约 2.1MB
-
3D 资源全部本地托管
-
整个网站更像品牌展示项目，而不是传统 VC 官网
视觉系统也非常克制：
Background: #000209
Glow:
#9bb8e1
#2c4e73
复刻思路
没有完全照搬原站架构。
因为目标是：
Cloudflare Pages 免费部署 + 尽可能接近原站体验
目前完成
首页结构复刻
深色未来感视觉
蓝色体积光氛围
Three.js 场景
GSAP 滚动动画
Cloudflare Pages 免费部署
后续计划
-
Shader 发光效果优化
-
粒子系统重构
-
Portfolio 场景补全
-
更接近原版的镜头运动
-
Lighthouse 性能优化
如果有做过 Three.js / GSAP / Awwwards 风格项目的大佬，欢迎交流。
也欢迎直接打开网站看效果：
https://hashgraphvc-static.pages.dev/
2 个帖子 - 1 位参与者
来源: LinuxDo 最新话题查看原文