主頁 > 前端設計 > 3D CV 論文調研

3D CV 論文調研

2020-09-20 03:47:09 前端設計

3D論文調研

Introduction

本文對3D的分類,分割,檢測任務進行了調研,在調研的論文中,主要使用的是3D點云資料,因為其包含的資訊更多,使得檢測,分類,分割等任務的結果更好,也因此大多數方法圍繞如何更好的提取點云資料特征而展開,這些方法可以大致分為兩類,一類是將點云資料通過投影或者體素化等變換,然后利用卷積神經網路進行特征提取,另一類是直接提取點云資料的特征,這里提取的特征包括每個點云資料自身的資料特征,以及點云與點云之間相對位置等資訊特征,然后通過下采樣等方式提取出全域特征,第一類方法由于點云資料本身的稀疏性,通過投影或體素化轉換之后獲得的結構也具有稀疏性,使用稀疏卷積等方式可以快速高效的提取特征,因此,此類方法的速度一般較快,但是由于轉換程序會導致一部分資訊的丟失,精度不是很好,第二類方法恰恰相反,由于其對每個點云資料以及點云資料之間的關系進行特征提取,其速度較慢但精度高,此外,為了兼顧速度和精度,有的論文將這兩類方法相結合,獲得了不錯的效果,通過這些方法提取到的特征,可以通過一些操作進一步表征,或者直接用于各類任務,下面將具體介紹各類任務中各種不同的方法,

文章目錄

  • 3D論文調研
    • Introduction
    • 1、classification & segmentation
      • 1.1 Point-based Methods
        • 1.1.1 PointNet: Deep Learning on Point Sets for 3D Classification and Segmentation
        • 1.1.2 PointNet++: Deep Hierarchical Feature Learning on Point Sets in a Metric Space
        • 1.1.3 Modeling Point Clouds with Self-Attention and Gumbel Subset Sampling
        • 1.1.4 Momen(e)t: Flavor the Moments in Learning to Classify Shapes
      • 1.2 Convolution-based Networks
        • 1.2.1 Pointwise Convolutional Neural Networks
        • 1.2.2 PointCNN: Convoution On X-Transformed Points
        • 1.2.3 Relation-Shape Convolutional Neural Network for Point Cloud Analysis
        • 1.2.4 KPConv: Flexible and Deformable Convolution for Point Clouds
      • 1.3 Projection based
        • 1.3.1 Multi-view Convolutional Neural Networks for 3D Shape Recognition
        • 1.3.2 RotationNet: Joint Object Categorization and Pose Estimation Using Multiviews from Unsupervised Viewpoints
        • 1.3.3 VoxNet: A 3D Convolutional Neural Network for Real-Time Object Recognition
      • 1.4 Graph-based
        • 1.4.1 Dynamic Graph CNN for Learning on Point Clouds
        • 1.4.2 Grid-GCN for Fast and Scalable Point Cloud Learning
    • 參考:

1、classification & segmentation

1.1 Point-based Methods

1.1.1 PointNet: Deep Learning on Point Sets for 3D Classification and Segmentation

機構:Stanford University
倉庫:https://github.com/charlesq34/pointnet
本文提出了一個可以直接提取點云資料特征的網路(PointNet),由于點云資料的無規則性,目前較多的處理方式是將其體素化,但是這會破壞一些點與點之間的聯系,PointNet可以很好的解決這個問題,并且對輸入點云資料中的一些干擾也具有很好的魯棒性,整個網路結構如圖1.1所示,其可以用于做分類和分割,這里主要介紹分類網路,網路主要包括3個關鍵部分:the max pooling layer、a local and global information combination structure、two joint alignment networks,首先第一個部分主要是為了應對點云的無序性,用數個MLP提取各個點云的特征,然后通過max pooling層進行初步特征的降維和融合(這里MLP + Max pooling的組合可以近似成一個對稱函式,應對點云的無序性),第二部分主要是為了分割部分,通過MLP + max pooling我們提取到了輸入點云的全域特征(global feature),但是分割還需要一些區域特征,并且將其與全域特征相融合,因此第二部分主要完成這一步,第三部分是為了使得網路提取的特征或者網路的分類結果不受點云資料的幾何變化(rigid transformation)而改變,論文的思想很簡單,在提取特征之前讓輸入與一個標準的空間對其,為了達到這一目的,論文使用了T-net對輸入先做一個變換,同時也對提取的特征做了同樣的變換,上面淺藍色的部分為整個分類的網路框架,
在這里插入圖片描述

圖1.1 PointNet

1.1.2 PointNet++: Deep Hierarchical Feature Learning on Point Sets in a Metric Space

