欢迎光临散文网 会员登陆 & 注册

用代码实现冰墩墩 ! beautiful

2023-03-12 11:06 作者:小刘Java之路  | 我要投稿

今天在逛GitHub的时候看见一个大佬用技术实现了冰墩墩,现在很火的一个奥运吉祥物,买都买不到。

北京冬奥会正在如火如荼的进行中,其吉祥物 —— 冰墩墩也非常受大家的喜爱。

image-20220209202319787

你抢到冰墩墩了么?

没抢到也没关系,作为一名程序员,我们有属于自己的浪漫,抢不到就自己做一个!

这不,思否的一位大佬 dragonir ,凭借高超的前端技术和建模技术,使用 Three.js + React 技术栈,自己创造了一个充满趣味和纪念意义的冬奥主题 3D 页面!


效果

实现效果如以下 👇 动图所示,页面主要由 2022 冬奥会吉祥物 冰墩墩 、奥运五环、舞动的旗帜 🚩、树木 🌲 以及下雪效果 ❄️ 等组成。按住鼠标左键移动可以改为相机位置,获得不同视图。

image-20220209202421676

在线预览:https://dragonir.github.io/3d/#/olympic (部署在 GitHub,加载速度可能会有点慢 😓`)

开源代码:https://github.com/dragonir/3d/tree/master/src/containers/Olympic

有兴趣的小伙伴可以进入GitHub查看此项目进行研究或者学习


用代码实现冰墩墩 ! beautiful的评论 (共 条)

分享到微博请遵守国家法律