來Google 面館用代碼拉面

代碼不止，活力不止！

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

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

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

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

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

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

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

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

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

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

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

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

責(zé)任編輯：xj

原文標(biāo)題：Google 面館營(yíng)業(yè)啦！揭秘拉面背后的機(jī)器學(xué)習(xí)技術(shù)

文章出處：【微信公眾號(hào)：TensorFlow】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。