快科技4月12日消息,用户Robin近日展示了一项基于Chrome实验性功能的有趣Demo:将真实HTML网页内容直接渲染到《DOOM》游戏内部,使其成为游戏场景中的墙壁贴图。
与以往在任何设备上运行DOOM的玩法不同,这次是把网页塞进DOOM里。
该项目的核心是Chrome正在开发的canvas-draw-element功能,允许将DOM元素作为像素数据绘制到<canvas>画布中。
Demo在浏览器中运行doom.wasm(DOOM的WebAssembly版本),在每一帧游戏循环中抓取HTML内容,将其转换为DOOM的256色调色板,并写入游戏的纹理缓存。
DOOM随后像渲染普通墙壁一样对其进行处理,包括光照、透视变形,甚至受伤时的红色滤镜效果。
Robin在测试中还发现了一个有趣的细节,密码管理器插件会正常弹出并覆盖在游戏画面上,甚至一度阻挡了移动,这从侧面证明了渲染在游戏内的确实是真实的HTML表单,而非静态截图。
目前该功能仍处于实验阶段,需要在Chrome地址栏输入chrome://flags/#canvas-draw-element手动开启。