機構:Stanford University
倉庫:https://github.com/charlesq34/pointnet2
PointNet 的基本思想是學習每個點的空間編碼,然后將所有單個點特征聚合到全域特征中,出于這一設計,PointNet 難以捕獲由度量(metric)引起的點的區域結構,而區域結構對卷積架構的成功有重要意義,我們知道 CNN 使用規則的輸入,在不同層應用不同的卷積核,逐層次地提取特征,更深的層擁有更大的感受野,通過層次結構抽象特征能夠使網路在未知資料上具有更好的泛化能力,PointNet++ 對此做了改進,首先通過底層空間的距離度量將點集劃分為若干個區域區域,使用 PointNet 在這些區域區域中進行特征提取,再以這些提取到的區域特征為單位,重復此程序,逐層抽象以產生更高級別的特征,直到獲取整個點云集合的全域特征,PointNet++ 的設計需要解決兩個問題:如何對點集進行區域劃分(sampling & grouping),以及如何通過區域特征提取器(PointNet)來抽象點集或區域特征,
針對第一個問題,如何對點集進行區域劃分,我們可以將每個區域區域視作一個球體,其包括質心和半徑兩個引數,為了使選取的區域區域均勻地覆寫整個集合,作者使用 Farthest Point Sampling(FPS,最遠點采樣)來選擇質心,對于半徑的選擇,由于輸入點集的不均勻性,作者假設輸入點集在不同區域具有不同的密度,因此,PointNet++ 的輸入與 CNN 的輸入非常不同,CNN 的輸入可以看作是在具有均勻密度的常規網格上定義的資料(image 作為輸入其逐像素之間是均勻的),在 CNN 中,區域區域的概念是通過 kernel 引入的,區域區域的大小就對應于 kernel 的大小,因此,半徑就類似與 CNN 中使用的不同的步長(stride),而半徑的選擇需要依賴于(考慮)輸入資料和具體的度量,由于是以每個區域區域為單位進行特征提取,所以半徑的大小也決定了感受野的大小,作者僅以經驗表明,雖然在 CNN 中較小的卷積核尺寸得到的效果越好,而在點云資料中該結論是相反的,由于采樣不足,較小的領域可能包含太少的點,這可能不足以讓 PointNet 魯棒地提取資訊(在 query ball 中,半徑0.1,近鄰點64個,knn中k也是64,使用的是同樣的引數nsample),針對第二個問題,我們已經知道 PointNet 能夠高效地對無序的點云資料進行特征提取,而且對輸入資料有很好的魯棒性,PointNet++ 中以 PointNet 作為區域特征提取器,將 PointNet 作為一個基礎的模塊,將區域點(特征)抽象為更高層次的表示,可以理解為 PointNet++ 分層地對輸入中的區域特征應用 PointNet 進行特征提取,網路的結構如下圖所示,其中一個SA結構包括先sampling和grouping,然后通過pointnet對每個區域區域進行特征提取,通過多個SA結構逐漸獲得高級特征(global feature),然后用于分類,分割任務因為還需要各個點區域的資訊,因此結合使用了插值和skin link跟之前的低級特征相結合,
在這里插入圖片描述

圖1.2 PointNet++

1.1.3 Modeling Point Clouds with Self-Attention and Gumbel Subset Sampling

機構:上海交大MoE實驗室和華為諾亞方舟實驗室
倉庫:
本文主要改進了PointNet++中的FPS的部分,使得選取的點更能處理外點,將down sampling的點選取在attention score大的點上,很形象的對比如圖1.3:
在這里插入圖片描述

圖1.3 兩種采樣方式的對比

整個的網路結構如圖1.4所示,該結構中主要有三個重要的模塊,ARPE module,GSA和GSS,ARPE module(Absolute and Relative Position Embedding)對top K(Nearest-neighbor Graph)點云利用類似于PointNet的結構進行特征提取,GSA模塊主要是引入了注意力機制,可以更好的捕獲點與點之間的關系,GSS(一種下采樣方法) 用在GSA之后,通過使用Gumbel Softmax進行計算每個點的重要程度,然后根據這個概率選取down sampling的點,分類任務中,不斷地使用GSA和down sampling,最后對最終剩下的點使用MLP提取特征,并使用average pooling得到分類結果,對于分割任務則一直使用GSA,最后對每個點使用MLP得到其對應的score,
在這里插入圖片描述

圖1.4 PATs

1.1.4 Momen(e)t: Flavor the Moments in Learning to Classify Shapes

機構:Technion - Israel Institute Of Technology
倉庫:
本文章提出的方法簡單,基本上就是增加網路的輸入,相比于pointnet++,其將網路的輸入由點的坐標(x,y,z)增加到(x,y,z,x2,y2,z2,xy, xz, yz),基本網路如圖1.5所示,可以從2nd Order-Layer 詳細網路中看到,其實與Pointnet++非常相似,無非就是還做了人工構造了2nd Order的特征,具體的Spatial-Trans中也加入了2nd Order-Layer,最后的效果證明,在ModelNet40的資料集上,效果很好,
在這里插入圖片描述

