前智能機(jī)平臺(tái)
推薦幾個(gè)第三方Js庫(kù)
1.Sencha
HTML5的手機(jī)應(yīng)用框架, Sencha是將Html5+Css3+JavaScript結(jié)合起來(lái)的框架。
Sencha使用最新的Html5,可以靈活使用音頻、視頻的組件及離線保存數(shù)據(jù)的localStorage。加上Css3,可以使表現(xiàn)更加豐富。 http://www.sencha.com/
2.jwebsocket
封裝了HTML5的socket通訊框架,在服務(wù)器端的Java和Javascript建立了一個(gè)靈活高速雙向的Socket通訊框架.http://jwebsocket.org/
3.Pixastic
Pixastic 使用HTML5的Canvas對(duì)象,效果包括去飽和度,灰度級(jí),反轉(zhuǎn),亮度,對(duì)比度調(diào)整,色調(diào),飽和度調(diào)整,以及浮雕,虛化等效果。 http://www.pixastic.com/
智能手機(jī)更加給力的支持
Apple公司在iOS版本更好的支持HTML5和W3C新標(biāo)準(zhǔn);
DeiviceOrientation API(設(shè)備旋轉(zhuǎn)應(yīng)用程序編程接口)對(duì)加速器和回轉(zhuǎn)儀的支持.
來(lái)自海外的消息
Zynga宣布發(fā)布第一款運(yùn)行于手機(jī)網(wǎng)頁(yè)的HTML5游戲《Mafia Wars Atlantic City》下載量很快突破40萬(wàn)次;
Zynga收購(gòu)游戲引擎開(kāi)發(fā)商Dextrose的HTML5游戲引擎;
美國(guó)移動(dòng)休閑游戲開(kāi)發(fā)商Moblyng 基于HTML5的跨平臺(tái)游戲開(kāi)發(fā)融資1000萬(wàn)美金;
更多…
HTML5游戲引擎模式
未來(lái)愿景
不再區(qū)分為PC網(wǎng)游開(kāi)發(fā)商,網(wǎng)頁(yè)游戲開(kāi)發(fā)商,還是手機(jī)游戲開(kāi)發(fā)商,我希望我們就只是游戲開(kāi)發(fā)商,專(zhuān)注提供游戲內(nèi)容的,我們希望能提供給玩家更多更精彩的內(nèi)容,而兼容所有的平臺(tái).
分之九十以上的智能硬件都需要通過(guò)手機(jī)來(lái)操作,大都需要在手機(jī)上安裝APP。除了用短信方式控制之外,其他的操作界面都用專(zhuān)門(mén)的開(kāi)發(fā)工具來(lái)編程實(shí)現(xiàn),這些工具都有哪些呢?今天蟻哥給大家推薦幾個(gè)免費(fèi)的開(kāi)發(fā)工具。
這個(gè)工具程序員最為熟悉不過(guò)了,它支持很多種語(yǔ)言編程。要使用它來(lái)編寫(xiě)APP,需要下載專(zhuān)門(mén)的SDK,安裝過(guò)程也許會(huì)讓新手經(jīng)歷一番波折。不過(guò)網(wǎng)上可以找到打包好的程序:ADT-Bundle,直接解壓縮就可以使用了。
EClipse開(kāi)發(fā)環(huán)境
谷歌自家出的官方安卓軟件集成開(kāi)發(fā)工具 Android Studio,宣稱(chēng)“會(huì)讓開(kāi)發(fā)者更快、更具生產(chǎn)力”。它完全免費(fèi),跨平臺(tái)支持 Win / Mac / Linux。它的界面和EClipse幾乎一樣,不過(guò)支持實(shí)時(shí)渲染。有能力的程序員朋友不妨試一試這個(gè)工具。
這個(gè)工具很有意思,它是谷歌和MIT一起研發(fā)的圖形化的編程工具。因?yàn)槟悴恍枰倬帉?xiě)代碼了,只要拖拖拽拽就能夠做出自己的APP了。不過(guò)用這個(gè)工具做出來(lái)的UI大多數(shù)是中規(guī)中矩,想要做出特別炫的效果來(lái),還需要下點(diǎn)苦工啦。
App Inventor
Html大家都不陌生,Html5是最新的版本,它具有新的元素,屬性和行為,具有更大的技術(shù)集,允許更多樣化和強(qiáng)大的網(wǎng)站和應(yīng)用程序。通過(guò)H5可以直接用JS語(yǔ)言編寫(xiě)頁(yè)面。通過(guò)WebSocket技術(shù),H5可以跟服務(wù)器進(jìn)行通信,進(jìn)而控制帶有WIFI功能的單片機(jī)。這就讓我們可以不用安裝APP,通過(guò)網(wǎng)頁(yè)直接對(duì)單片機(jī)進(jìn)行控制。不過(guò)手機(jī)上的瀏覽器必須支持Html5才行。
最近火的不得了的微信小程序,也可以通過(guò)調(diào)用藍(lán)牙接口或者通過(guò)WebSocket實(shí)現(xiàn)對(duì)單片機(jī)的控制,大家可以直接搜索微信開(kāi)發(fā)者的官網(wǎng),下載專(zhuān)門(mén)的開(kāi)發(fā)工具,教程也比較齊全。
微信Web開(kāi)發(fā)工具
希望我的分享對(duì)大家有所幫助,歡迎大家多評(píng)論,多交流!
作中經(jīng)常遇到PC端掃碼登錄的需求,為了在下次遇到相關(guān)需求不麻抓,針對(duì)性的動(dòng)手實(shí)驗(yàn)一下.答題思路是需要用websocket的通信方式來(lái)進(jìn)行信息的傳遞.具體怎么實(shí)現(xiàn)呢?
一、整體的邏輯分為:
1、PC生成二維碼并和后端建立連接
2、鏈接建立成功,PC組裝唯一標(biāo)識(shí),發(fā)消息給后端
3、后端進(jìn)行數(shù)據(jù)處理
4、app掃描并獲取到PC二維碼信息,并建立和后端通信
5、app傳遞二維碼信息給后端進(jìn)行數(shù)據(jù)處理
6、后端接收到app的消息根據(jù)設(shè)備信息講信息傳輸給PC進(jìn)行更新二維碼狀態(tài)
7、PC繼續(xù)等待app通過(guò)后端傳遞來(lái)的用戶標(biāo)識(shí)
8、PC接收到用戶標(biāo)識(shí)進(jìn)行請(qǐng)求業(yè)務(wù)信息
9、PC接收到后端的業(yè)務(wù)信息進(jìn)行自動(dòng)登錄
10、success
二、所需要的環(huán)境
1、Java、SpringBoot、WebSocket
2、vue WebSocket
3、OC SocketRocket
三、核心代碼
iOS端和后端建立連接并傳輸組合后的數(shù)據(jù)
iOS
PC端和后端建立鏈接并監(jiān)聽(tīng)后調(diào)進(jìn)行業(yè)務(wù)操作
pc
后端處理來(lái)自移動(dòng)端和PC端的邏輯數(shù)據(jù),并進(jìn)行消息回送
后端
致此我們的整個(gè)登錄邏輯就完整了.
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。