資訊專欄INFORMATION COLUMN
摘要：識(shí)別出人臉后，要算寬度，要在一定的寬度才算人臉，可以裁剪出正方形發(fā)送檢索人臉。
人臉簽到
花了一個(gè)星期做了人臉簽到的demo，github地址歡迎star,在線預(yù)覽大屏幕demo
先說(shuō)些廢話，以前做年會(huì)的抽獎(jiǎng)，感覺(jué)好傻，現(xiàn)在正好在學(xué)threejs，就想做個(gè)這樣的場(chǎng)景來(lái)抽獎(jiǎng)的方式，又在學(xué)人臉識(shí)別的知識(shí)，就想做人臉識(shí)別簽到，就想都做在瀏覽器中
體驗(yàn)完整過(guò)程1.微信掃描注冊(cè)上傳頭像
手機(jī)瀏覽器打開人臉識(shí)別（ios11支持，微信瀏覽器不支持）
3.電腦打開大屏幕 地址
大屏幕可以同步顯示剛剛的人臉
需要調(diào)用攝像頭，實(shí)時(shí)顯示有人臉，可以用node或者python調(diào)用opencv之類的，但是這是后端的應(yīng)用，可以用樹莓派做個(gè)裝置，但是是瀏覽器識(shí)別，所以用tracking.js（已經(jīng)好幾年沒(méi)有更新了，要識(shí)別其他的模型的話，可以python訓(xùn)練出來(lái)模型）。識(shí)別出人臉后，要算寬度，要在一定的寬度才算人臉，可以裁剪出正方形發(fā)送檢索人臉。
2.人臉檢索人臉檢索采用的是騰訊云的智能圖像的api，需要?jiǎng)?chuàng)建個(gè)人信息，需要一個(gè)唯一的id（用的是微信的openid），一個(gè)人臉可以添加20張相似度低于99%的圖片，一個(gè)組織可以有2w個(gè)人，肯定夠用的，接口費(fèi)用很便宜，月調(diào)去量是一萬(wàn)次免費(fèi)
3.上傳個(gè)人信息獲取微信openid，將照片上傳到服務(wù)器保存，并添加到騰訊云的臉庫(kù)中
4.threejs場(chǎng)景添加一個(gè)天空盒
計(jì)算球（原實(shí)例用的CSS3render，需要改成webglrender）
L形狀 四個(gè)需要寫頂點(diǎn)連接
動(dòng)畫效果 用anime.JS，感覺(jué)好用，為什么不用tween，因?yàn)樽约簞倓倢W(xué)會(huì)的，所以想試一試
出現(xiàn)了人臉，需要將人臉飛到球的方塊中，需要用到坐標(biāo)轉(zhuǎn)換，還有四元數(shù)，才能緊貼著
空閑沒(méi)有人臉，會(huì)一直播放隨機(jī)圖片動(dòng)畫，有人臉了會(huì)動(dòng)畫結(jié)束后播放
5.socket通信用socket.io通信，實(shí)時(shí)識(shí)別到人臉后，將人臉圖及時(shí)發(fā)送到大屏幕
6.ssl因?yàn)橛脭z像頭識(shí)別需要ssl證書，他的請(qǐng)求都需要ssl，所以服務(wù)都要使用ssl證書，nginx或者apache需要配置https，并且將端口轉(zhuǎn)發(fā),配置node服務(wù)以及socket服務(wù)的https
未完成tasks會(huì)修改人臉飛入的動(dòng)畫，需要有個(gè)中間點(diǎn)過(guò)度
增加粒子的動(dòng)畫，任意選個(gè)圖片添加爆炸成圖片的效果
用寫shader來(lái)寫些效果
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/96014.html
摘要：增強(qiáng)現(xiàn)實(shí)以下簡(jiǎn)稱浪潮正滾滾而來(lái)，瀏覽器作為人們最唾手可得的人機(jī)交互終端，正在大力發(fā)展技術(shù)。目前年底前端要想實(shí)現(xiàn)，都是靠的視頻透視式技術(shù)。但這兩個(gè)都是移動(dòng)的，于是谷歌的團(tuán)隊(duì)提供了和兩個(gè)庫(kù)，以便開發(fā)者能用技術(shù)來(lái)基于和開發(fā)，從而實(shí)現(xiàn)。 本文作者 GeekPlux，博客地址：http://geekplux.com/2018/01/18/augmented-reality-development...
摘要：身為一名前業(yè)務(wù)程序員和現(xiàn)前端程序員，這樣的功能還是陌生的領(lǐng)域。需求使用加攝像頭，通過(guò)人臉檢測(cè)，完成自動(dòng)拍照功能。在的屏幕上，顯示攝像頭的實(shí)時(shí)畫面，要是畫面中檢測(cè)出人臉，則觸發(fā)拍照。這樣做的效果能夠獲得更高的，同時(shí)還能完成更遠(yuǎn)距離臉部的捕獲。 因?yàn)轫?xiàng)目原因，需要使用人臉檢測(cè)（face detection）功能。身為一名前JAVA業(yè)務(wù)程序員和現(xiàn)前端程序員，這樣的功能還是陌生的領(lǐng)域。那能不能...
摘要：的發(fā)布已經(jīng)有一些時(shí)日，其主要的提供的能力是給予前端直接可用的特征檢測(cè)的接口包括條形碼人臉文本檢測(cè)。本文將簡(jiǎn)單的對(duì)其進(jìn)行介紹，對(duì)前端進(jìn)行人臉檢測(cè)進(jìn)行普適性的講解。 Shape Detection API 的發(fā)布已經(jīng)有一些時(shí)日，其主要的提供的能力是給予前端直接可用的特征檢測(cè)的接口（包括條形碼、人臉、文本檢測(cè)）。本文將簡(jiǎn)單的對(duì)其進(jìn)行介紹，對(duì)前端進(jìn)行人臉檢測(cè)進(jìn)行普適性的講解。（本文不講算法～望...
閱讀 3690·2021-09-07 10:19
閱讀 3633·2021-09-03 10:42
閱讀 3588·2021-09-03 10:28
閱讀 2555·2019-08-29 14:11
閱讀 814·2019-08-29 13:54
閱讀 1601·2019-08-29 12:14
閱讀 421·2019-08-26 12:12
閱讀 3619·2019-08-26 10:45