圖1.5 MomeNet

1.2 Convolution-based Networks

1.2.1 Pointwise Convolutional Neural Networks

機構:The University of Tokyo,Singapore University of Technology and Design
倉庫:https://github.com/hkust-vgd/pointwise
本文是Discrete Convolution Networks其中一類的代表:對中心點附近的區域進行區域劃分,每個區域內計算一個aggregated feature,區域固定,相當于得到了固定的grid,然后用固定的卷積核去卷積就可以了,這種權重域是離散的,就像普通的2D Convolution,離散卷積公式如下:
在這里插入圖片描述

結合圖1.6可知,其將中心點附近的區域分成柵格,每個柵格內的特征先相加然后用密度歸一化,最后再乘以柵格內的卷積權重得到,得到一個柵格的特征,多個柵格的特征相加得到新的特征,整個的網路結構如圖1.7所示,其首先用離散卷積提取點云資料的特征,并最后將低級和高級的特征相融合用于最終的分割和分類,
在這里插入圖片描述

圖1.6 Pointwise convolution

在這里插入圖片描述

圖1.7 PCNN

1.2.2 PointCNN: Convoution On X-Transformed Points

機構:華為,山東大學,北京大學
倉庫:https://github.com/yangyanli/PointCNN
本文主要介紹了一種 chi-transformation,該變換可以解決點云的無規則性問題,我們希望點云資料輸入的順序對最后的結果沒有影響,該變換與PointNet中的T-Net類似,T-Net是為了消除幾何變換對點云的影響,而chi變換是為了保證不受點云順序的影響,其變換的實作方式,也與T-Net類似,使用MLP實作,也就是使用FC層,在完成了chi變換之后,就可以對feature做Convolution,,下表1.1為PointCNN的演算法,

表1.1

在這里插入圖片描述

PointCNN的分類網路如圖1.8所示所示,比較簡單,首先使用chi-conv提取特征,然后用全連接層進行分類,
在這里插入圖片描述

圖1.8 PointCNN

1.2.3 Relation-Shape Convolutional Neural Network for Point Cloud Analysis

機構:中科大
倉庫:https://github.com/Yochengliu/Relation-Shape-CNN
本文主要提出一種新的RS-Conv(Relation-Shape Conv),可以直接提取點云資料中個點云之間的位置關系特征,同時該RS-Conv也滿足處理點云資料需要的特性:即點云輸入順序的不變性,點云資料剛性變換的不變性等,RS-Conv的具體實作如圖1.9所示所示,hij表示點云資料xi和xj之間的距離關系,通過共享權重的MLP將其轉換為wij特征,并將特征融合,然后再利用共享的MLP向高維特征(chanel raising)轉化,這便是一個RS-conv的實作,最終RS-CNN通過使用多個RS-Conv提取特征,然后用于分類和分割,如圖1.10所示,
在這里插入圖片描述

圖1.9 RS-Conv

在這里插入圖片描述

圖1.10 RS-CNN

1.2.4 KPConv: Flexible and Deformable Convolution for Point Clouds

機構:Mines ParisTech,Facebook AI Research,Stanford University
倉庫:https://github.com/HuguesTHOMAS/KPConv
本文提出了一種高效提取點云特征的KP-Conv,具體包括兩種,rigid和deformable,并以KP-Conv為基礎構建KP-CNN和KP-FCNN完成點云資料的分類和分割任務,Rigid KP-Conv如圖1.11所示,kernel中的每一個點對應一個權重Wk,然后計算input中的每個點與kernel中的點的距離,通過距離的遠近與kernel中的所有的Wk進行加權求和得到每個點最后的權重,Deformable KP-conv如圖1.12所示,其filter中各點的權重不是固定的,各點每次會生成一個偏移量(offset),然后將這個偏移量加在各點的權重上再做卷積操作,這個偏移量是通過rigid KP-Conv獲得,因為先用rigid KP-Conv可以獲得filter中各點的權重,然后以此權重來作為deformable KP-Conv的偏移量,
在這里插入圖片描述

圖1.11 Rigid KP-Conv

在這里插入圖片描述

圖1.12 Deformable KP-conv

1.3 Projection based

1.3.1 Multi-view Convolutional Neural Networks for 3D Shape Recognition

機構:University of Massachusetts, Amherst
倉庫地址:https://github.com/suhangpro/mvcnn
MVCNN將點云投影到不同的視角下,每個投影可以使用CNN進行特征的提取,然后將所有CNN提取的進行融合,論文闡述了該方法比直接使用3D的資料進行訓練結果要好,并且精度隨著投影的個數增加而提高,其網路框架如圖1.13所示,
在這里插入圖片描述

