分享几个惊艳的 Three.js 个人站点

" 优秀的 Three.js 项目层出不穷,今天我带领大家探索 Web3D 前沿,揭秘那些运用 Three.js 打造的惊艳个人网站。一起来领略这些站点的魅力,感受它们如何打破传统网页的二维边界,开启一场视觉与交互的盛宴。 "

01

CARSTEN MELL

最酷、最可爱的 Three.js 个人网站。

该网站主要展示插画师 Carsten Mell 的个人作品与服务,包括插图、漫画和相关艺术项目。内容专业且专注于插画领域,提供了丰富的插画实例,展现了作者独特的艺术风格和扎实的绘画技艺。作品类别多样,覆盖不同的主题和媒介,显示出 Carsten Mell 在插画创作上的广泛涉猎和深厚功底。从呈现的专业作品来看,网站体现了较高的艺术水准和行业针对性。

网站设计简洁明快,色彩搭配与插画师的作品风格保持一致,营造出和谐统一的艺术氛围。页面布局清晰,导航栏直观,用户能够轻松访问作品集、服务介绍、联系方式等重要板块。作品展示采用网格布局,每幅作品配有简短的文字说明,便于快速浏览和理解。滚动浏览过程中加载流畅,没有明显的技术故障或加载延迟,整体用户体验较好。

在线演示:www.carstenmell.com

02

Yanne Sidibe

交互式 3D 作品集 - 滚动体验。

这是一个 GSAP 滚动体验,带你穿过作者的房间,预览作者的一些作品。所有的建模和动画都是在 Blender 中完成的,然后我应用了压缩和优化技术,以减小整个场景的大小。

在线演示:www.yannesidibe.com

03

Victor Marin

这是一份交互式简历。

作者受到布鲁诺·西蒙(Bruno Simon)的出色网站(bruno-simon.com)的启发,并决定使用相同的技术 Three.js 构建自己的网站。

在线演示:victor-marin.dev

04

Rahul Vuppala

简约干净的作品集网站。

作者使用 react-three-fiber、blender 构建的个人网站。网站的设计风格简洁明了,没有过多的装饰元素,使得页面看起来清晰、整洁。

在线演示:rahulvuppala.in

05

Toby

作者是一名创意开发人员,专注工作了几个月制作的个人网站,它主要使用了 react-three-fiber 和 framer-motion 构建的动画。

在线演示:nhtoby.com

06

Neon City

个人作品集 -- 霓虹城。

作者用 Three.js 和 Blender 制作的 3D 交互式作品集。灯红酒绿的霓虹城,鲜艳夺目的色彩、动态变幻的图案和文字装点着建筑物的轮廓、招牌、广告牌以及街头巷尾,在夜晚展现出独特的魅力。创意十足。

在线演示:neon-city.netlify.app

07

Ivan Kapunac

作者是一位充满激情的高级前端开发人员和全栈开发人员。凭借多年创造令人惊叹的用户体验的经验,渴望继续创作革命性的项目。

露营小屋为主题的个人网站,采用Three.js作为核心技术,将呈现出一个沉浸式、交互式的3D虚拟环境,让用户仿佛置身于宁静而充满自然气息的露营场景之中。

在线演示:ivankapunac.com

08

thesigner

一个具有 Three.js 背景的简单个人展示页面。在滚动中过渡两个简单的元素,加上光影效果,科技感十足。

在线演示:thesigner.pl

09

Yapac

作者从使用纯 HTML + JS + Three.js 更新为使用 React.js + Three.js。一个非常年轻的软件工程师,02年出生在摩洛哥。

在线演示:yapacdev.com

10

PavelBoytchev

作者一看就是一位充满故事的男人。

在线演示:www.pranavaa.com

感谢您的阅读

相关推荐
速易达网络14 小时前
ECharts 图表制作完全指南:从零到可视化实战
前端·javascript·echarts
IT_陈寒14 小时前
SpringBoot多环境配置把我坑惨了,这个踩坑经验你最好看看
前端·人工智能·后端
徐小夕14 小时前
深度剖析 30k star 的编码 Agent DeepSeek-Reasonix:长会话 Token 成本直降 80%
前端·vue.js·github
轻松西西莱尔14 小时前
谷歌+斯坦福+CMU 等五家 203 页综述,我做了个HTML把主动式AI的边界跑给你看
前端·html·agent
吴凡wudianmei15 小时前
从 0 搭一个 AI Agent(四):SSE 跑通之后,三处“契约错配”与它们的修复边界
前端·后端·aigc
不可能片场15 小时前
Electron 发布 别拿 load 事件当页面就绪
前端·electron
paopaokaka_luck15 小时前
灾害应急物资管理系统(AI应急助手、Echarts可视化数据看板、捐赠入库联动、 物资全流程管理、库存变动追溯、灾情资讯与互动反馈、物资发放公示)
java·前端·javascript·spring boot·mysql·tomcat·echarts
kyriewen15 小时前
我验了 7 种 sticky 失效说法:3 种根本不成立
前端·javascript·程序员
程序边界15 小时前
一台数据集成软件的拆解笔记(下):一致性、容错、跑批与迁移,KFS 真正难的地方在这
java·前端·笔记
健康活着就好15 小时前
# 前端图片优化实战,首屏加载提速60%
前端