KR101653795B1 - 평면 요소의 속성을 표시하는 방법 및 그 장치 - Google Patents

평면 요소의 속성을 표시하는 방법 및 그 장치 Download PDF

Info

Publication number
KR101653795B1
KR101653795B1 KR1020157030049A KR20157030049A KR101653795B1 KR 101653795 B1 KR101653795 B1 KR 101653795B1 KR 1020157030049 A KR1020157030049 A KR 1020157030049A KR 20157030049 A KR20157030049 A KR 20157030049A KR 101653795 B1 KR101653795 B1 KR 101653795B1
Authority
KR
South Korea
Prior art keywords
planar
plane
planar element
displaying
graphical
Prior art date
Application number
KR1020157030049A
Other languages
English (en)
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 KR1020157030049A priority Critical patent/KR101653795B1/ko
Application granted granted Critical
Publication of KR101653795B1 publication Critical patent/KR101653795B1/ko
Priority to US15/292,126 priority patent/US10067660B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/00—3D [Three Dimensional] image rendering
    • G06T15/10—Geometric effects
    • G06F17/5086—
    • G06F17/5009—
    • 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]
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Computer Graphics (AREA)
  • Geometry (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Software Systems (AREA)

Abstract

본 발명의 일 실시예들에 따른 속성 표시 방법은, 컴퓨팅 장치가, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.

Description

평면 요소의 속성을 표시하는 방법 및 그 장치{Method and apparatus for displaying attributes of plane element}
본 발명은 사용자 인터페이스(user interface)를 통해 화면에 표시되는 하나 이상의 평면 요소를 표시하기 위한 방법 및 그 장치에 관한 것이다.
평면 요소의 공간과 움직임을 이용한 사용자 인터페이스를 제공하기 위한 머터리얼 디자인(Material Design)이 공개 된 후, 수 많은 개발자들은 머터리얼 디자인에서 요구하는 규칙에 따라 애플리케이션을 개발하고 있다. 머터리얼 디자인에 따르면, 화면에 표시되는 모든 평면 요소들은 고도(elevation)를 가질 수 있다. 그러나, 모든 평면 요소들은 오직 2차원의 화면에 표시되며, 각 평면 요소의 고도는 단지 그림자로 표시된다.
따라서, 개발자들은 애플리케이션을 개발함에 있어, 화면에 표시되는 각 평면 요소의 고도를 직관적으로 인지하기 어렵다. 또한, 개발자들은 화면에 표시되는 각 평면 요소가 가지는 속성에 대하여 직접 코드를 분석해야만 확인할 수 있다. 따라서, 개발자들이 각 평면 요소의 고도 및 속성을 직관적으로 인지할 수 있는 솔루션이 요구되고 있다.
본 발명이 해결하고자 하는 기술적 과제는, 애플리케이션에 대한 시뮬레이션을 수행함에 있어, 평면 레이아웃을 구성하고 있는 평면 요소들을 각각의 속성과 함께 3차원으로 표시할 수 있는 방법 및 그 장치를 제공하기 위한 것이다.
본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해 될 수 있을 것이다.
상기 기술적 과제를 달성하기 위한 본 발명의 일 태양(aspect)에 따른 속성 표시 방법은, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.
상기 기술적 과제를 달성하기 위한 본 발명의 다른 태양에 따른 속성 표시 방법은, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 외곽선에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.
상기 기술적 과제를 달성하기 위한 본 발명의 또 다른 태양에 따르면, 컴퓨팅 장치와 결합되어, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법을 실행시키기 위한 컴퓨터 프로그램에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 실행시키기 위하여, 기록매체에 기록된 컴퓨터 프로그램이 제공될 수 있다.
상술한 바와 같은 본 발명에 따르면, 각각의 평면 요소를 3차원으로 회전시켜 표시할 수 있는 3차원 뷰를 제공함으로써, 애플리케이션 개발자가 각 평면 요소의 고도를 직관적으로 인지할 수 있다.
또한, 3차원 뷰에 각 평면 요소의 속성을 함께 표시함으로써, 애플리케이션 개발자가 각 평면 요소의 속성을 쉽게 인지할 수 있는 사용자 경험(user experience)을 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 시뮬레이션 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 평면 요소 및 고도를 설명하기 위한 예시도이다.
도 3은 본 발명의 일 실시예에 따른 속성 표시 방법을 설명하기 위한 순서도이다.
도 4는 본 발명의 일 실시예에 따른 3차원 뷰를 설명하기 위한 예시도이다.
도 5 내지 도 13은 본 발명의 몇몇 실시예에 따라 속성이 표시된 평면 요소를 설명하기 위한 예시도이다.
도 14는 본 발명의 일 실시예에 따른 컴퓨팅 장치의 블록도이다.
도 15는 본 발명의 일 실시예에 따른 컴퓨팅 장치의 하드웨어 구성도이다.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.
본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "이루어지다(made of)"는 언급된 구성요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.
이하, 본 발명에 대하여 첨부된 도면에 따라 보다 상세히 설명한다.
도 1은 본 발명의 일 실시예에 따른 시뮬레이션 시스템의 구성도이다. 도 1에 도시된 시뮬레이션 시스템은 사용자 단말기(100)에서 실행될 애플리케이션(application)을 컴퓨팅 장치(200)에서 개발 및 시뮬레이션 하기 위한 시스템이다. 이러한, 시뮬레이션 시스템의 각 구성 요소들은 기능적으로 구분되는 기능 요소들을 나타낸 것으로서, 어느 하나 이상의 구성 요소가 실제 물리적 환경에서는 서로 통합되어 구현될 수 있다.
본 발명의 일 실시예에 따른 시뮬레이션 시스템의 각 구성 요소에 대하여 구체적으로 설명하면, 사용자 단말기(user equipment, 100)는 컴퓨팅 장치(200)를 통해 시뮬레이션 된 애플리케이션을 실행할 수 있는 장치이다.
보다 구체적으로, 사용자 단말기(100)는 컴퓨팅 장치(200)와 직접 연결되어 애플리케이션을 다운로드 할 수 있다. 또한, 사용자 단말기(100)는 네트워크를 통하여, 온라인 마켓 플레이스로부터 애플리케이션을 다운로드 할 수 있다. 예를 들어, 온라인 마켓 플레이스(e-market place)에는 구글(Google)사의 플레이스토어(Play store) 또는 애플(Apple)사의 앱스토어(App Store) 등이 포함될 수 있으나, 이에 한정되는 것은 아니다.
그리고, 사용자 단말기(100)는 다운로드 한 애플리케이션을 실행할 수 있다. 사용자 단말기(100)는 애플리케이션을 실행하기 위한 운영체제(operating system, os)로 안드로이드(Android), 아이오에스(iOS) 또는 윈도우(Windows) 중 어느 하나를 포함할 수 있으나, 이에 한정되는 것은 아니다.
이와 같은, 사용자 단말기(100)는 애플리케이션을 다운로드 하고 실행할 수 있는 장치라면 어떠한 장치라도 허용될 수 있다. 예를 들어, 사용자 단말기(100)는 스마트폰(smart phone), 태블릿(tablet) 또는 패블릿(phablet) 등과 같은 모바일 장치가 될 수 있으나, 이에 한정되지 않고, 스마트 와치(smart watch), 스마트 안경(smart glasses) 또는 스마트 밴드(smart band) 등과 같은 웨어러블(wearable) 장치가 될 수 있다. 나아가, 사용자 단말기(100)는 랩탑(laptop), 휴대용 멀티미디어 플레이어(portable multimedia player, PMP), 개인용 휴대 단말기(personal digital assistants, PDA) 또는 전자책 단말기(e-book reader) 등과 같은 장치가 될 수도 있다.
다음으로, 컴퓨팅 장치(200)는 사용자 장치(100)에서 실행될 애플리케이션을 시뮬레이션 할 수 있는 장치이다.
구체적으로, 컴퓨팅 장치(200)는 애플리케이션을 시뮬레이션 할 수 있는 장치라면 어떠한 장치라도 허용될 수 있다. 예를 들어, 컴퓨팅 장치(200)는 데스크탑(desktop), 서버(server) 또는 워크스테이션(workstation) 등과 같은 고정식 컴퓨팅 장치가 될 수 있으나, 이에 한정되지 않고, 사용자 단말기(100)와 동일한 유형의 장치가 될 수도 있다.
그리고, 컴퓨팅 장치(200)는 애플리케이션을 개발하기 위한 애플리케이션 프로그래밍 인터페이스(application programming interface, API), 라이브러리(library) 또는 리소스(resource) 등을 제공할 수 있다.
특히, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)는 애플리케이션을 시뮬레이션 함에 있어, 화면에 표시되는 하나 이상의 평면 요소(plane element)를 각각의 속성(attribute)과 함께 3차원으로 표시할 수 있다. 이러한, 특징을 발현하기 위한 컴퓨팅 장치(200)에 대한 보다 구체적인 설명은, 추후 도 2 내지 도 15를 참조하여 설명하기로 한다.
다음으로, 네트워크는 사용자 장치(100)와 컴퓨팅 장치(200) 사이에 데이터를 송수신하기 위한 인프라(infrastructure)이다. 예를 들어, 네트워크는 코드 분할 다중 접속(code division multiple access, CDMA), 와이드 밴드 코드 분할 다중 접속(wideband CDMA, WCDMA), 고속 패킷 접속(high speed packet access, HSPA), 롱텀 에볼루션(long term evolution, LTE) 등과 같은 이동통신망, 와이파이(wi-fi), 와이브로(wibro) 또는 와이맥스(wimax) 등과 같은 근거리 무선통신망, 이더넷(ethernet), 디지털가입자선(x digital subscriber line, xDSL), 광동축 혼합망(hybrid fiber coax, HFC), 광가입자망(fiber to the home, FTTH) 등과 같은 유선통신망 중 어느 하나가 될 수 있으며, 이에 한정되는 것은 아니다.
이하, 본 발명의 일 실시예에 따른 속성 표시 방법에 대하여 설명하기에 앞서, 평면 요소 및 고도에 대하여 설명하기로 한다. 도 2는 본 발명의 일 실시예에 따른 평면 요소 및 고도를 설명하기 위한 예시도이다.
도 2를 참조하면, 평면 요소(1)는 화면(3) 내에서 2차원으로 표시될 수 있는 객체(object)이다. 예를 들어, 평면 요소(1)는 이미지(image), 버튼(button), 카드(card) 또는 다른 객체 등을 포함할 수 있으나, 이에 한정되는 것은 아니다. 화면(3)에서 표시될 수 있는 모든 평면 요소(1)는 균일한 두께(uniform thick)를 가질 수 있으나, 이에 한정되는 것은 아니다. 또한, 화면(3)에서 표시될 수 있는 모든 평면 요소(1)들은 고도(2)를 가질 수 있다.
고도(elevation, 2)는 화면(3)의 기준면으로부터 평면 요소(1) 사이의 가상적인 수직 높이이다. 즉, 평면 요소(1)가 화면(3)에서 X-축 및 Y-축의 2차원으로 표시될 수 있는 객체라면, 고도(3)는 평면 요소(1)의 Z-축 상의 위치이다. 따라서, 고도는 화면(3)에 최종적으로 표시될 수 있는 평면 요소(1)들의 우선 순위(priority)를 결정할 수 있다. 예를 들어, 두 평면 요소(1)가 동일한 2차원 좌표를 점유하고 있는 경우, 두 평면 요소(1) 중 고도가 큰 평면 요소(1)가 최종적으로 화면에 표시될 수 있다. 또한, 둘 이상의 평면 요소(1)는 동일한 고도(2)를 가질 수 없으나, 이에 한정되는 것은 아니다.
그리고, 평면 요소(1)의 고도(2)는 화면(3)에서 그림자(5)로 표시될 수 있다. 예를 들어, 평면 요소(1)의 고도(2)가 큰 경우, 화면(3)에서 평면 요소(1)에 대한 그림자(5)는 크게 표시될 수 있다. 이와 반대로, 평면 요소(1)의 고도(2)가 작은 경우, 화면(3)에서 평면 요소(1)에 대한 그림자(5)는 작게 표시될 수 있다.
이와 같이, 고도(2)는 화면(3)에 표시될 수 있는 복수 개의 평면 요소(1) 사이의 우선 순위를 결정할 수 있는 인자(factor)이다. 그러나, 평면 요소(1)의 고도(2)가 단순히 화면(3)에서 그림자(5)로 표시됨으로써, 애플리케이션의 개발자가 화면(3)에 표시된 평면 요소(1)의 고도(2)를 직관적으로 인지하기 어렵다는 문제가 있다.
따라서, 애플리케이션 개발자가 평면 요소(1)의 고도(2) 및 속성을 용이하게 표시하기 위한 방법에 대하여 설명하기로 한다.
도 3은 본 발명의 일 실시예에 따른 속성 표시 방법을 설명하기 위한 순서도이다. 도 3을 참조하면, 컴퓨팅 장치(200)는 사용자의 입력에 따라 시뮬레이션 모드를 실행한다(S100). 여기서, 시뮬레이션 모드는 개발 중 또는 개발된 애플리케이션을 사용자 단말기(100)에서 직접 실행하기에 앞서, 애플리케이션을 사용자 단말기(100)와 유사한 가상의 환경에서 실행하여, 애플리케이션의 예상 실행 결과를 표시하기 위한 모드이다.
다음으로, 컴퓨팅 장치(200)는 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소에 대한 고도를 추출한다(S200). 여기서, 평면 레이아웃은 개발 중 또는 개발된 애플리케이션에 의하여 표시될 수 있는 화면이다. 이러한, 평면 레이아웃은 하나 이상의 평면 요소를 포함하여 구성될 수 있다. 또한, 컴퓨팅 장치(200)는 각 평면 요소의 고도를 각 평면 요소를 실현시키기 위한 인스턴스(instance)의 속성 필드로부터 추출할 수 있으나, 이에 한정되는 것은 아니다.
다음으로, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소를 3차원으로 회전시킨다(S300). 구체적으로는, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 요소를 3차원 축을 기준으로 회전시킨다. 예를 들어, 평면 레이아웃 및 평면 요소가 X-축 및 Y-축의 2차원으로 표시될 경우, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 요소를 Z-축을 기준으로 회전시킨다. 그리고, 컴퓨팅 장치(200)는 각 평면 요소를 각각의 고도에 따라 레이아웃 기준면으로부터 분리하여 표시한다. 이와 같이, 컴퓨팅 장치(200)가 평면 레이아웃 및 평면 요소를 회전시켜서 생성한 3차원 뷰(3D view)의 일 실시예에 대해서는, 추후 도 4를 기준으로 설명하기로 한다.
다음으로, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성을 추출한다(S400). 여기서, 평면 요소에 대한 속성(attribute)은 각각의 평면 요소가 가지는 특징이다. 평면 요소의 속성에는 평면 요소의 이동 가능 여부, 이동 속도, 저항, 연결 또는 이동 가능 영역 등이 포함될 수 있으나, 이에 한정되는 것은 아니다. 또한, 컴퓨팅 장치(200)는 각 평면 요소의 속성을 각 평면 요소를 실현시키기 위한 인스턴스의 속성 필드로부터 추출할 수 있으나, 이에 한정되는 것도 아니다.
각각의 평면 요소가 가질 수 있는 속성에 대하여 구체적으로 설명하면 다음과 같다.
평면 요소의 이동 가능 여부는 평면 레이아웃 내에서 평면 요소의 위치가 변화될 수 있는지 여부이다. 예를 들어, 평면 요소가 이동할 수 없게 설정된 경우, 평면 요소에 대하여 외부로부터 드래그(drag)가 입력되더라도, 평면 레이아웃 내에서 평명 요소의 위치는 변화되지 않는다.
평면 요소의 이동 속도는 평면 레이아웃 내에서 평면 요소의 위치가 변화되는 가속도이다. 예를 들어, 평면 요소의 이동 속도가 크게 설정된 경우, 평면 레이아웃 내에서 평면 요소의 위치는 빠르게 변화될 수 있다. 이와 반대로, 평면 요소의 이동 속도가 작게 설정된 경우, 평면 레이아웃 내에서 평면 요소의 위치는 느리게 변화될 수 있다.
평면 요소의 저항(resistance)은 평면 레이아웃 내에서 평면 요소의 위치가 변화될 때, 평면 요소의 위치 변화의 반대 방향으로 작용하는 힘이다. 예를 들어, 평면 요소의 저항이 크게 설정된 경우, 외부의 드래그 입력 크기에 비하여 평면 요소의 위치는 상대적으로 작게 변화될 수 있다. 이와 반대로, 평면 요소의 저항이 작게 설정된 경우, 외부의 드래그 입력 크기에 비하여 평면 요소의 위치는 상대적으로 크게 변화될 수 있다.
평면 요소의 연결(linkage)은 평면 요소가 다른 평면 요소의 이동에 따라 수동적으로 함께 이동될 수 있는지 여부이다. 예를 들어, 제1 평면 요소가 제2 평면 요소와 연결된 경우, 제2 평면 요소의 위치가 변화되면 제1 평면 요소의 위치도 변화될 수 있다.
평면 요소의 이동 가능 영역은 평면 레이아웃 내에서 평면 요소의 위치가 변화될 수 있는 한계 영역이다. 예를 들어, 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없게 설정된 경우, 평면 요소가 평면 요소 내에서는 자유롭게 이동될 수 있으나, 평면 요소가 평면 레이아웃 밖으로 이동될 수 없다.
마지막으로, 컴퓨팅 장치(200)는 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 가상의 측면에 평면 요소의 속성을 표시한다(S500). 여기서, 가상의 측면은 평면 요소가 2차원으로 표시될 때에는 외부로부터 보이지 않았으나, 평면 요소가 3차원으로 회전되어 새로이 나타난 평면 요소의 측면이다.
그리고, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성에 따라, 가상의 측면의 모양 또는 색상을 달리하여 표시할 수 있다. 또한, 컴퓨팅 장치(200)는 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 외곽선에 평면 요소의 속성을 표시할 수도 있다. 이 경우, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성에 따라, 외곽선의 색상을 달리하여 표시할 수도 있다.
예를 들어, 컴퓨팅 장치(200)는 평면 요소의 이동 속도에 따라, 평면 요소의 가상의 측면의 두께(thickness)를 달리하여 표시할 수 있다. 이 경우, 가상의 측면의 두께는 평면 요소의 실제 두께가 아닌, 평면 요소의 가상 두께가 될 것이다.
컴퓨팅 장치(200)는 평면 요소가 이동할 때 저항이 작용하는 경우, 저항의 크기에 따라 평면 요소의 가상의 측면에 저항의 크기에 따라 예리함 (sharpness)이 달라지는 돌기의 모양을 포함하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 이동할 수 없게 설정된 경우, 평면 요소의 가상의 측면의 일 영역의 색상을 기 설정된 색상으로 변경하여 표시할 수 있다. 여기서, 기 설정된 색상은 무채색(achromatic color) 또는 금속색(metallic color)가 될 수 있으나, 이에 한정되는 것은 아니다. 또한, 이에 한정되지 않고, 컴퓨팅 장치(200)는 평면 요소가 이동할 수 없게 설정된 경우, 평면 요소의 가상의 측면의 일 영역의 모양을 기 설정된 색상으로 변경하여 표시할 수도 있다.
컴퓨팅 장치(200)는 제1 평면 요소가 제2 평면 요소의 이동에 따라 수동적(passive)으로 함께 이동되는 경우, 제1 평면 요소의 가상의 측면과 다른 평면 요소의 가상의 측면을 연결하는 선(line)을 포함하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계(boundary) 밖으로 이동할 수 없게 설정된 경우, 평면 요소의 가상의 측면에 턱(threshold)의 모양을 포함하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없으며, 평면 요소가 이동하여 평면 레이아웃의 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지도록 설정된 경우, 평면 요소의 가상의 측면에 탄성체의 모양을 포함하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 스크롤될 수 있는 경우, 평면 요소의 가상의 측면에 스크롤 가능 방향을 포함하여 표시할 수 있다.
그리고, 컴퓨팅 장치(200)는 외부의 입력 또는 시뮬레이션의 시나리오에 따라 평면 요소의 위치 또는 크기 중 적어도 하나가 기 지정된 요건을 만족하는 경우, 평면 요소의 가상의 측면의 모양 또는 색상 중 적어도 하나를 달리하여 표시할 수 있다. 또한, 컴퓨팅 장치(200)는 외부의 입력 또는 시뮬레이션의 시나리오에 따라 평면 요소의 위치 또는 크기 중 적어도 하나가 기 지정된 요건을 만족하는 경우, 평면 레이아웃의 기준면의 모양 또는 색상 중 적어도 하나를 달리하여 표시할 수도 있다.
예를 들어, 컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없게 설정되었으나, 외부의 입력에 따라 평면 요소가 이동하여 평면 레이아웃의 경계와 닿은 경우, 평면 요소의 가상의 측면에 주름(wrinkle)의 모양을 포함하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없게 설정되었으나, 외부의 입력에 따라 평면 요소가 이동하여 평면 레이아웃의 경계와 닿은 경우, 평면 레이아웃의 기준면의 색상 톤(tone)을 어둡게 변경하여 표시할 수 있다.
또한, 컴퓨팅 장치(200)는 외부의 입력에 의해 평면 요소가 선택된 경우, 평면 요소의 가상의 측면의 전체 또는 일부 영역에 대한 모양 또는 색상 중 적어도 하나를 달리하여 표시할 수 있다. 컴퓨팅 장치(200)는 사용자로부터 클릭 또는 터치가 입력된 경우, 컴퓨팅 장치(200)는 클릭 또는 터치가 입력된 좌표에 대응되는 평면 요소가 선택된 것으로 판단할 수 있으나, 이에 한정되는 것은 아니다.
예를 들어, 컴퓨팅 장치(200)는 평면 요소가 외부의 입력에 의해 선택된 경우, 평면 요소의 가상의 측면의 색상 또는 질감(texture)를 기 지정된 색상 또는 질감으로 변경하여 표시할 수 있다.
컴퓨팅 장치(200)는 평면 요소가 외부의 입력에 의해 선택된 경우, 평면 요소의 가상의 측면의 색상을 빨간 색과 하얀 색이 0.5초 간격으로 변화하며 표시할 수 있다.
상술한 바와 같은, 속성이 표시된 평면 요소에 대한 몇몇 실시예에 대해서는, 추후 도 5 내지 도 13을 참조하여 설명하기로 한다.
정리하면, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)는 하나 이상의 평면 요소를 3차원으로 회전시켜 표시할 수 있는 3차원 뷰를 제공함으로써, 애플리케이션의 개발자가 각 평면 요소의 고도를 직관적으로 인지할 수 있는 효과가 있다. 또한, 컴퓨팅 장치(200)는 3차원 뷰에 각 평면 요소의 속성을 함께 표시함으로써, 애플리케이션의 개발자가 각 평면 요소의 속성도 함께 인지할 수 있는 효과가 있다.
이하, 컴퓨팅 장치(200)가 평면 레이아웃 및 평면 요소를 회전시켜 생성한 3차원 뷰의 일 실시예에 대하여 설명하기로 한다. 도 4는 본 발명의 일 실시예에 따른 3차원 뷰를 설명하기 위한 예시도이다.
도 4를 참조하면, 본 발명의 일 실시예에 따른 3차원 뷰가 적용되지 않은 경우, 제1 평면 요소(10), 제2 평면 요소(30) 및 평면 레이아웃(50)은 X-축과 Y-축의 2차원 좌표를 통하여 표시된다. 그리고, 제1 평면 요소(10) 및 제2 평면 요소(30)의 고도는 단순히 그림자로 표시된다. 따라서, 애플리케이션의 개발자는 제1 평면 요소(10)의 고도가 제2 평면 요소(30) 고도보다 큼에도 불구하고, 제1 평면 요소(10)의 고도 및 제2 평면 요소(30)의 고도 중 어떠한 평면 요소의 고도가 더 큰지 인지하기 어렵다.
그러나, 본 발명의 일 실시예에 따른 3차원 뷰가 적용된 경우, 제1 평면 요소(10), 제2 평면 요소(30) 및 평면 레이아웃(50)은 Z-축을 기준으로 회전되어 표시된다. 그리고, 제1 평면 요소(10) 및 제2 평면 요소(30)는 각각의 고도에 따라, 평면 레이아웃(50)의 기준면으로부터 분리되어 표시된다. 따라서, 애플리케이션의 개발자는 제1 평면 요소(10)의 고도가 제2 평면 요소(30)의 고도보다 크다는 사실을 직관적으로 인지할 수 있다.
이하, 속성이 표시된 평면 요소에 대한 몇몇 실시예에 대하여 설명하기로 한다. 도 5 내지 도 13은 본 발명의 몇몇 실시예에 따라 속성이 표시된 평면 요소를 설명하기 위한 예시도이다. 도 5 내지 도 13은 평면 레이아웃(50)을 통해 표시될 제1 평면 요소(10) 또는 제2 평면 요소(30)의 속성을 제1 평면 요소(10) 또는 제2 평면 요소(30)의 가상의 측면에 표시한다고 가정한다.
도 5를 설명하기에 앞서, 제1 평면 요소(10)의 이동 속도는 작게 설정되고, 제2 평면 요소(30)의 이동 속도는 크게 설정되었다고 가정한다. 도 5를 참조하면, 컴퓨팅 장치(200)는 각각의 이동 속도에 따라, 제1 평면 요소(10)의 가상의 측면(20)의 두께를 상대적으로 얇게 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)의 두께를 상대적으로 두껍게 표시할 수 있다.
도 6을 설명하기에 앞서, 제1 평면 요소(10)는 이동할 때에는 저항이 작용하지 않으나, 제2 평면 요소(30)는 이동할 때에는 저항이 작용하도록 설정되었다고 가정한다. 도 6을 참조하면, 컴퓨팅 장치(200)는 각각의 저항에 따라, 제1 평면 요소(10)의 가상의 측면(20)에는 어떠한 돌기의 모양도 포함하지 않고 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 대하여, 저항의 크기가 커질수록 예리함이 점점 커지는 돌기의 모양(41)을 포함하여 표시할 수 있다.
도 7을 설명하기에 앞서, 제1 평면 요소(10)는 이동할 수 있게 설정되고, 제2 평면 요소(30)는 이동할 수 없게 설정되었다고 가정한다. 도 7을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)의 일 영역(42)에 대한 색상을 무채색으로 변경하여 표시할 수 있다.
도 8을 설명하기에 앞서, 제1 평면 요소(10)가 제2 평면 요소(30)의 이동에 따라 수동적으로 함께 이동되도록 설정되었다고 가정한다. 도 8을 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면(20)과 제2 평면 요소(30)의 가상의 측면(40)을 연결하는 선(25)을 포함하여 표시할 수 있다.
도 9를 설명하기에 앞서, 제1 평면 요소(10)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 있으나, 제2 평면 요소(30)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 없게 설정되었다고 가정한다. 도 9를 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면에 어떠한 턱의 모양을 포함하지 않고 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 삼각형 턱의 모양(43)을 포함하여 표시할 수 있다.
도 10을 설명하기에 앞서, 제2 평면 요소(30)가 평면 레이아웃(50)의 경계 밖으로 이동할 수 없으나, 제2 평면 요소(30)가 이동하여 평면 레이아웃(50)의 경계에 닿았다고 가정한다. 도 10을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 주름의 모양(44)을 포함하여 표시할 수 있다. 또한, 컴퓨팅 장치(200)는 제2 평면 요소(30)를 평면 레이아웃(50)의 경계 밖으로 이동시키기 위한 외부 입력이 계속적으로 입력되는 경우, 제2 평면 요소(30)의 가상의 측면(40)에 포함된 주름의 모양(44)의 크기를 더욱 크게 표시할 수도 있다.
도 11을 설명하기에 앞서, 제2 평면 요소(30)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 없으며, 제2 평면 요소(30)가 이동하여 평면 레이아웃(50)의 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지도록 설정되었다고 가정한다. 도 11을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 스프링의 모양(45)을 포함하여 표시할 수 있다.
도 12를 설명하기에 앞서, 제1 평면 요소(10)가 외부의 입력에 의해 선택되었다고 가정한다. 도 12를 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면(20)의 테두리의 색상을 제1 색상(21)과 제2 색상(22)으로 변경하며 표시할 수 있다.
도 13을 설명하기에 앞서, 제2 평면 요소(30)가 Y-축 방향으로 스크롤될 수 있게 설정되었다고 가정한다. 도 13을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 제2 평면 요소(30)의 스크롤 가능 방향(46)을 포함하여 표시할 수 있다.
지금까지, 도3 내지 도 13을 참조하여 설명한 본 발명의 실시예에 따른 방법들은 컴퓨터가 읽을 수 있는 코드로 구현된 컴퓨터 프로그램의 실행에 의하여 수행될 수 있다. 컴퓨터 프로그램은 인터넷 등의 네트워크를 통하여, 제1 컴퓨팅 장치로부터 제2 컴퓨팅 장치에 전송되어 제2 컴퓨팅 장치에 설치될 수 있고, 이로써 제2 컴퓨팅 장치에서 사용될 수 있다. 여기서, 제1 컴퓨팅 장치 및 제2 컴퓨팅 장치는, 데스크탑, 서버 또는 워크스테이션 등과 같은 고정식 컴퓨팅 장치, 스마트폰, 태블릿, 패블릿 또는 랩탑 등과 같은 모바일 컴퓨팅 장치 및 스마트 와치, 스마트 안경 또는 스마트 밴드 등과 같은 웨어러블 컴퓨팅 장치를 모두 포함할 수 있다.
이하, 도 14 내지 도 15를 참조하여, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 논리적 구성에 대하여 구체적으로 설명하기로 한다.
도 14는 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 블록도이다. 도 14를 참조하면, 컴퓨팅 장치(200)는 통신부(205), 저장부(210), 입출력부(215), 3차원 변환부(220) 및 속성 표시부(225)를 포함할 수 있다.
각각의 구성에 대하여 설명하면, 통신부(205)는 네트워크 또는 직접 연결된 케이블을 통하여, 사용자 단말기(100)와 데이터를 송수신한다. 구체적으로, 통신부(205)는 애플리케이션 및 애플리케이션의 실행에 필요한 애플리케이션 프로그래밍 인터페이스(API) 또는 라이브러리를 송수신할 수 있다.
저장부(210)는 컴퓨팅 장치(200)의 동작에 필요한 데이터를 저장한다. 구체적으로, 저장부(210)는 애플리케이션의 개발 또는 시뮬레이션에 필요한 애플리케이션 프로그래밍 인터페이스(API), 라이브러리 또는 리소스 등을 저장할 수 있다.
입출력부(215)는 컴퓨팅 장치(200)의 동작에 필요한 데이터를 입력 받고, 컴퓨팅 장치(200)의 동작과 관련된 데이터를 출력한다. 구체적으로, 입출력부(215)는 키보드(keyboard), 마우스(mouse), 조이스틱(joystick), 트랙볼(track ball) 또는 터치 패드(touch pad) 등을 통하여 데이터를 입력 받을 수 있다. 입출력부(215)는 액정표시장치(liquid crystal display, LCD), 발광 다이오드(light emitting diode, LED), 유기 발광 다이오드(organic LED, OLED), 능동형 유기 발광 다이오드(active matrix OLED, AMOLED) 또는 스피커(speaker) 등을 통하여 데이터를 출력할 수 있다, 또한, 입출력부(215)는 터치 스크린(touch screen)을 통하여 데이터의 입출력을 동시에 할 수도 있으며, 이에 한정되는 것도 아니다.
3차원 변환부(220)는 하나 이상의 요소 및 가상 화면에 대한 3차원 뷰를 생성한다. 구체적으로, 3차원 변환부(220)는 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소에 대한 고도를 추출한다. 그리고, 3차원 변환부(220)는 평면 레이아웃 및 하나 이상의 평면 요소를 3차원으로 회전시킨다. 그리고, 3차원 변환부(220)는 각 평면 요소를 각각의 고도에 따라 레이아웃 기준면으로부터 분리하여 표시한다.
속성 표시부(225)는 각각의 평면 요소의 속성을 포함하는 3차원 뷰를 표시한다. 구체적으로, 속성 표시부(225)는 3차원 뷰에 포함된 각각의 평면 요소의 속성을 추출한다. 그리고, 속성 표시부(225)는 각각의 평면 요소의 속성을 평면 요소가 3차원으로 회전되어 나타난 가상의 측면에 표시한다.
지금까지, 도 14의 각 구성요소는 소프트웨어(software) 또는, 현장 프로그래머블 게이트 어레이(field-programmable gate array, FPGA)나 에이직(application-specific integrated circuit, ASIC)과 같은 하드웨어(hardware)를 의미할 수 있다. 그렇지만, 상기 구성 요소들은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니며, 어드레싱(addressing)할 수 있는 저장 매체에 있도록 구성될 수도 있고, 하나 또는 그 이상의 프로세서들을 실행시키도록 구성될 수도 있다. 상기 구성 요소들 안에서 제공되는 기능은 더 세분화된 구성요소에 의하여 구현될 수 있으며, 복수의 구성요소들을 합하여 특정한 기능을 수행하는 하나의 구성요소로 구현될 수도 있다.
도 15는 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 하드웨어 구성도이다. 도 15를 참조하면, 컴퓨팅 장치(200)는 프로세서(250), 메모리(255), 입출력 장치(260), 네트워크 인터페이스(265), 데이터 버스(270) 및 스토리지(275)를 포함하여 구성될 수 있다.
메모리(255)는 속성 표시 방법이 구현된 컴퓨터 프로그램 데이터(280a)가 상주될 수 있다. 입출력 장치(260)는 사용자로부터 컴퓨팅 장치(200)의 동작에 필요한 데이터를 입출력할 수 있다.. 네트워크 인터페이스(265)는 네트워크를 이용하여 데이터를 송수신할 수 있다. 데이터 버스(270)는 프로세서(250), 메모리(255), 입출력 장치(260), 네트워크 인터페이스(265) 및 스토리지(275)와 연결되어, 각 구성 요소간의 데이터를 전달하는 이동 통로이다.
그리고, 스토리지(275)는 컴퓨터 프로그램 실행을 위해 필요한 애플리케이션 프로그래밍 인터페이스, 라이브러리 파일, 리소스 파일 등을 저장할 수 있다. 또한, 스토리지(275)는 속성 표시 방법이 구현된 컴퓨터 프로그램 데이터(280b)를 저장할 수 있다.
보다 구체적으로는, 스토리지(275)는 평면 요소를 3차원으로 회전시키는 인스트럭션(instruction) 및 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 가상의 측면에 평면 요소의 속성을 표시하는 인스트럭션을 포함하는 컴퓨터 프로그램이 저장될 수 있다.
이상 첨부된 도면을 참조하여 본 발명의 실시예들을 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해되어야만 한다.