圖1.13 MVCNN

1.3.2 RotationNet: Joint Object Categorization and Pose Estimation Using Multiviews from Unsupervised Viewpoints

機構:National Institute of Advanced Industrial Science and Technology (AIST)
倉庫:https://github.com/kanezaki/rotationnet
相比于MVCNN,RotationNet使用了更多的視角,并在處理了每個視角的關系,其網路結構如圖1.14所示,
在這里插入圖片描述

圖1.14 RotationNet

1.3.3 VoxNet: A 3D Convolutional Neural Network for Real-Time Object Recognition

機構:Robotics Institute, Carnegie Mellon University
倉庫:https://github.com/skyhehe123/VoxelNet-pytorch
該論文把點云投影為占據柵格,然后使用3D CNN進行特征提取,并給出分類的結果,網路結構如圖1.15所示,

在這里插入圖片描述

圖1.15 VoxNet

1.4 Graph-based

1.4.1 Dynamic Graph CNN for Learning on Point Clouds

機構:Massachusetts Institute of Technology
倉庫:https://github.com/WangYueFt/dgcnn
本文在PointNet的基礎上,提出了一種新的計算點云中點的feature的演算法,提升了點云分類、分割等任務的性能,具體來說,論文提出了兩個新的概念:EdgeConv和Dynamic Graph,用EdgeConv替代PointNet中的MLP便可以得到論文提出的DGCNN網路,而在每次計算EdgeConv時,都需要更新一下graph,下面分別介紹EdgeConv和Dynamic Graph, EdgeConv主要實作對點云中節點的feature的更新操作,改進了PointNet中缺少區域資訊的缺點,作者提出的edgeConv在計算(更新)每個點的特征時,不僅考慮這個點當前的特征,還考慮了在當前的特征空間內,與當前點距離最近的K個點的特征,在特征空間內與目標點臨近的K個點,可以在小范圍內構成一個小的區域圖,從中計算出來的資訊,可以認為是一種區域feature,讓全域特征和區域特征共同來影響每個點特征的更新,而隨著特征空間的變換,每個點相鄰的K個點也在發生變化,因此需要對每個點相鄰點進行更新,也就是所謂的dynamic graph,如果把KNN找到的點,看作是receptvie field,那么深層網路處,由于每層KNN的結構都不同,每個點的receptvie field會越來越大,直覺上,這種方式可能更有利于全域feature的學習,DGCNN的網路結構如圖1.17所示,
在這里插入圖片描述

圖1.16 EdgeConv

在這里插入圖片描述

圖1.17 DGCNN

1.4.2 Grid-GCN for Fast and Scalable Point Cloud Learning

機構:University of Southern California ,圖森未來
倉庫:https://github.com/Xharlie/Grid-GCN
自PointNet++ 和DGCNN問世以后,基本所有的點云處理模型都要使用采樣或近鄰查詢,但是,這兩種操作的時間復雜度太高,本文主要解決了這個問題,主要的模塊有兩個:Coverage-aware Grid Query(CAGQ)和Grid Context Aggregation(GCA),并由這兩個組合成GridConv,給定一組點云資料,CAGQ 模塊能夠高效地構建出結構化的點云,并且加速采樣和近鄰查詢的操作,該模塊首先對點云進行體素化,將每個點映射到所屬體素中,每個體素記憶體儲的點的個數有上限,接著從所有非空體素中采樣M個中心體素,并定義位于每個中心體素的相鄰體素內的點為背景關系點 (context points),從背景關系點中采樣K個結點(node points),最后計算所有結點的質心,作為這一個分組的中心,其程序如圖1.19所示所示,第二個模塊GCA 將所有結點的特征聚合到分組中心上,聚合的程序中使用到了各種注意力機制,如圖所解釋的那樣,如果某個點在前一層包含了更多的資訊,那么在特征聚合的時候需要給予更多的權重,如圖1.20所示,最后利用多個由這兩個模塊組成的GridConv提取到高級特征用于分類,用于分割任務時,還需要利用GridConv進行上采樣,并與之前的低級特征相結合,
在這里插入圖片描述

圖1.19 CAGQ

在這里插入圖片描述

圖1.20

參考:

1、https://blog.csdn.net/wqwqqwqw1231/article/details/104206664
2、Guo Y , Wang H , Hu Q , et al. Deep Learning for 3D Point Clouds: A Survey[J]. IEEE Transactions on Pattern Analysis and Machine Intelligence, 2020, PP(99):1-1.
3、相關的論文

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/85620.html

標籤:其他

上一篇:想轉行學計算機技術沒有經驗不會技術怎么快速上手

下一篇:紅黑樹Java語言實作

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more