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