TWI770874B - 使用點擊及捲動以顯示模擬影像之方法 - Google Patents

使用點擊及捲動以顯示模擬影像之方法 Download PDF

Info

Publication number
TWI770874B
TWI770874B TW110109230A TW110109230A TWI770874B TW I770874 B TWI770874 B TW I770874B TW 110109230 A TW110109230 A TW 110109230A TW 110109230 A TW110109230 A TW 110109230A TW I770874 B TWI770874 B TW I770874B
Authority
TW
Taiwan
Prior art keywords
structural
bearing
display unit
display
objects
Prior art date
Application number
TW110109230A
Other languages
English (en)
Other versions
TW202238359A (zh
Inventor
盧詩潔
林淑芬
Original Assignee
楷思諾科技服務有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 楷思諾科技服務有限公司 filed Critical 楷思諾科技服務有限公司
Priority to TW110109230A priority Critical patent/TWI770874B/zh
Priority to US17/685,394 priority patent/US11625158B2/en
Application granted granted Critical
Publication of TWI770874B publication Critical patent/TWI770874B/zh
Publication of TW202238359A publication Critical patent/TW202238359A/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00—Computer-aided design [CAD]
    • G06F30/20—Design optimisation, verification or simulation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00—Computer-aided design [CAD]
    • G06F30/10—Geometric CAD
    • G06F30/12—Geometric CAD characterised by design entry means specially adapted for CAD, e.g. graphical user interfaces [GUI] specially adapted for CAD

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Geometry (AREA)
  • Human Computer Interaction (AREA)
  • Evolutionary Computation (AREA)
  • Computer Hardware Design (AREA)
  • Architecture (AREA)
  • Computational Mathematics (AREA)
  • Mathematical Analysis (AREA)
  • Mathematical Optimization (AREA)
  • Pure & Applied Mathematics (AREA)
  • Digital Computer Display Output (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本發明係有關一種使用點擊及捲動以顯示模擬影像之方法，其先由一 用戶端裝置執行一應用程式，因而顯示一承載物件於一顯示單元上。接續，該應用程式依據該用戶端裝置對該承載物件執行一點擊事件，而顯示至少一結構物件於該承載物件上，因而生成對應之事件結果。當該點擊事件結束時，載入對應之至少一模板物件。接續，由該用戶端裝置將該承載物件捲動而移除，使得該至少一結構物件疊加於該模板物件之上，即完成疊加顯示。

Description

使用點擊及捲動以顯示模擬影像之方法
本發明係有關一種使用點擊及捲動以顯示模擬影像之方法，尤其是一種運用於二個物件影像疊加顯示之設計模擬方法。
設計無論在商品、飾品或配件上具有高度需求。這些需求通常顯現於最新的風格及時尚，隨著消費者多變的喜好也讓趨勢變化更加速。
商品藉由不斷推陳出新的設計吸引消費者，為能盡速生產並上架販賣，通常不變動產品原規格及基礎架構，以外觀裝飾變化不同視覺設計，給予消費者不同與新鮮的新商品的視覺感受，增加商品選擇性與多樣性，提升市場營銷優勢。無論飾品樣式、配件或商品的外觀裝飾設計，通常需要透過實際打樣裝配後，才可確認整體外觀的視覺效果，並進行整體效果評估，以確認設計是否符合需求，據而進一步對設計修改調整，而缺乏於商品裝飾設計後能立即就展現整體外觀及配置的視覺效果模擬。
因此在商品設計方法，極需要有進一步的解決方案，以減少設計過程、效果評估模擬，及打樣等所耗費的時間。且，實體裝飾通常提供設計完成的制式圖樣供使用者選擇，倘使用者自行設計，須自行製圖提供給業者製作成實品，使用者才能以實品配戴或裝配確認是否符合設計時的想像。而無法於設計完成後，先進行配戴或裝配等的搭配模擬，具體確認符合設計與使用需求，或進一步對設計修改調整。
基於上述之問題，本發明提供一種使用點擊及捲動以顯示模擬影像之方法，其藉由數位渲染顯示承載物件於用戶端裝置，以供用戶端裝置之使用者透過應用程式所執行之點擊事件而進行設計體驗，即可簡化設計手法。進一步可透過捲動方式，將其設計成果於各種模板物件上模擬展示，增加數位體驗的臨場感。可廣泛應用於各種實體商品及虛擬產品的設計與成果之影像模擬 。
本發明之主要目的，提供一種使用點擊及捲動以顯示模擬影像之方法，其藉由用戶端裝置執行應用程式而顯示承載物件，用以執行點擊事件於承載物件上顯示結構物件，並藉此透過用戶端裝置捲動承載物件至消失而保留結構物件於一模板物件之上，藉此使用者裝置可體驗不同結構物件於不同模板上之設計。可應用於配飾之設計，及日常用品、電子產品等各種實體商品之外觀裝飾設計，亦可運用於電玩遊戲之虛擬產品與虛擬道具設計。
本發明之次要目的，提供一種使用點擊及捲動以顯示模擬影像之方法，其提供用戶端裝置依據點擊事件之結果進行模擬展示，以進一步提供較佳之數位體驗的臨場感。
本發明揭示了一種使用點擊及捲動以顯示模擬影像之方法，其先由一用戶端裝置執行一應用程式，以顯示一承載物件於一顯示單元；再由該應用程式依據該用戶端裝置對該承載物件執行一點擊事件，以產生一事件結果，該點擊事件之至少一點擊座標位置對應於該承載物件上顯示至少一結構物件，該事件結果為該至少一結構物件疊加於該承載物件上；接續，判斷該點擊事件是否結束，當該點擊事件結束時，載入至少一模板物件，以在該顯示單元上顯示該事件結果疊加於該模板物件上；當該用戶端裝置捲動該承載物件而消失於該顯示單元上，使該顯示單元上顯示該至少一結構物件疊加於該模板物件上之一合成區。藉此，本發明提供之使用點擊及捲動以顯示模擬影像之方法，讓使用者能對各種產品之外觀進行設計，並能立即模擬其設計成果之整體視覺效果 ，以提供更完善客製化服務或設計模式。
本發明提供一實施例，更包含該用戶端裝置執行一模擬展示事件，以顯示對應該至少一結構物件與該模板物件之一動態影像或一靜態影像於該顯示單元上。
本發明提供一實施例，於該應用程式依據該用戶端裝置對該承載物件執行一點擊事件之步驟，該應用程式依據該用戶端裝置之至少一網路記錄，而顯示對應該網路記錄之該至少一結構物件與該承載物件。
本發明提供一實施例，於該用戶端裝置捲動該承載物件而消失於該顯示單元上之步驟中，該應用程式偵測該承載物件及一與該承載物件連設之虛擬轉軸的一轉軸參數對應於該顯示單元之一畫面位置，並由該應用程式依據該用戶端裝置推移該虛擬轉軸所對應之一時間數值資料，而顯示該承載物件之一動態影像，該承載物件之該動態影像對應於該時間數值資料，該應用程式依據該時間數值資料渲染顯示該承載物件的捲動幅度於該顯示單元上。
本發明提供一實施例，該結構物件之承載物件關聯屬性參數為連結至該承載物件者，係依該時間數值資料一併與該承載物件捲動至消失於該顯示單元上；其餘結構物件的承載物件關聯屬性參數為脫離該承載物件者，則於該模板物件之一合成區顯示對應之該等結構物件圖像。
本發明提供一實施例，該承載物件包含一第一層物件與一第二層物件，該結構物件之承載物件關聯屬性參數為連結至該承載物件之第二層物件者，複數個遮罩物件使該承載物件之第二層物件及連結至該承載物件之第二層物件的該些個結構物件，消失於該顯示單元上，且該承載物件之第一層物件依該時間數值資料而捲動至消失，其餘結構物件的承載物件關聯屬性參數為脫離該承載物件之第一層物件與該第二層物件者，則於該模板物件之一合成區顯示對應之該等結構物件圖像。
本發明提供一實施例，於一用戶端裝置執行一應用程式，顯示一承載物件於一顯示單元上之步驟中，該應用程式透過一伺服器之一伺服器處理單元讀取一承載物件資料庫，以渲染該承載物件，而顯示於該顯示單元上。
本發明提供一實施例，其中於該應用程式依據該用戶端裝置對承載物件執行一點擊事件之步驟中，該應用程式透過一伺服器之一伺服器處理單元讀取一物件資料庫，並依至少一點擊座標位置，使對應之至少一結構物件 ，而顯示或隱藏於該顯示單元上。
本發明提供一實施例，其中於該應用程式依據該用戶端裝置對該承載物件執行一點擊事件之步驟中，該應用程式依據該至少一點擊座標位置使對應之結構物件，以動畫顯示或隱藏該些個結構物件，或以複數個遮罩物件使該些個結構物件切換至顯示或隱藏於該顯示單元上，且該些個顯示於顯示單元之結構物件係與該承載物件脫離，而隱藏於該顯示單元之結構物件，係與該承載物件連結。
為了讓本發明之上述及其他目的、特徵、優點能更明顯易懂，下文將特舉本發明較佳實施例，並配合所附圖式，作詳細說明如下。
請參閱第一圖，其為本發明之一實施例之流程圖。如圖所示，本發明之使用點擊及捲動以顯示模擬影像之方法，其步驟包含:
步驟S10:  一用戶端裝置執行一應用程式，顯示一承載物件於一顯示單元上；
步驟S20:  該應用程式依據該用戶端裝置對該承載物件執行一點擊事件，以產生一事件結果；
步驟S30: 判斷點擊事件是否結束；
步驟S40: 載入至少一模板物件，以疊合顯示該事件結果與該模板物件於該顯示單元上；以及
步驟S50:  該用戶端裝置捲動該承載物件而消失於該顯示單元上，使該顯示單元上顯示該至少一結構物件疊加於該模板物件上之一合成區。
請一併參閱第二圖與第三圖，其為本發明之一實施例之系統示意圖與資料庫連結示意圖。如圖所示，本發明之使用點擊及捲動以顯示模擬影像之方法所採用之設計系統10，其包含一伺服器12與一用戶端裝置20，本實施例之伺服器12僅為一舉例，該伺服器12設有一伺服處理單元P、一圖像資料庫122、一物件資料庫124與一承載物件資料庫126並具有一應用程式128。本發明之用戶端裝置20透過該網際網路NET連結至該伺服器12，以執行該應用程式128，除此之外，本發明之用戶端裝置20透過該網際網路NET下載該應用程式128至近端(Local)以執行該應用程式128，其執行方式如本實施例，不再贅述，此外，更可由該用戶端裝置20透過連接至該伺服器12後下載圖像資料庫122、物件資料庫124、承載物件資料庫126及應用程式128，作為單機執行，其執行方式如本實施例，不再贅述，該用戶端裝置20設有一處理單元202(例如:中央處理單元CPU)與一輸入控制單元204(例如:鍵盤、滑鼠或觸控式螢幕)並連接一顯示單元22而顯示對應之畫面IMG。
接續上述，如第三圖所示，一併請參閱第四B圖、第七B圖、第八圖，及第九A、九B圖所示，該圖像資料庫122設置一模板圖像資料庫1222、一合成資料參數1224與一圖像座標參數1226，其中該模板圖像資料庫1222儲存至少一模板物件M(如第七B圖與第八圖所示)之圖像資料，該圖像座標參數1226為該等模板物件M之位置座標資料，且該合成資料參數1224係對應該等模板M上所設至少一合成區M1(如第七B圖所示)的參數資料。該應用程式128得依該用戶端裝置20之選取，依該模板圖像資料庫1222、圖像座標參數1226及合成資料參數1224，載入並顯示對應之模板物件M及被選取的合成區M1(如第七B圖所示)之影像；該物件資料庫124設置一物件圖像資料庫1242、一承載物件關聯參數1244、一物件屬性參數1246與一物件座標參數1248，該物件圖像資料庫1242儲存至少一結構物件50之圖像資料，該承載物件關聯參數1244即對應於該結構物件50與該承載物件40(如第五B圖所示)連結或脫離之關聯參數，物件屬性參數1246即對應該結構物件50之隱藏狀態與顯示狀態，該物件座標參數1248即對應於該結構物件50的座標參數。
接續上述，該承載物件資料庫126設置一承載物件圖像資料庫1262、一時間數值資料1264與一轉軸位置座標參數1266，其中該承載物件圖像資料庫1262儲存至少一承載物件40之圖像資料，該時間數值資料1264即對應於該承載物件40之捲動顯示之時間參數，該轉軸位置座標參數1266即對應於該承載物件40及一與該承載物件40連設之虛擬轉軸44對應於該顯示單元22上一畫面位置。本實施例中，結構物件50係該物件圖像資料庫1242預先儲存之圓形珠寶作為舉例說明，但是本發明不限於此，更可為珍珠、水晶、金屬或其他可貼附於人體或物體表面等各種形狀、材質及顏色等飾物素材之結構物件，另外，本實施例以一線形人形之背面為模板物件M作為舉例說明，但本發明不在此限，模板物件M更可為3C產品、配件、日常用品、自行車體等各種供外觀裝飾設計模擬之物體影像，再者，該等模板物件M上均可設複數個作為影像疊合的合成區M1，供用戶端裝置20選取；且本實施例中，該承載物件資料庫126預先儲存之該承載物件40具有複數個預設位置42，並以37個預設位置42(如第四B圖所示)作為舉例說明，但本發明並不局限於此，承載物件40及其上所設的預設位置42，可依使用者需求做調整，例如:承載物件40可為矩形或其他外觀形狀及尺寸，所設的預設位置42的數量大於或小於37，且為了更密集設置，更可縮小預設位置42之尺寸或外觀形狀。。
於步驟S10中，如第二圖與第三圖以及第四A圖與第四B圖所示，於該用戶端裝置執行該應用程式，顯示該承載物件之步驟中，進一步包含:
步驟S12: 該用戶端裝置執行該應用程式，以載入該承載物件資料庫；以及
步驟S14: 該用戶端裝置執行該應用程式，以依據該承載物件資料庫渲染該承載物件而顯示於該顯示單元上。
於步驟S12中，該用戶端裝置20因透過該網際網路NET連結至該伺服器12執行該應用程式128，而透過該伺服器12之該伺服處理單元P連結至該圖像資料庫122、該物件資料庫124與該承載物件資料庫126之相關資料，以載入該承載物件資料庫126；接續於步驟S14，該用戶端裝置20執行該應用程式128，依據該承載物件資料庫126之承載物件圖像資料庫1262的相關渲染參數而渲染該承載物件40並顯示於該顯示單元22之畫面IMG上。
復參閱第一圖至第三圖，於步驟S20中，該處理單元202依據該應用程式128執行一點擊事件E，且一併參閱第五A圖與第五B圖，其中執行點擊事件E之步驟中，進一步包含步驟:
步驟S22: 該應用程式偵測該用戶端裝置畫面游標之該至少一點擊座標位置；以及
步驟S24: 依據該至少一點擊座標位置改變物件資料庫所對應座標參數值的物件屬性參數及該承載物件關聯參數。
於步驟S22中，該用戶端裝置20透過該輸入控制單元204控制一畫面游標CUR點擊該承載物件40上的預設位置42，且每一個預設位置42對應一點擊座標位置COOR，因此，該應用程式128於執行過程中即會依據預設位置42偵測畫面游標CUR之點擊座標位置COOR；於步驟S24中，經該畫面游標CUR點擊過的座標位置，該應用程式128依據該對應之物件座標參數1248而改變對應的結構物件50之物件屬性參數1246，使對應之座標位置的結構物件50切換成隱藏狀態或顯示狀態，本實施例係以呈現隱藏狀態之該些個結構物件50位於該承載物件40上作為預設值，以舉例說明，特別是，該顯示單元22之畫面IMG上並不會顯示隱藏狀態之結構物件50。
而，點擊事件E為提供使用者透過該輸入控制單元204操作該畫面游標CUR而點擊相對應位置之預設位置42 (如第五B圖所示)，即依使用者之點擊，使該預設位置42對應之結構物件50之物件屬性參數1246及承載物件關聯參數1244相對改變，因而改變結構物件50之所在圖層在於該承載物件40之所在圖層之下或之上，而於該顯示單元22顯示該些結構物件50為隱藏狀態或顯示狀態，並使該些結構物件50連結或脫離該承載物件40，其中該結構物件50為隱藏狀態時，其承載物件關聯參數1244係相對令該些結構物件50連結該承載物件40，該結構物件50為顯示狀態時，其承載物件關聯參數1244係相對使該些結構物件50脫離該承載物件40。
更進一步，更可以是由遮罩物件切換結構物件50之所在圖層而切換至隱藏狀態或顯示狀態，因而藉由點擊座標位置而讓對應的遮罩物件(圖未示出)遮蔽結構物件50而切換至隱藏狀態，或讓遮蔽物件消失而讓結構物件50切換至顯示狀態，亦即改變結構物件50之所在圖層，因而切換至隱藏狀態或顯示狀態。本實施例，點擊事件之執行，係以控制一畫面游標CUR點擊該承載物件40上的預設位置42，以舉例說明，但不以此方式為限，使用者更可藉由在觸控螢幕上顯示該承載物件40之預設位置42上直接觸擊，或者其他點擊方式。
此外，該應用程式128更可於該點擊事件E開始前，即步驟S20之前進一步依據該該用戶端裝置20對應之一網路記錄NETR顯示對應之該些個結構物件50與該承載物件40，例如:該用戶端裝置20前次執行該應用程式128之記錄，更可與當下該點擊事件E執行前，顯示對應之該些個結構物件50與該承載物件40於該顯示單元22上，特別是更可透過該顯示單元22顯示該些個結構物件50的對應材質、外形或兩者之組合，因而讓該用戶端裝置20之使用者透過該輸入控制單元204挑選該些個結構物件50、該承載物件40或兩者之材質、外形或兩者之組合。而如步驟S20所示，點擊事件E更可以是透過該畫面游標CUR之點擊而顯示該些個結構物件50疊加於該承載物件40上。復參閱第二圖與第三圖以及第六圖，使用者執行應用程式128，透過輸入控制單元204，使處理單元202執行點擊事件E，因而設計出想要的外觀，而產生一事件結果ER，即如第六圖所示之顯示狀態之該些個結構物件50之排列，例如:動物造型、花朵造型、線條圖案造型或幾何圖案造型之排列方式，本實施例係以線條圖案造型之排列方式作為舉例說明。
接續上述，於步驟S30中，該處理單元202透過該應用程式128判斷是否結束點擊事件E，也就是判斷是否已完成結構物件50設計。當判斷為否時，重新執行步驟S20，以讓使用者繼續執行之該點擊事件E，當判斷為是時，接續執行步驟S40。
於步驟S40中，一併參閱第二圖與第三圖以及第七A圖與第七B圖，進一步包含:
步驟S42: 該應用程式載入該圖像資料庫，於顯示單元顯示至少一模板物件；以及
步驟S44: 該應用程式依據被選取之模板物件及步驟S20所產生的事件結果，對應疊合顯示於該顯示單元上。
於步驟S42中，該應用程式128讀取該圖像資料庫122，於顯示單元22上顯示儲存於該模板圖像資料庫1222中多個模板物件圖像，供使用者選取，接續於步驟S44中，經該用戶端裝置20之使用者透過該應用程式128選取之一模板物件M及該模板物件M上的一合成區M1，本實施例係以一線條人形之背面作為模板物件M之舉例，該應用程式128依據該圖像資料庫122之對應模板圖像資料、圖像座標參數及合成資料參數，將先前在步驟S20所完成之該些個結構物件50之物件排列與承載物件40之搭配，置於被選取之模板物件M的該合成區M1上，呈現於顯示單元22上，也就是該承載物件40與該些個結構物件50疊加於該合成區M1上，其中模板物件M為對應於模擬展示之物件。
於步驟S50中，一併參閱第二圖與第三圖以及第七B圖與第八圖，該用戶端裝置20之該輸入控制單元204控制該應用程式128執行該承載物件40之一捲動事件RE，係藉由該用戶端裝置20捲動該顯示單元22畫面上的該承載物件40而至消失，即如第九A與第九B圖所示，該承載物件40依據一與該承載物件40連設之虛擬轉軸44控制而捲動至消失，其中該應用程式128偵測該轉軸位置座標參數1266對應於該顯示單元22之一畫面位置位於該合成區M1位置(如第七B圖所示之該承載物件40及該虛擬轉軸44的所在位置，即該合成區M1之畫面位置)，並偵測用戶端裝置20以輸入控制單元204推移該虛擬轉軸44所對應之一時間數值資料1264，該應用程式128依據該時間數值資料1264而顯示該承載物件40之一動態影像(如第九A圖所示承載物件40之捲動影像)，即承載物件40逐漸捲繞於虛擬轉軸44之外周圍，該動態影像對應於該時間數值資料1264，該應用程式128依據該時間數值資料1264渲染顯示該承載物件40的捲動幅度於該顯示單元22上，而至該承載物件40完全捲繞至虛擬轉軸44外圍後，即與虛擬轉軸44一併消失(如第九B圖所示)。但是本發明不限於以該虛擬轉軸42捲動該承載物件40而消失，更可以是該承載物件40完全捲繞至虛擬轉軸44外圍後撕開該承載物件40，或者是該承載物件40完全捲繞至虛擬轉軸44外圍後直接透明化該承載物件40，而消失於該顯示單元22之畫面上。
接續上述，而隱藏狀態之結構物件50也是隨著該承載物件40之捲動而一併消失於畫面，也就是該些個結構物件50之承載物件關聯屬性參數1244為連結至該承載物件40，依該時間數值資料1264而變化對應之位置座標參數，一併與該承載物件40捲動至消失於該顯示單元22上；其餘部分的結構物件50之承載物件關聯屬性參數1244為脫離該承載物件，即顯示狀態之結構物件50形成於該模板物件M之一合成區M1所對應之結構物件圖像(即如第八圖所示之結構物件50之顯示狀態)。此外，該用戶端裝置20會透過該處理單元202將顯示狀態之結構物件圖像以及所搭配之該模板物件M一併暫存於一配置資料SET中。
本發明更可以遮罩方式執行，以下進一步揭示遮罩方式，本發明另一實施例之使用點擊及捲動以顯示模擬影像之方法，其步驟同為包含步驟S10至步驟S50，其中如同第九C圖所示，該承載物件40具一第一層物件46與一第二層物件48，相當於第一層物件46與第二層物件48位於不同圖層而疊合，於步驟S20與步驟S50中，隱藏狀態之結構物件50經遮罩物件(圖未示)之所在圖層遮蔽而未顯示於該顯示單元22上，且該等結構物件50之承載物件關聯參數1244為連結至該承載物件40之第二層物件48。
另外，未被遮罩物件之所在圖層遮蔽之結構物件50為顯示於該顯示單元22上，而該等結構物件50之承載物件關聯參數1244為脫離該承載物件40之第一、二層物件46、48；於步驟S50中，該應用程式128執行該承載物件40之捲動事件Re，而顯示承載物件40之第一層物件46的捲動動態影像(如第九C圖所示)時，原位於合成區M1上之承載物件40之第二層物件48同與連結之結構物件50，因遮罩物件之所在圖層一併遮蔽而消失，隨著虛擬轉軸44持續被推移，進而使該對應時間數值資料1464之承載物件40之第一層物件46的捲動動態，捲動至消失(如第九D圖所示)時，該模板物件M之合成區M1上，僅顯示未被遮罩物件遮蔽且與該承載物件40之第一層物件46與第二層物件48脫離之結構物件50(即如第八圖所示之結構物件50)，在此實施例，與該承載物件40之第二層物件48同被遮罩物件遮蔽且連結至該承載物件40之第二層物件之結構物件50，所對應的物件座標參數1248不會隨著該時間數值1264改變。步驟S10至步驟S50之其餘部分與上一實施例相同。
請參閱第十圖，其為另一實施例之流程圖。一併參閱第三圖，本發明之使用點擊及捲動以顯示模擬影像之方法更可進一步模擬展示，因此步驟包含:
步驟S10: 一用戶端裝置執行一應用程式，顯示一承載物件於一顯示單元上；
步驟S20: 該應用程式依據該用戶端裝置對該承載物件執行一點擊事件，以產生一事件結果；
步驟S30: 判斷點擊事件是否結束；
步驟S40: 載入至少一模板物件，以疊合顯示該事件結果與該模板物件於該顯示單元上；
步驟S50: 該用戶端裝置捲動該承載物件而消失於該顯示單元上，使該顯示單元上顯示該至少一結構物件疊加於該模板物件上之一合成區；以及
步驟S60: 該處理單元執行一模擬展示事件，以顯示對應該至少一結構物件與該模板物件之一影像於該顯示單元上。
其中，步驟S10至步驟S50之詳細執行內容可為上述之兩實施例之其中一者，因此不再贅述，接續，於步驟S60中，該顯示單元22即顯示如第八圖所示之畫面，也就是該模板物件M及疊合其上之結構物件圖像，因而讓該用戶端裝置20透過該處理單元202執行相當於如第八圖所示之畫面所對應之靜態影像或動態影像而顯示於該顯示單元22之畫面IMG上，其中該用戶端裝置20可直接依據步驟S50之執行結果接續執行步驟S60，或者，更可由該用戶端裝置20讀取該配置資料SET而接續執行步驟S60。此外，步驟S60執行完成後，該用戶端裝置20會重新讀取出原先於步驟S20所產生之事件結果ER，即該承載物件40與該些個結構物件50之配置型態，進行顯示並可進一步儲存，因而儲存為一文件資料、一影像資料或一向量資料。
以上所述之實施例中，該用戶端裝置20除了可於執行步驟S20之前，讓該應用程式128依據該用戶端裝置20對應之該網路記錄NETR顯示對應之該些個結構物件50與該承載物件40，更可於步驟S20中，或步驟S20之後，讓該應用程式128依據該用戶端裝置20對應之該網路記錄NETR顯示對應之該些個結構物件50與該承載物件40，因而讓該用戶端裝置20之使用者更可透過該輸入控制單元204挑選該些個結構物件50、該承載物件40或兩者之材質、外形或兩者之組合。
以下針對上述之實施例進行具體說明:
設計階段:如第二、三、四A、四B圖所示，該用戶端裝置20為執行該應用程式128，因而依據該承載物件資料庫126渲染該承載物件40並顯示於該顯示單元22上，其中該承載物件40具有該些個預設位置42，而此時該些個預設位置42即為結構物件50之預定位置，設置預設為隱藏狀態之結構物件50；接續，如第五A、五B圖所示，透過畫面游標CUR於執行該點擊事件E之過程中點擊至少一點擊座標位置COOR，因而對應於結構物件50之物件座標參數1248，以切換該些個結構物件50之物件屬性參數1246，而於顯示單元22上動畫顯示，該些個結構物件50在隱藏狀態與顯示狀態之間切換，其中隱藏狀態的承載物件關聯屬性參數1244為連結至該承載物件40，而顯示狀態的承載物件關聯屬性參數1244為脫離該承載物件40。
以上，為數位體驗於設計結構物件之實施例。
除此之外，本發明更可進一步讓數位體驗之設計結果進行模擬，以提供較佳之數位體驗的臨場感。
選取模板階段: 如第二、三、七A、七B圖所示，該用戶端裝置20之該處理單元202於執行該應用程式128而偵測到該點擊事件E結束後，該處理單元202透過該伺服處理單元P載入對應之至少一模板物件M，以供該用戶端裝置20之使用者挑選；並接續讓被選取之模板物件M的合成區M1疊合顯示該承載物件40與對應之結構物件50，此時的結構物件50之狀態一併包含隱藏狀態與顯示狀態。
模擬階段: 如第八圖搭配第九A、九B圖或第九C、九D圖所示，該用戶端裝置20之該輸入控制單元204控制該應用程式128執行該承載物件40之一捲動事件RE，該應用程式128依據時間數值資料1264執行該承載物件40之捲動而連帶將承載物件關聯屬性參數1244為連結至該承載物件40之結構物件50(隱藏狀態)一併捲動消失，因而留下顯示狀態之結構物件50疊加至被選取之模板物件M的合成區M1於顯示單元22之畫面上；接續，可依該用戶端裝置20之該輸入控制單元204控制該應用程式128執行模擬展示，也就是將如第八圖所示之畫面所對應之靜態影像或動態影像顯示於該顯示單元22上，例如:T形展台上走秀方式之動態影像展示如第八圖所示之畫面，或者靜態三維影像展示如第八圖所示之畫面，因而提供較佳之數位體驗的臨場感。
藉此，本發明之使用點擊及捲動以顯示模擬影像之方法，得以運用於各種商品的外觀設計及物件影像疊加之影像處理上，提供便利設計及模擬之數位體驗，且能立即獲得設計成果之具體影像與視覺效果。
惟以上所述者，僅為本發明之較佳實施例而已，並非用來限定本發明實施之範圍，舉凡依本發明申請專利範圍所述之技術思想、特徵及精神所為之均等變化與修飾，均應包括於本發明之申請專利範圍內。
10:設計系統 12:伺服器 122:圖像資料庫 1222:模板圖像資料庫 1224:合成資料參數 1226:圖像座標參數 124:物件資料庫 1242:物件圖像資料庫 1244:承載物件關聯參數 1248:物件座標參數 1246:物件屬性參數 126:承載物件資料庫 1262:承載物件圖像資料庫 1264:時間數值資料 1266:轉軸位置座標參數 128:應用程式 20:用戶端裝置 202:處理單元 204:輸入控制單元 22:顯示單元 40:承載物件 42:預設位置 44:虛擬轉軸 46:第一層物件 48:第二層物件 50:結構物件 E:點擊事件 ER:事件結果 IMG:畫面 M:模板物件 M1:合成區 NET:網際網路 NETR:網路記錄 P:伺服處理單元 RE:捲動事件 S10~S60:步驟 SET:配置資料
第一圖：其為本發明之一實施例之流程圖； 第二圖：其為本發明之一實施例之系統示意圖； 第三圖：其為本發明之資料庫連結之示意圖； 第四A圖：其為本發明之顯示承載物件之流程圖； 第四B圖：其為本發明之承載物件之示意圖； 第五A圖：其為本發明之執行點擊事件之流程圖； 第五B圖：其為本發明之點擊事件之示意圖； 第六圖：其為本發明之承載物件承載結構物件之示意圖； 第七A圖：其為本發明之載入模板物件之流程圖； 第七B圖：其為本發明之模板物件之示意圖； 第八圖：其為本發明之承載物件移除後之示意圖； 第九A圖：其為本發明之承載物件開始捲動之示意圖； 第九B圖：其為本發明之承載物件捲動至消失之示意圖； 第九C圖：其為本發明之另一實施例之承載物件開始捲動之示意圖； 第九D圖：其為本發明之另一實施例之承載物件捲動至消失之示意圖；以及 第十圖：其為本發明之另一實施例之流程圖。
無
S10~S50:步驟

Claims (8)

  1. 一種使用點擊及捲動以顯示模擬影像之方法，其步驟包含：一用戶端裝置執行一應用程式，顯示一承載物件於一顯示單元上；該應用程式依據該用戶端裝置對該承載物件執行一點擊事件，以產生一事件結果，該點擊事件之至少一點擊座標位置對應於該承載物件上顯示至少一結構物件，該事件結果為該至少一結構物件疊加於該承載物件上；當該點擊事件結束時，載入至少一模板物件，以在該顯示單元上顯示該事件結果疊加於該模板物件上；以及該用戶端裝置捲動該承載物件而消失於該顯示單元上，使該顯示單元上顯示該至少一結構物件疊加於該模板物件上之一合成區；其中該應用程式偵測該承載物件及一與該承載物件連設之虛擬轉軸的一轉軸參數對應於該顯示單元之一畫面位置，並由該應用程式依據該用戶端裝置推移該虛擬轉軸所對應之一時間數值資料，而顯示該承載物件之一動態影像，該承載物件之該動態影像對應於該時間數值資料，該應用程式依據該時間數值資料渲染顯示該承載物件的捲動幅度於該顯示單元上。
  2. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其步驟更包含：該用戶端裝置執行一模擬展示事件，以顯示對應該至少一結構物件與該模板物件之一動態影像或一靜態影像於該顯示單元上。
  3. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中於該應用程式依據該用戶端裝置對該承載物件執行一點擊事件之步驟，該應 用程式依據該用戶端裝置之至少一網路記錄，而顯示對應該網路記錄之該至少一結構物件與該承載物件。
  4. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中該結構物件之承載物件關聯屬性參數為連結至該承載物件者，係依該時間數值資料一併與該承載物件捲動至消失於該顯示單元上；其餘結構物件的承載物件關聯屬性參數為脫離該承載物件者，則於該模板物件之一合成區顯示對應之該等結構物件圖像。
  5. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中該承載物件包含一第一層物件與一第二層物件，該結構物件之承載物件關聯屬性參數為連結至該承載物件之第二層物件者，複數個遮罩物件使該承載物件之第二層物件及連結至該承載物件之第二層物件的該些個結構物件，消失於該顯示單元上，且該承載物件之第一層物件依該時間數值資料而捲動至消失，其餘結構物件的承載物件關聯屬性參數為脫離該承載物件之第一層物件與該第二層物件者，則於該模板物件之一合成區顯示對應之該等結構物件圖像。
  6. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中於一用戶端裝置執行一應用程式，顯示一承載物件於一顯示單元上之步驟中，該應用程式透過一伺服器之一伺服器處理單元讀取一承載物件資料庫，以渲染該承載物件，而顯示於該顯示單元上。
  7. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中於該應用程式依據該用戶端裝置對該承載物件執行一點擊事件之步驟中，該應用程式透過一伺服器之一伺服器處理單元讀取一物件資料庫，並依至少一點擊座標位置，使對應之至少一結構物件顯示或隱藏於該顯示單元上。
  8. 如請求項1所述之使用點擊及捲動以顯示模擬影像之方法，其中於該應用程式依據該用戶端裝置對該承載物件執行一點擊事件之步驟中，該應用程式依據該至少一點擊座標位置使對應之結構物件，以動畫顯示或隱藏該些個結構物件，或以複數個遮罩物件使該些個結構物件切換至顯示或隱藏於該顯示單元上，且該些個顯示於顯示單元之結構物件，係與該承載物件脫離，而隱藏於該顯示單元之結構物件，係與該承載物件連結。
TW110109230A 2021-03-15 2021-03-15 使用點擊及捲動以顯示模擬影像之方法 TWI770874B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
TW110109230A TWI770874B (zh) 2021-03-15 2021-03-15 使用點擊及捲動以顯示模擬影像之方法
US17/685,394 US11625158B2 (en) 2021-03-15 2022-03-03 Method for displaying simulation images through clicking and rolling operations

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW110109230A TWI770874B (zh) 2021-03-15 2021-03-15 使用點擊及捲動以顯示模擬影像之方法

Publications (2)

Publication Number Publication Date
TWI770874B true TWI770874B (zh) 2022-07-11
TW202238359A TW202238359A (zh) 2022-10-01

Family

ID=83194941

Family Applications (1)

Application Number Title Priority Date Filing Date
TW110109230A TWI770874B (zh) 2021-03-15 2021-03-15 使用點擊及捲動以顯示模擬影像之方法

Country Status (2)

Country Link
US (1) US11625158B2 (zh)
TW (1) TWI770874B (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200703049A (en) * 2005-02-23 2007-01-16 Nichiha Co Ltd A design supporting system for building construction materials, building construction materials and program
TW201601066A (zh) * 2014-06-17 2016-01-01 北京京東尚科信息技術有限公司 實現虛擬試戴的方法和裝置
CN111461820A (zh) * 2020-03-26 2020-07-28 广东洪心电子商务科技股份有限公司 基于移动终端的虚拟试衣的方法及装置
TW202040348A (zh) * 2019-01-04 2020-11-01 美商傑德公司 用於眼鏡之虛擬試戴系統及方法

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5355447A (en) 1988-05-27 1994-10-11 Wang Laboratories, Inc. Method for color image reduction based upon determination of color components of pixels in neighboring blocks
US5751829A (en) 1994-08-18 1998-05-12 Autodesk, Inc. Spectrally coordinated pattern search-imaging system and method
JPH10201510A (ja) 1997-01-17 1998-08-04 Hitachi Ltd アクセサリのデザイン装置及びアクセサリのデザイン方法
US6882897B1 (en) 2004-01-05 2005-04-19 Dennis S. Fernandez Reconfigurable garment definition and production method
US20060041847A1 (en) * 2004-08-23 2006-02-23 Wai-Lin Maw Paged graphical user interface
CA2634494C (en) * 2005-12-24 2015-10-27 Joshua D. I. Distler Methods and files for delivering imagery with embedded data
US7657340B2 (en) 2006-01-31 2010-02-02 Dragon & Phoenix Software, Inc. System, apparatus and method for facilitating pattern-based clothing design activities
JP2008084267A (ja) * 2006-09-29 2008-04-10 Fujifilm Corp スクラップ・ブック・サーバならびにその制御方法およびその制御プログラム
TW200828043A (en) 2006-12-29 2008-07-01 Cheng-Hsien Yang Terminal try-on simulation system and operating and applying method thereof
KR20090002176A (ko) 2007-06-20 2009-01-09 엔에이치엔(주) 네트워크 상에서 게임 아바타의 랭킹을 제공하는 시스템 및그 방법
US8174539B1 (en) * 2007-08-15 2012-05-08 Adobe Systems Incorporated Imprint for visualization and manufacturing
US8545335B2 (en) 2007-09-14 2013-10-01 Tool, Inc. Toy with memory and USB ports
US20120197755A1 (en) * 2011-01-18 2012-08-02 Tobias Felder Method and apparatus for shopping fashions
KR20140112918A (ko) * 2013-03-14 2014-09-24 삼성전자주식회사 온도 및 습도를 이용한 화면 표시 제어 장치 및 방법
GB201420090D0 (en) * 2014-11-12 2014-12-24 Knyttan Ltd Image to item mapping
US11030806B2 (en) 2014-11-15 2021-06-08 Vr Exit Llc Combined virtual and physical environment
GB201505111D0 (en) * 2015-03-26 2015-05-06 Ambrose Nicholas L Customisable jewellery
US10300362B2 (en) 2015-04-23 2019-05-28 Win Reality, Llc Virtual reality sports training systems and methods
US20170322695A1 (en) * 2016-05-04 2017-11-09 Icebox, Inc. Methods and systems for managing data and files
TWI632464B (zh) 2017-05-10 2018-08-11 陳淑玲 多線式傳輸的穿戴裝置
US10140392B1 (en) * 2017-06-29 2018-11-27 Best Apps, Llc Computer aided systems and methods for creating custom products

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200703049A (en) * 2005-02-23 2007-01-16 Nichiha Co Ltd A design supporting system for building construction materials, building construction materials and program
TW201601066A (zh) * 2014-06-17 2016-01-01 北京京東尚科信息技術有限公司 實現虛擬試戴的方法和裝置
TW202040348A (zh) * 2019-01-04 2020-11-01 美商傑德公司 用於眼鏡之虛擬試戴系統及方法
CN111461820A (zh) * 2020-03-26 2020-07-28 广东洪心电子商务科技股份有限公司 基于移动终端的虚拟试衣的方法及装置

Also Published As

Publication number Publication date
US11625158B2 (en) 2023-04-11
TW202238359A (zh) 2022-10-01
US20220291817A1 (en) 2022-09-15

Similar Documents

Publication Publication Date Title
US11348315B2 (en) Generating and presenting a 3D virtual shopping environment
US9818213B2 (en) Extensions for modifying a graphical object to display data
US8352864B2 (en) Method of operating a design generator for personalization of electronic devices
US5111392A (en) Design system for creating furniture layouts
US8296658B2 (en) Generator for personalization of electronic devices
CN107636730B (zh) 用于web上的定制可缩放动画角色的参数生成的系统
Villar Learning Blender
US20080316227A1 (en) User defined characteristics for inheritance based avatar generation
US20190114699A1 (en) System and method for product design, simulation and ordering
US20120197755A1 (en) Method and apparatus for shopping fashions
US20120102419A1 (en) Representing data through a graphical object
US20080303830A1 (en) Automatic feature mapping in inheritance based avatar generation
TWI770874B (zh) 使用點擊及捲動以顯示模擬影像之方法
Sarakatsanos et al. VR Designer: enhancing fashion showcases through immersive virtual garment fitting
KR101515450B1 (ko) 온라인상에서의 제품 디자인, 디자인의 공유, 디자인을 통한 제품의 제작 및 마케팅이 이루어지는 제품 토탈 솔루션 제공 방법
JPH117466A (ja) 眼鏡枠等購買時点セレクト・シュミレーション方法
US11869056B2 (en) System and method for product design, simulation and ordering
CN115170645A (zh) 使用点击及卷动以显示模拟影像的方法
KR20090122897A (ko) 3차원 바탕화면을 통한 가상현실의 구현과 다이렉트광고
JP7487168B2 (ja) 情報処理装置、、プログラム、情報処理方法、及び、情報処理システム
Zhao et al. 3D Mass Customization Toolkits Design, Part II: Heuristic Evaluation of Online Toolkits.
GB2336695A (en) Modelling a work process
JP2020096741A (ja) システム、データ生成方法、プログラム、及び端末装置
US9412191B2 (en) Sex selection in inheritance based avatar generation
Sapio Unity UI Cookbook