[發(fā)明專利]一種場景生成方法及裝置

有效

• 申請?zhí)枺?/td>: 201811337729.2
• 申請日: 2018-11-12
• 公開（公告）號: CN109408059B
• 公開（公告）日: 2022-02-11
• 發(fā)明（設(shè)計(jì)）人: 周晉;王純斌;鄒小芳;徐祥
• 申請（專利權(quán)）人: 成都四方偉業(yè)軟件股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06T11/20
• 代理公司: 北京超凡志成知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11371
• 代理人: 梁香美

在本申請實(shí)施例提供的場景生成方法及裝置中，包括：響應(yīng)于畫布創(chuàng)建操作指令，通過webgl技術(shù)創(chuàng)建畫布；響應(yīng)于多個場景實(shí)例創(chuàng)建操作指令，通過webgl技術(shù)在所述畫布創(chuàng)建場景實(shí)例，并存儲所述場景實(shí)例對應(yīng)的場景描述信息；根據(jù)所述場景實(shí)例以及對應(yīng)的場景描述信息，在所述畫布生成至少一個場景。在本申請實(shí)施例提供的場景聲場方法中，通過webgl技術(shù)創(chuàng)建畫布，然后在畫布上可以創(chuàng)建多個場景實(shí)例，使得一塊畫布可以生成多個場景，與現(xiàn)有的一塊畫布通常只生成一個場景相比，本申請可以在一塊畫布上生成多個場景，而不是在多塊畫布的每塊畫布各生成一個場景，使得需要加載的Canvas數(shù)量較少，較好的節(jié)約了瀏覽器的GPU線程開銷。

技術(shù)領(lǐng)域

本申請涉及互聯(lián)網(wǎng)領(lǐng)域，具體而言，涉及一種場景生成方法及裝置。

背景技術(shù)

Canvas API(畫布)是在HTML5中新增的標(biāo)簽，用于在網(wǎng)頁上實(shí)時生成圖像，Canvas對象標(biāo)識一個HTML畫布元素。

現(xiàn)有技術(shù)中，通常在一個Canvas畫布繪制一個場景，但是一個頁面加載的Canvas是有限制的，對谷歌瀏覽器、火狐瀏覽器來說，一個頁面約能加載8個Canvas，超過8個后前面的幾個Canvas就會失效，因此采用Canvas畫布繪制場景的方式一個頁面最多只能繪制8個場景。

通常的數(shù)據(jù)可視化編排工具編排出來的頁面的Canvas個數(shù)經(jīng)常會超過8個，現(xiàn)有的解決方式:配置兩個頁面，A頁面有8個Canvas，超過的Canvas在B頁面中；在A頁面中配置一個iframe，iframe中將B頁面嵌入到A頁面中。但是這樣的實(shí)現(xiàn)非常不靈活，由于需要加載的Canvas數(shù)量較多，造成瀏覽器的GPU線程開銷較大。

申請內(nèi)容

有鑒于此，本申請實(shí)施例提供了一種場景生成方法及裝置。

第一方面，本申請實(shí)施例提供了一種場景生成方法，所述方法包括：響應(yīng)于畫布創(chuàng)建操作指令，通過webgl技術(shù)創(chuàng)建畫布；響應(yīng)于多個場景實(shí)例創(chuàng)建操作指令，通過webgl技術(shù)在所述畫布創(chuàng)建場景實(shí)例，并存儲所述場景實(shí)例對應(yīng)的場景描述信息；根據(jù)所述場景實(shí)例以及對應(yīng)的場景描述信息，在所述畫布生成至少一個場景。

在一個可能的設(shè)計(jì)中，所述場景描述信息包括：場景位置、場景大小、場景視角、光效規(guī)則、動效規(guī)則，所述響應(yīng)于多個場景實(shí)例創(chuàng)建操作指令，通過webgl技術(shù)在所述畫布創(chuàng)建場景實(shí)例，包括：獲取所述場景實(shí)例在所述畫布中的位置，將其作為場景位置；獲取所述場景實(shí)例在所述畫布中的占用面積，將其作為場景大小；響應(yīng)于場景視角設(shè)置指令、光效設(shè)置指令、動效設(shè)置指令，獲得該場景的場景視角、光效規(guī)則以及動效規(guī)則。

在一個可能的設(shè)計(jì)中，所述存儲所述場景實(shí)例對應(yīng)的場景描述信息，包括：將所述場景位置、場景大小、場景視角、光效規(guī)則以及動效規(guī)則作為該場景實(shí)施例的場景描述信息，存儲在一個堆數(shù)據(jù)結(jié)構(gòu)中。

在一個可能的設(shè)計(jì)中，所述根據(jù)所述場景實(shí)例以及對應(yīng)的場景描述信息，在所述畫布生成至少一個場景，包括：讀取所述堆數(shù)據(jù)結(jié)構(gòu)中的場景描述信息，根據(jù)所述場景描述信息在所述畫布生成至少一個場景。

在一個可能的設(shè)計(jì)中，讀取所述堆數(shù)據(jù)結(jié)構(gòu)中的場景描述信息，根據(jù)所述場景描述信息在所述畫布生成至少一個場景，包括：獲取場景位置和場景大小，在所述畫布剪切出與所述場景位置和場景大小對應(yīng)的第一區(qū)域；根據(jù)場景視角、光效規(guī)則，在所述第一區(qū)域繪制場景；根據(jù)所述動效規(guī)則，為繪制完成的場景設(shè)置動畫效果。

第二方面，本申請實(shí)施例提供了一種場景生成裝置，所述裝置包括：畫布創(chuàng)建模塊，用于響應(yīng)于畫布創(chuàng)建操作指令，通過webgl技術(shù)創(chuàng)建畫布；場景實(shí)例創(chuàng)建模塊，用于響應(yīng)于多個場景實(shí)例創(chuàng)建操作指令，通過webgl技術(shù)在所述畫布創(chuàng)建場景實(shí)例，并存儲所述場景實(shí)例對應(yīng)的場景描述信息；場景生成模塊，用于根據(jù)所述場景實(shí)例以及對應(yīng)的場景描述信息，在所述畫布生成至少一個場景。