Claims (16)

  1. 평면 레이아웃을 구성하는 복수의 평면 요소의 속성을 표시하는 방법에 있어서,
    상기 평면 레이아웃의 기준면으로부터의 제1 평면 요소 및 제2 평면 요소 각각의 고도를 추출하는 단계;
    상기 제1 평면 요소 및 제2 평면 요소를 3차원으로 회전시키는 단계;
    상기 제1 평면 요소 및 제2 평면 요소가 회전됨에 따라, 상기 추출된 각각의 평면 요소의 고도를 기초로, 상기 제1 평면 요소 및 상기 제2 평면 요소를 상기 평면 레이아웃의 기준면으로부터 분리하여 표시하는 단계; 및
    상기 제1 평면 요소 및 제2 평면 요소가 회전됨에 따라 나타난 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상 측면을 각각 상기 제1 평면 요소의 이동 속성 및 상기 제2 평면 요소의 이동 속성을 나타내는 그래픽 요소로 표시하는 단계를 포함하되,
    상기 제1 평면 요소의 이동 속성은, 상기 제2 평면 요소의 이동 속성을 기초로 결정되는 이동 속성을 포함하는,
    평면 요소의 속성 표시 방법.
  2. 제1 항에 있어서,
    상기 고도를 추출하는 단계는,
    상기 제1 평면 요소 및 제2 평면 요소를 상기 3차원으로 회전시키기 전에, 상기 평면 레이아웃 상에서 상기 제1 평면 요소 및 제2 평면 요소가 각각 점유하는 2차원 좌표와, 상기 제1 평면 요소 및 상기 제2 평면 요소 각각의 고도를 기초로, 상기 제2 평면 요소 상에 상기 제1 평면 요소를 오버레이되도록 표시시키는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  3. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소의 이동 속성 및 상기 제2 평면 요소의 이동 속성에 따라, 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상 측면 각각을 모양 및 색상 중 적어도 하나가 다른 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  4. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 각각의 이동 속도에 따라, 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상의 측면을 서로 다른 두께의 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  5. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중 적어도 하나가 이동할 때 저항이 작용하는 경우, 상기 제1 평면 요소 및 상기 제2 평면 요소 중 상기 적어도 하나의 평면 요소의 가상의 측면을 상기 저항의 크기에 따라 예리함이 달라지는 돌기 모양의 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  6. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중 어느 하나가 이동할 수 없는 경우, 상기 어느 하나의 평면 요소의 가상의 측면을 일 영역의 색상이 기 설정된 색상으로 변경되는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  7. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소가 상기 제2 평면 요소의 이동에 따라 수동적으로 이동되는 경우, 상기 제1 평면 요소의 가상의 측면과 상기 제2 평면 요소의 가상의 측면을 연결하는 선을 포함하여 상기 그래픽 요소를 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  8. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중, 적어도 하나가 상기 평면 레이아웃의 경계 밖으로 이동할 수 없는 경우, 상기 적어도 하나의 평면 요소의 가상의 측면을 턱(threshold)의 모양을 포함하는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  9. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중, 적어도 하나가 상기 평면 레이아웃의 경계 밖으로 이동할 수 없으며, 상기 적어도 하나의 평면 요소가 상기 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지는 경우, 상기 적어도 하나의 평면 요소의 가상의 측면을 탄성체의 모양을 포함하는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  10. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 평면 요소가 스크롤될 수 있는 경우, 상기 가상의 측면을 스크롤 가능 방향을 포함하는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  11. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    외부의 입력 또는 시뮬레이션의 시나리오에 따라 상기 제1 평면 요소 및 상기 제2 평면 요소 어느 하나의 위치 및 크기 중 적어도 하나가 기 지정된 요건을 만족하는 경우, 상기 어느 하나의 평면 요소의 가상의 측면을 모양 및 색상 중 적어도 하나를 달리하는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  12. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    외부의 입력 또는 시뮬레이션의 시나리오에 따라 상기 제1 평면 요소 및 상기 제2 평면 요소 중 어느 하나의 위치 및 크기 중 적어도 하나가 기 지정된 요건을 만족하는 경우, 상기 평면 레이아웃의 기준면의 모양 및 색상 중 적어도 하나를 달리하여 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  13. 제1 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중 어느 하나가 외부의 입력에 의해 선택된 경우, 상기 어느 하나의 평면 요소의 가상의 측면을, 전체 또는 일부 영역에 대한 모양 및 색상 중 적어도 하나를 달리하는 그래픽 요소로 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  14. 평면 레이아웃을 구성하는 복수의 평면 요소의 속성을 표시하는 방법에 있어서,
    상기 평면 레이아웃의 기준면으로부터의 제1 평면 요소 및 제2 평면 요소 각각의 고도를 추출하는 단계;
    상기 제1 평면 요소 및 상기 제2 평면 요소를 3차원으로 회전시키는 단계;
    상기 제1 평면 요소 및 제2 평면 요소가 회전됨에 따라, 상기 추출된 각각의 평면 요소의 고도를 기초로, 상기 제1 평면 요소 및 상기 제2 평면 요소를 상기 평면 레이아웃의 기준면으로부터 분리하여 표시하는 단계; 및
    상기 제1 평면 요소 및 상기 제2 평면 요소가 회전됨에 따라 나타난 상기 제1 평면 요소 및 상기 제2 평면 요소의 외곽선에 상기 평면 요소의 이동 속성을 나타내는 그래픽 요소를 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  15. 제14 항에 있어서,
    상기 그래픽 요소를 표시하는 단계는,
    상기 제1 평면 요소 및 상기 제2 평면 요소 중 적어도 하나의 이동 속성에 따라, 상기 적어도 하나의 외곽선의 색상을 달리하여 표시하는 단계를 포함하는,
    평면 요소의 속성 표시 방법.
  16. 컴퓨팅 장치와 결합되어, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법을 실행시키기 위한 컴퓨터 프로그램에 있어서,
    상기 평면 레이아웃의 기준면으로부터의 제1 평면 요소 및 제2 평면 요소 각각의 고도를 추출하는 단계;
    상기 제1 평면 요소 및 제2 평면 요소를 3차원으로 회전시키는 단계;
    상기 제1 평면 요소 및 제2 평면 요소가 회전됨에 따라, 상기 추출된 각각의 평면 요소의 고도를 기초로, 상기 제1 평면 요소 및 상기 제2 평면 요소를 상기 평면 레이아웃의 기준면으로부터 분리하여 표시하는 단계; 및
    상기 제1 평면 요소 및 제2 평면 요소가 회전됨에 따라 나타난 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상 측면을 각각 상기 제1 평면 요소의 이동 속성 및 상기 제2 평면 요소의 이동 속성을 나타내는 그래픽 요소로 표시하는 단계를 실행시키되,
    상기 제1 평면 요소의 이동 속성은, 상기 제2 평면 요소의 이동 속성을 기초로 결정되는 이동 속성을 포함하는, 기록매체에 저장된 컴퓨터 프로그램.
