Web與Android真正的結(jié)合

Tamic 開發(fā)社區(qū)
更多文章請(qǐng)點(diǎn)擊: http://www.reibang.com/users/3bbb1ddf4fd5/latest_articles

“紙飛機(jī)”洛姑,剛開始只是一個(gè)簡單的想法- “能從一個(gè)屏幕扔個(gè)紙飛機(jī)到另一個(gè)屏幕”

提出這個(gè)想法人的核心理念是利用網(wǎng)絡(luò)的力量(即時(shí)通訊)把到世界各地所有人連接到一起蔚润。在現(xiàn)代網(wǎng)絡(luò)技術(shù)娄猫,特別是JavaScript和WebGL的發(fā)展,可以讓紙飛機(jī)實(shí)現(xiàn)到每個(gè)屏幕上誉尖。

紙飛機(jī)最初是 2016年的在谷歌I / O大會(huì)上提出的缨称,與會(huì)者和觀眾可以提前30分鐘連接载弄。在2016年國際和平日公眾推出,谷歌開發(fā)者做一個(gè)Android的實(shí)驗(yàn)姐军,這也是谷歌特色的播放功能-具有原生的Android7.0的功能污它,譬如當(dāng)飛機(jī)在其他地方被收到后,能及時(shí)豐富的以通知形式呈現(xiàn)。

介紹

用戶可以創(chuàng)建并同時(shí)增加自己設(shè)計(jì)好填充顏色的飛機(jī)衫贬。一個(gè)簡單的動(dòng)作就可以把飛機(jī)投射到虛擬世界德澈。用戶通過訪問Pc版網(wǎng)站就會(huì)看到飛機(jī)飛入畫面。

之后固惯,用戶就可以查看梆造,看看他們的飛機(jī)飛到世界各地。飛機(jī)上的每枚郵票(ip mac地址等)讀起來就像一本護(hù)照葬毫,以及可以看到3D的地球中飛行路線和距離镇辉。

除了讓自己的飛機(jī)飛出去,用戶可以通過手勢(shì)就像一張網(wǎng)捕捉已撲捉其他地方飛來的飛機(jī)贴捡,并可以進(jìn)入虛擬現(xiàn)實(shí)打開它忽肛,標(biāo)明自己已參觀過飛機(jī)。然后可以添加自己郵票烂斋,并把飛機(jī)重飛到飛機(jī)群屹逛。

WebView

開發(fā)紙飛機(jī)必須跨設(shè)備,使用最新網(wǎng)絡(luò)技術(shù)從50寸的谷歌桌面到其他移動(dòng)設(shè)備汛骂。

  • WebGL

從程式化的多邊形地球表面罕模,WebGL是用來渲染3D元素的技術(shù)。用自定義GLSL著色器 照亮渲染地球帘瞭,用可變形的坐標(biāo)作實(shí)現(xiàn)用戶打開關(guān)閉紙張的動(dòng)畫淑掌。

earth_wireframe.gif

WebSockets

當(dāng)用戶“拋出飛機(jī)”,這時(shí)會(huì)發(fā)送消息到WebSockets蝶念,這樣消息就被傳遞到所有的臺(tái)式電腦抛腕,這樣可以看到可視化的飛機(jī)。

WebWorkers

主線程WebWorkers主要采用多線程來計(jì)算地球表面的每個(gè)WebGL呈現(xiàn)的元素媒殉。

為了創(chuàng)建跨平臺(tái)的偉大工程担敌,,谷歌開發(fā)者擴(kuò)展了原生的Android代碼适袜。這使得他們能夠利用網(wǎng)頁中的Android柄错,將已經(jīng)存在的網(wǎng)頁代碼的應(yīng)用到app中,同時(shí)加入和操作系統(tǒng)深度整合過的豐富的通知和后臺(tái)服務(wù)苦酱。

有興趣的可以直接看紙飛機(jī)demo: https://github.com/activetheory/Paper-Planes-Android-Experiment

Notifications

