此乃投于谷歌I/O写作之赛

者也。
及观谷歌I/O二六之布,首映于吾目者,乃新设之Canvas中HTML API,用之于Chrome也。
初见之,似为微末之渲染更新,然吾诚思此或可成今世图形繁重、实时应用之要改也。
乃深好者:
- 实时应用,
- 多人系统,
- 瀏覽器畫像
- 网络图形/网络GPU,
- 與互動地圖體驗,
此公告立時與吾所愛建構之項目相連,
問題畫布素來有之
歲月間,開發者必於二者間擇一:
- 使用DOM(HTML/CSS)
- 使用Canvas/WebGL/WebGPU
DOM賜予吾輩:
- 可及性,
- 文本选取,
- 浏览器翻译,
- SEO优化,
- 表单处理,
- 及浏览器原生交互。
而Canvas则赐予吾等:
- 卓越性能,
- GPU渲染,
- 精妙图形,
- 粒子系统,
- 游戏之乐。
- 與沉浸視覺體驗
然其弊在於,一旦內容入畫布,便化為像素。是故:
- 文字不可選擇,
- 無障礙難行,
- 瀏覽器功能停滯,
- 而開發者常需手工重構UI系統。
谷歌新添之HTML于Canvas API,欲弥此隙,许开发者于Canvas渲染之境中,呈现实际DOM元素,而 browser 之特性与交互得存.
此事于我何干
此公告令我欣喜之由,一者因我所欲构建之应用.
今我意趣所在之项目,有:
- 实时地图,
- 多人互动
- 空间界面,
- 網絡遊戲,
- 沉浸式社交之境。
吾所谋之项目,名曰鸟墨一基于图谱之社交应用也。吾又曾致力于一概念。云朵之灵者,专于实时互动与基于地之体验也。
此等系统,开发者常遇一难:
何以合:
- GPU驱动之渲染,
- 实时之图形,
- 及沉浸之视系
与:
- 寻常浏览器之互动,
- 易达之界面,
- 与基于HTML之界面乎?
昔者,通例乃于画布之上覆以HTML,而手自调其位。
此法虽可,然于宏大实时之系统中,顷刻即乱。
吾将如何融HTML于画布以入吾之项目
一见公告,吾之项目立生数用。
互动地图标签
若如BirdInk之地图应用,HTML于Canvas中或可致:
- 可及地图标签,
- 互动资料卡,
- 浏览器可索文字,
- 及可选内容
于GPU所绘地图景致中。
非以素像素视万物,界面可恒存互动与可及.
实时聊谈之系
于众戏或群聚之境,聊谈界面常难融于沉浸性图形之系.
以HTML于Canvas,得有:
- 本生文字输入,
- 浏览器支持之复制粘贴,
- 可及之聊天系统,
- 及交互界面
直融于渲染之景。
此可大简实时应用之架构。
更优之WebGPU接口
吾亦甚好WebGPU及高性能渲染之系统。
GPU繁重之应用,素难于制为精妙之界面,非亲手更造一切不可。
此API或可令开发者:
- 用真HTML之按钮,
- 表单,
- 滑块,
- 菜单,
- 及文系统,
于WebGL/WebGPU之境中。
此乃工作流程之巨变也。
何故觉此异乎寻常
今年Google I/O之公告,多聚焦于人工智能,此乃意料中事。
然HTML-in-Canvas于我,则觉迥异。
似为平台之根本改进,开发者或默然倚赖于数年。__JHSNS_SEG_f0c1516e_95__非炫目之技也。
非逐流之趋.
惟诚然有用.
吾以为此乃可影响之功能:
- 浏览器游戏引擎(__browser game engines__),
- 设计软件(__design software__),
- 协作工具(__collaborative tools__),
- 沉浸式界面(__immersive interfaces__),
- 计算机辅助设计系统(__CAD systems__),
- 教育模拟软件(__educational simulations__).
- 与未来空间网络体验之愿景
我所钟爱之演示
此等演示与论辩,令我更觉公告之喜:
画布中 HTML 演示视频
此演示助我直观感知 DOM 元素如何自然存于沉浸式渲染之境中
WebGPU + 交互式界面演示
吾尤喜观交互界面之要素,如何与GPU渲染之图形相协.
X上之演示
吾最大之忧虑
虽吾对此方向甚为欣悦,然犹存忧虑.
网页渲染之管线已甚繁复:
- DOM,
- CSS,
- 合成,
- WebGL,
- WebGPU,
- 无障碍树,
- 事件系统。
此诸系统相融,或致:
- 性能之冗,
- 浏览器之异,
- 调试之艰,
- 及实现之繁。
吾亦好奇此技于Chrome外能否成定制之范。
此将决开发者于生产系统是否尽用之。
终思
吾最欣悦于Canvas中HTML之非独其技,乃其所象也。
曩岁,开发者必择于二者:
- 浏览器原生之UI
- 高性能图形.
此公告似为未来之始,开发者不复需权衡.
为开发者构建:
- 游戏,
- 实时系统,
- 协作工具,
- 沉浸体验,
- 及GPU驱动应用,
此或为近年最具影响之网页平台更新。