KR1020157030049A 2015-05-22 2015-05-22 평면 요소의 속성을 표시하는 방법 및 그 장치 KR101653795B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020157030049A KR101653795B1 (ko) 2015-05-22 2015-05-22 평면 요소의 속성을 표시하는 방법 및 그 장치
US15/292,126 US10067660B2 (en) 2015-05-22 2016-10-13 Method and apparatus for displaying attributes of plane element

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020157030049A KR101653795B1 (ko) 2015-05-22 2015-05-22 평면 요소의 속성을 표시하는 방법 및 그 장치

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020167023782A Division KR102141954B1 (ko) 2015-05-22 2015-05-22 평면 요소의 속성을 표시하는 방법 및 그 장치

Publications (1)

Publication Number Publication Date
KR101653795B1 true KR101653795B1 (ko) 2016-09-07

Family

ID=56949903

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020157030049A KR101653795B1 (ko) 2015-05-22 2015-05-22 평면 요소의 속성을 표시하는 방법 및 그 장치

Country Status (2)

Country Link
US (1) US10067660B2 (ko)
KR (1) KR101653795B1 (ko)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10127216B2 (en) 2016-12-30 2018-11-13 Studio Xid Korea, Inc. Method for adding a comment to interactive content by reproducing the interactive content in accordance with a breached comment scenario
KR20190030517A (ko) 2017-09-14 2019-03-22 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
KR20190089814A (ko) 2019-07-24 2019-07-31 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
US11320954B2 (en) 2019-12-24 2022-05-03 Studio Xid Korea, Inc. Method and apparatus for providing prototype of graphical user interface

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20060008815A (ko) * 2004-07-24 2006-01-27 삼성전자주식회사 3차원 모션 그래픽 사용자 인터페이스 및 이를 제공하는방법 및 장치
US20110164029A1 (en) * 2010-01-05 2011-07-07 Apple Inc. Working with 3D Objects
KR20130077730A (ko) * 2011-12-29 2013-07-09 주식회사 알티캐스트 3차원 정보 디스플레이 방법 및 기록매체

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2010131902A2 (ko) 2009-05-12 2010-11-18 Oh Eui Jin 다면체를 이용한 그래픽 사용자 인터페이스 및 이를 구현하는 사용자 단말기
US20120139907A1 (en) * 2010-12-06 2012-06-07 Samsung Electronics Co., Ltd. 3 dimensional (3d) display system of responding to user motion and user interface for the 3d display system
KR101852428B1 (ko) 2011-03-09 2018-04-26 엘지전자 주식회사 이동 단말기 및 그의 3ｄ객체 제어방법
KR101235432B1 (ko) 2011-07-11 2013-02-22 김석중 3차원 모델링된 전자기기의 가상터치를 이용한 원격 조작 장치 및 방법
US9829996B2 (en) * 2012-06-25 2017-11-28 Zspace, Inc. Operations in a three dimensional display system
US9459697B2 (en) * 2013-01-15 2016-10-04 Leap Motion, Inc. Dynamic, free-space user interactions for machine control

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20060008815A (ko) * 2004-07-24 2006-01-27 삼성전자주식회사 3차원 모션 그래픽 사용자 인터페이스 및 이를 제공하는방법 및 장치
US20110164029A1 (en) * 2010-01-05 2011-07-07 Apple Inc. Working with 3D Objects
KR20130077730A (ko) * 2011-12-29 2013-07-09 주식회사 알티캐스트 3차원 정보 디스플레이 방법 및 기록매체

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10127216B2 (en) 2016-12-30 2018-11-13 Studio Xid Korea, Inc. Method for adding a comment to interactive content by reproducing the interactive content in accordance with a breached comment scenario
US10740410B2 (en) 2016-12-30 2020-08-11 Studio Xid Korea, Inc. Method for adding a comment to interactive content by reproducing the interactive content in accordance with a brached comment scenario
KR20190030517A (ko) 2017-09-14 2019-03-22 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
US10409710B2 (en) 2017-09-14 2019-09-10 Studio Xid Korea, Inc. Method of testing prototype linked with existing application
US10963368B2 (en) 2017-09-14 2021-03-30 Studio Xid Korea, Inc. Method of testing prototype linked with existing application
KR20190089814A (ko) 2019-07-24 2019-07-31 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
US11320954B2 (en) 2019-12-24 2022-05-03 Studio Xid Korea, Inc. Method and apparatus for providing prototype of graphical user interface
US12093497B2 (en) 2019-12-24 2024-09-17 Studio Xid Korea, Inc. Method and apparatus for providing prototype of graphical user interface

