代碼不止，活力不止！

谷歌面館正式“營業(yè)”

想體驗(yàn)一把拉面大師的快感？

現(xiàn)在前往 2020 Google 開發(fā)者大會官網(wǎng)

馬上創(chuàng)建自己的“代碼拉面”！

來谷歌面館體驗(yàn)虛擬拉面

勞逸結(jié)合身心更健康

連續(xù)六天的谷歌開發(fā)者大會不僅帶來了滿滿的技術(shù)干貨，更鼓勵日夜與代碼奮戰(zhàn)的開發(fā)者們勞逸結(jié)合，在觀看演講的間隙也可以活動放松，補(bǔ)充滿滿元?dú)狻?strong>運(yùn)用 TensorFlow.js 中的 PoseNet 來實(shí)現(xiàn)動態(tài)捕捉，玩家只需要從網(wǎng)絡(luò)攝像頭和瀏覽器參與互動即可輕松體驗(yàn)歡樂的”代碼拉面“。

來到谷歌面館到底怎么拉面？每局拉面限時 60 秒，玩家可以想象自己是拉面大師，通過活動手和上半身的動作配合來制作虛擬“面條”，比如盡可能地上下移動拉扯面條，也可以加速甩動表演酷炫拉面絕技。

在拉面過程中也要時刻心手配合收集特殊配料以獲得增加面條長度的點(diǎn)數(shù)，但也要小心如果接到“黑暗料理”則會縮短面條的長度。得分越高就能解鎖更多“拉面英雄徽章”！是不是手癢癢等不及來谷歌面館“一決長短”？使用電腦參與游戲體驗(yàn)更佳哦！

TensorFlow.js 實(shí)現(xiàn)動態(tài)捕捉

創(chuàng)建 “代碼拉面”

谷歌面館正是基于 TensorFlow.js 中的 PoseNet 來實(shí)現(xiàn)動態(tài)捕捉，將用戶的肢體動作與“拉面”概念做結(jié)合，創(chuàng)造出有趣又好玩的互動體驗(yàn)。

整個體驗(yàn)中最關(guān)鍵的是手部動作的檢測。通過從 PoseNet 中選擇經(jīng)過預(yù)演的模型，并在裝置攝像頭實(shí)時進(jìn)行手部位置的估計(jì)，TensorFlow.js 就可以在瀏覽器中運(yùn)行現(xiàn)有的機(jī)器學(xué)習(xí)模型，無需花太多精力即可實(shí)現(xiàn)手部動作檢測。通過這一系列技術(shù)支持，玩家可以在游戲中移動、拉伸、扭曲虛擬的面條。

谷歌面館中還使用了 Angular 構(gòu)建主體框架，為網(wǎng)站功能設(shè)置了強(qiáng)大的基礎(chǔ)架構(gòu)，然后結(jié)合 TensorFlow.js 和 PoseNet 中豐富的模型庫來自動檢測手勢和各種肢體動作，直接從網(wǎng)絡(luò)攝像頭和瀏覽器擺姿勢創(chuàng)建真人的實(shí)時視覺建模。以及游戲渲染和物理引擎（如 Phaser ）也用于幫助實(shí)現(xiàn)一根根面條在虛擬環(huán)境中呈現(xiàn)真實(shí)的物理狀態(tài)。

 Angular 

用于在 HTML 中構(gòu)建動態(tài)和交互式應(yīng)用程序的現(xiàn)代 javascript 框架。它可以將網(wǎng)頁用作模板語言，并擴(kuò)展 HTML 的句法，清晰簡潔地表達(dá)應(yīng)用程序的組件。

 TensorFlow.js 

一個使用 Javascript 和高級 API 進(jìn)行機(jī)器學(xué)習(xí)的開源庫。如果您不熟悉機(jī)器學(xué)習(xí)技術(shù)，那么這是一個很棒的初學(xué)者工具，可根據(jù)你的需求定義，運(yùn)行和訓(xùn)練模型。

 PoseNet 

一種視覺模型，用于通過標(biāo)記關(guān)鍵的身體位置來檢測和預(yù)估圖像或視頻中的單人或多人姿勢。該技術(shù)無法識別圖像中的人物，該算法只是檢測由“Part ID”索引的關(guān)鍵點(diǎn)，置信度得分在 0.0 到 1.0 之間，其中 1.0 為最高。點(diǎn)擊了解動作捕捉如何讓 SVG 角色在瀏覽器中栩栩如生！

谷歌面館的誕生只是一個開始，我們期待通過谷歌面館這一互動體驗(yàn)，激發(fā)更多開發(fā)者與 TensorFlow 開源代碼社區(qū)一起，用技術(shù)創(chuàng)造更多超乎想象的可能性，探索更非凡的交互體驗(yàn)。話不多說，一起點(diǎn)擊 2020 Google 開發(fā)者大會官網(wǎng)把面拉起來！

閱讀全文