Firebase 云服務(wù)(FCM)用于推送通知到Android應(yīng)用程序售貌。當(dāng)用戶的飛機(jī)已經(jīng)被用戶拿起來甩,就會(huì)很多城市疫萤,并且顯示已行駛的里程颂跨。并發(fā)控制的的通知管理器,以確保它們不會(huì)過于頻繁到推送到android設(shè)備。

后臺(tái) Service

谷歌開發(fā)者實(shí)現(xiàn)了每天一次檢查本地存儲(chǔ)的一個(gè)后臺(tái)服務(wù),以確定當(dāng)用戶在上次運(yùn)行app訪問后。如果用戶在兩周內(nèi)沒有訪問刺彩,應(yīng)用程序?qū)?huì)發(fā)送通知钓丰,邀請(qǐng)用戶啟動(dòng)并打開該應(yīng)用的一個(gè)頁面躯砰。

通信網(wǎng)

應(yīng)用服務(wù)器部署到谷歌云平臺(tái)的網(wǎng)絡(luò)上運(yùn)行。將連接所有設(shè)備上携丁,使用內(nèi)置的地理編碼的頭以獲取IP(用戶唯一標(biāo)識(shí)符)和Socket.IO 獲取大致地理位置琢歇。

用戶連接到服務(wù)器后,可以用任何設(shè)備查看該地區(qū)飛機(jī)記錄梦鉴。

期待谷歌關(guān)于Vr的更多飛躍……

如果喜歡 請(qǐng)繼續(xù)關(guān)注李茫!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市肥橙,隨后出現(xiàn)的幾起案子魄宏,更是在濱河造成了極大的恐慌,老刑警劉巖存筏,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宠互,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡方篮,警方通過查閱死者的電腦和手機(jī)名秀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門励负,熙熙樓的掌柜王于貴愁眉苦臉地迎上來藕溅,“玉大人,你說我怎么就攤上這事继榆〗肀恚” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵略吨,是天一觀的道長集币。 經(jīng)常有香客問我,道長翠忠,這世上最難降的妖魔是什么鞠苟? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮秽之,結(jié)果婚禮上当娱,老公的妹妹穿的比我還像新娘。我一直安慰自己考榨,他們只是感情好跨细,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著河质,像睡著了一般冀惭。 火紅的嫁衣襯著肌膚如雪震叙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天散休,我揣著相機(jī)與錄音媒楼,去河邊找鬼。 笑死戚丸,一個(gè)胖子當(dāng)著我的面吹牛匣砖,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播昏滴,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼猴鲫,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了谣殊?” 一聲冷哼從身側(cè)響起拂共,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎姻几,沒想到半個(gè)月后宜狐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛇捌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年抚恒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片络拌。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡俭驮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出春贸,到底是詐尸還是另有隱情混萝,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布萍恕,位于F島的核電站逸嘀,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏允粤。R本人自食惡果不足惜崭倘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望类垫。 院中可真熱鬧司光,春花似錦、人聲如沸阔挠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽购撼。三九已至跪削,卻和暖如春谴仙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背碾盐。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國打工晃跺, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人毫玖。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓掀虎,卻偏偏與公主長得像,于是被迫代替她去往敵國和親付枫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子烹玉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,744評(píng)論 25 707
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,727評(píng)論 22 665
  • 這周忙壞了,也累壞了阐滩,接連幾天凌晨下班二打;這周末都沒回家;補(bǔ)個(gè)一個(gè)美美的覺掂榔,下午起來畫畫了继效,上周的簡筆畫...
    Kimmy_Xiao閱讀 186評(píng)論 0 3
  • 本文參加#鄉(xiāng)憶·鄉(xiāng)思·鄉(xiāng)情·鄉(xiāng)戀#活動(dòng),本人承諾装获,文章內(nèi)容為原創(chuàng)瑞信,且未在其他平臺(tái)發(fā)表過。 家鄉(xiāng)穴豫,是自己可以說千萬句...
    12趙鳳婕閱讀 177評(píng)論 0 1
  • 以前我很愛看重生小說凡简。因?yàn)橹厣牢磥淼氖拢退銢]有別的天賦绩郎,這種預(yù)知也已經(jīng)是一根金手指潘鲫,可以買房買彩買股票翁逞,提前...
    念念1999閱讀 640評(píng)論 0 1