「怀旧向」用 HTML+CSS 像素级复刻 QQ2006 经典界面

1 月 17 日
 mengkun

这是一个使用 HTML + CSS + JavaScript 实现的 QQ2006 像素级复刻项目,重现了 80/90 后网友的青春记忆——那个伴随我们成长的经典 QQ 界面!

从登录框的珊瑚蓝渐变,到主面板的好友头像,再到聊天窗口的功能图标,所有素材全部从原版 QQ2006 安装包提取,力求还原最原始的体验。

演示地址: https://lab.ur1.fun/QQ2006/

开源地址: https://github.com/mengkunsoft/QQ2006

🎯 为什么做这个?

20 年前的 QQ2006 ,是很多 80/90 后的数字故乡。那时我们还说着“GG/MM”,攒钱买 Q 秀,为太阳等级熬夜挂机……这个项目不只是 UI 复刻,更是一次怀旧疗愈。

好吧,其实纯为了怀旧&好玩,要说有什么用,还真没什么用……

本项目代码全是业余时间手搓,没有用到 AI ,断断续续做了两周。

🌟 未来计划

⚠️ 注意事项

🤝 贡献指南

如果你对这个项目感兴趣,想一起打造更完整的 QQ2006 复刻版,欢迎提交 PR 或 Issue 。让我们一起为这段数字记忆添砖加瓦!

📜 开源许可

你可以自由地分享和修改代码,但请保留出处。


让我们一同重温那段青涩时光,用代码致敬经典!

3435 次点击
所在节点    分享创造
20 条回复
kalman03
1 月 17 日
火钳刘明啦,不错
Natsumoku
1 月 18 日
支持!以及……从某种角度上说我和楼主算是同道中人?楼主做的是模拟 QQ ,而我做的是……这个模拟当时发短信的游戏: https://store.steampowered.com/app/3231040/_/?l=schinese
试玩已经开放下载了,欢迎体验&加愿望单。
codehz
1 月 18 日
@Natsumoku 你这个屏幕分辨率太高了,建议加点像素化然后上一个 LCD 模拟的 shader ,然后 UI 布局也过于现代化
v1
1 月 18 日
有没有大神研究下 QQ2006 的协议,做个后端出来~ 有时候也不是一定要吃屎,可以变废为宝,内网用用
Amyang
1 月 18 日
qq 宠物和农场有没有
craftsmanship
1 月 18 日
纯手工好评…只不过 readme 像 AI 写的
dianso
1 月 18 日
前端时间见一个女程序员从 archive.org 找到旧版 QQ 秀资源,用前端复刻了,github 上有,也是怀念。
xmlf
1 月 18 日
@v1 以前有个校内通是差不多的,有客户端和自部署服务端。当年我在大学里部署了一套
zenfsharp
1 月 18 日
二十年了!
bkmi
1 月 18 日
真不错,可以直接给那些拍电影电视的用了
mengkun
1 月 18 日
@v1 我做的时候也想过这个,刚好 QQ2006 是可以直接修改服务器地址的,完全可以做个私服实现真正的复活。奈何不会逆向,年代太久远网上关于 QQ2006 协议的分析也比较少,放弃了~
mengkun
1 月 18 日
@craftsmanship 很准,README 确实是 AI 风味的,哈哈~
mengkun
1 月 18 日
@Natsumoku 大佬太牛了!期待正式版
mengkun
1 月 18 日
@Amyang QQ 农场好像腾讯官方要复刻回归了
niubiman
1 月 18 日
字体必须要仿宋体啊,不然没有灵魂
niubiman
1 月 18 日
@niubiman 额,我看到截图是,但是浏览器打开是 ios 默认字体
xiaomoxian
1 月 19 日
怎么不能聊天
xiaomoxian
1 月 19 日
@dianso 有地址不
dianso
1 月 19 日
@xiaomoxian #18 github 能搜到
mengkun
1 月 19 日
@niubiman 用的宋体,没嵌入字体。IOS 没宋体所以会显示成默认字体

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1186508

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX