《我的世界》(Minecraft)克隆版

搜索文档
零JS,他用4.6万行HTML+CSS手搓了个《我的世界》,程序员哭诉:网友把服务器玩爆了
36氪· 2025-05-28 20:14
几年前做前端,HTML、CSS 和 JavaScript 被誉为「前端三剑客」,是很多入坑的开发者逃不开避不掉的技术。其中,HTML 负责搭建架子、CSS 负责视 觉美化、JavaScript 则主攻网页交互,三者缺一不可。 目前,这个项目也已经在 GitHub 上开源:https://github.com/BenjaminAster/CSS-Minecraft 480 行 CSS + 46022 行 HTML,堆出了一个 3D 世界! 那 Benjamin Aster 是怎么做到的呢? 这个问题其实也引起了不少开发者的兴趣。英国程序员、Django 框架的作者 Simon Willison 就在看到这个项目后,专门写了一篇博客,深入解析了这个 0 行 JavaScript、全靠 HTML 和 CSS 撑起来的《我的世界》克隆版背后的技术原理。 简单来看,这是一个 9x9x9 的世界,可以在其中放置或移除 7 种不同类型的方块,也可以以 3D 视角旋转这个世界,从不同角度进行观察。 不过最近,一位名叫 Benjamin Aster 的开发者却玩了波「反套路」—— 他竟然用纯 HTML 和 CSS 搞出了一个《 ...