Also Published As

Publication number Publication date
US20170109021A1 (en) 2017-04-20
US10067660B2 (en) 2018-09-04

Similar Documents

Publication Publication Date Title
EP3469459B1 (en) Altering properties of rendered objects via control points
US10754531B2 (en) Displaying a three dimensional user interface
CN109416580B (zh) 用于选择场景中的对象的系统、方法和可穿戴计算设备
AU2017200358B2 (en) Multiplatform based experience generation
US20120092340A1 (en) Systems, methods, and computer-readable media for manipulating graphical objects
CN106687922B (zh) 参数惯性和api
JP6458371B2 (ja) ３次元モデルのためのテクスチャデータを取得する方法、ポータブル電子デバイス、及びプログラム
US20200202121A1 (en) Mode-changeable augmented reality interface
KR101653795B1 (ko) 평면 요소의 속성을 표시하는 방법 및 그 장치
Telkenaroglu et al. Dual-finger 3d interaction techniques for mobile devices
US10921796B2 (en) Component information retrieval device, component information retrieval method, and program
CN112204621A (zh) 基于计算设备能力简档的虚拟骨架
Medeiros et al. A tablet-based 3d interaction tool for virtual engineering environments
CN111744181B (zh) 游戏中信息的显示方法、装置、游戏客户端及介质
CN116843826A (zh) 柔性物体的三维建模方法、装置、电子设备和存储介质
US20170039037A1 (en) Live mobile application visual editor demo
KR102141954B1 (ko) 평면 요소의 속성을 표시하는 방법 및 그 장치
KR101630257B1 (ko) 3d 이미지 제공 시스템 및 그 제공방법
RU2637903C2 (ru) Способ и компьютерное устройство для создания симплифицированных границ графических объектов
CN113680051A (zh) 游戏的控制方法、装置、设备及存储介质
KR20170047611A (ko) 오브젝트의 마커의 상호 관계성에 따른 컨텐츠의 상호작용 증강현실 제공 시스템 및 이를 이용한 컨텐츠의 상호작용 증강현실제공방법
US20240338115A1 (en) Software parameter management through a universal interface
CN114153539B (zh) 前端应用界面生成方法、装置、电子设备和存储介质
US20240193877A1 (en) Virtual production
Pargal SHMART-Simple Head-Mounted Mobile Augmented Reality Toolkit

Legal Events

Date Code Title Description
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right
A107 Divisional application of patent
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190820

Year of fee payment: 4