KR102141954B1 - Method and apparatus for displaying attributes of plane element - Google Patents

Method and apparatus for displaying attributes of plane element Download PDF

Info

Publication number
KR102141954B1
KR102141954B1 KR1020167023782A KR20167023782A KR102141954B1 KR 102141954 B1 KR102141954 B1 KR 102141954B1 KR 1020167023782 A KR1020167023782 A KR 1020167023782A KR 20167023782 A KR20167023782 A KR 20167023782A KR 102141954 B1 KR102141954 B1 KR 102141954B1
Authority
KR
South Korea
Prior art keywords
planar
planar element
displaying
elements
properties
Prior art date
Application number
KR1020167023782A
Other languages
Korean (ko)
Other versions
KR20180000667A (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 스튜디오씨드코리아 주식회사
Publication of KR20180000667A publication Critical patent/KR20180000667A/en
Application granted granted Critical
Publication of KR102141954B1 publication Critical patent/KR102141954B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00—Computer-aided design [CAD]
    • G06F30/10—Geometric CAD
    • G06F30/17—Mechanical parametric or variational design
    • 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
    • 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • 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
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Abstract

본 발명의 일 실시예들에 따른 속성 표시 방법은, 컴퓨팅 장치가, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.According to a method of displaying an attribute according to an embodiment of the present invention, in a method for a computing device to display an attribute of a flat element constituting a flat layout, rotating the flat element in three dimensions and the flat element is 3 And displaying properties of the planar element on a virtual side of the planar element rotated in dimension.

Description

평면 요소의 속성을 표시하는 방법 및 그 장치{Method and apparatus for displaying attributes of plane element}Method and apparatus for displaying attributes of plane element

본 발명은 사용자 인터페이스(user interface)를 통해 화면에 표시되는 하나 이상의 평면 요소를 표시하기 위한 방법 및 그 장치에 관한 것이다.The present invention relates to a method and apparatus for displaying one or more planar elements displayed on a screen through a user interface.

평면 요소의 공간과 움직임을 이용한 사용자 인터페이스를 제공하기 위한 머터리얼 디자인(Material Design)이 공개 된 후, 수 많은 개발자들은 머터리얼 디자인에서 요구하는 규칙에 따라 애플리케이션을 개발하고 있다. 머터리얼 디자인에 따르면, 화면에 표시되는 모든 평면 요소들은 고도(elevation)를 가질 수 있다. 그러나, 모든 평면 요소들은 오직 2차원의 화면에 표시되며, 각 평면 요소의 고도는 단지 그림자로 표시된다. After Material Design was released to provide a user interface using space and movement of planar elements, many developers are developing applications according to the rules required by Material Design. According to the material design, all planar elements displayed on the screen can have an elevation. However, all planar elements are only displayed on a two-dimensional screen, and the altitude of each planar element is only shown as a shadow.

따라서, 개발자들은 애플리케이션을 개발함에 있어, 화면에 표시되는 각 평면 요소의 고도를 직관적으로 인지하기 어렵다. 또한, 개발자들은 화면에 표시되는 각 평면 요소가 가지는 속성에 대하여 직접 코드를 분석해야만 확인할 수 있다. 따라서, 개발자들이 각 평면 요소의 고도 및 속성을 직관적으로 인지할 수 있는 솔루션이 요구되고 있다.Therefore, it is difficult for developers to intuitively recognize the altitude of each flat element displayed on the screen when developing an application. In addition, developers can check the properties of each flat element displayed on the screen by directly analyzing the code. Therefore, there is a need for a solution that enables developers to intuitively recognize the altitude and properties of each planar element.

한국 공개 특허 제2012-0134913호 (2012.12.12. 공개)Korean Open Patent No. 2012-0134913 (released on December 12, 2012)

본 발명이 해결하고자 하는 기술적 과제는, 애플리케이션에 대한 시뮬레이션을 수행함에 있어, 평면 레이아웃을 구성하고 있는 평면 요소들을 각각의 속성과 함께 3차원으로 표시할 수 있는 방법 및 그 장치에 관한 것이다. The technical problem to be solved by the present invention relates to a method and apparatus capable of displaying three-dimensional elements of plane elements constituting a plane layout together with respective attributes in performing a simulation for an application.

본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해 될 수 있을 것이다.The technical problems of the present invention are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by a person skilled in the art from the following description.

상기 기술적 과제를 달성하기 위한 본 발명의 일 태양(aspect)에 따른 속성 표시 방법은, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.A property display method according to an aspect of the present invention for achieving the above technical problem is a method of displaying properties of a planar element constituting a planar layout, comprising: rotating the planar element in three dimensions and the And displaying properties of the planar element on a virtual side surface of the planar element rotated in three dimensions.

상기 기술적 과제를 달성하기 위한 본 발명의 다른 태양에 따른 속성 표시 방법은, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 외곽선에 상기 평면 요소의 속성을 표시하는 단계를 포함할 수 있다.A property display method according to another aspect of the present invention for achieving the above technical problem is a method of displaying properties of a planar element constituting a planar layout, comprising: rotating the planar element in three dimensions and the planar element is And displaying properties of the planar element on an outline of the planar element rotated in 3D.

상기 기술적 과제를 달성하기 위한 본 발명의 또 다른 태양에 따르면, 컴퓨팅 장치와 결합되어, 평면 레이아웃을 구성하는 평면 요소의 속성을 표시하는 방법을 실행시키기 위한 컴퓨터 프로그램에 있어서, 상기 평면 요소를 3차원으로 회전시키는 단계 및 상기 평면 요소가 3차원으로 회전되어 나타난 상기 평면 요소의 가상의 측면에 상기 평면 요소의 속성을 표시하는 단계를 실행시키기 위하여, 기록매체에 기록된 컴퓨터 프로그램이 제공될 수 있다.According to another aspect of the present invention for achieving the above technical problem, in a computer program for executing a method of displaying a property of a planar element constituting a planar layout in combination with a computing device, the planar element is three-dimensional. A computer program recorded on a recording medium may be provided to execute the step of rotating the display element and displaying the properties of the flat element on a virtual side surface of the flat element in which the flat element is rotated in three dimensions.

상술한 바와 같은 본 발명에 따르면, 각각의 평면 요소를 3차원으로 회전시켜 표시할 수 있는 3차원 뷰를 제공함으로써, 애플리케이션 개발자가 각 평면 요소의 고도를 직관적으로 인지할 수 있다.According to the present invention as described above, by providing a three-dimensional view that can be displayed by rotating each plane element in three dimensions, the application developer can intuitively recognize the elevation of each plane element.

또한, 3차원 뷰에 각 평면 요소의 속성을 함께 표시함으로써, 애플리케이션 개발자가 각 평면 요소의 속성을 쉽게 인지할 수 있는 사용자 경험(user experience)을 제공할 수 있다.In addition, by displaying the properties of each planar element together in a 3D view, an application developer can provide a user experience that can easily recognize the properties of each planar element.

도 1은 본 발명의 일 실시예에 따른 시뮬레이션 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 평면 요소 및 고도를 설명하기 위한 예시도이다.
도 3은 본 발명의 일 실시예에 따른 속성 표시 방법을 설명하기 위한 순서도이다.
도 4는 본 발명의 일 실시예에 따른 3차원 뷰를 설명하기 위한 예시도이다.
도 5 내지 도 13은 본 발명의 몇몇 실시예에 따라 속성이 표시된 평면 요소를 설명하기 위한 예시도이다.
도 14는 본 발명의 일 실시예에 따른 컴퓨팅 장치의 블록도이다.
도 15는 본 발명의 일 실시예에 따른 컴퓨팅 장치의 하드웨어 구성도이다.1 is a configuration diagram of a simulation system according to an embodiment of the present invention.
2 is an exemplary view for explaining a planar element and an altitude according to an embodiment of the present invention.
3 is a flowchart illustrating a method for displaying an attribute according to an embodiment of the present invention.
4 is an exemplary diagram for describing a 3D view according to an embodiment of the present invention.
5 to 13 are exemplary views for explaining a planar element marked with attributes according to some embodiments of the present invention.
14 is a block diagram of a computing device according to an embodiment of the present invention.
15 is a hardware configuration diagram of a computing device according to an embodiment of the present invention.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.Advantages and features of the present invention, and methods for achieving them will be clarified with reference to embodiments described below in detail together with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but will be implemented in various different forms, and only the present embodiments allow the disclosure of the present invention to be complete, and the general knowledge in the technical field to which the present invention pertains. It is provided to fully inform the holder of the scope of the invention, and the invention is only defined by the scope of the claims. The same reference numerals refer to the same components throughout the specification.

본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "이루어지다(made of)"는 언급된 구성요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다. The terminology used herein is for describing the embodiments and is not intended to limit the present invention. In the present specification, the singular form also includes the plural form unless otherwise specified in the phrase. As used herein, "comprises" and/or "made of" mentioned components, steps, operations, and/or elements are those of one or more other components, steps, operations, and/or elements. Presence or addition is not excluded.

이하, 본 발명에 대하여 첨부된 도면에 따라 보다 상세히 설명한다.Hereinafter, the present invention will be described in more detail according to the accompanying drawings.

도 1은 본 발명의 일 실시예에 따른 시뮬레이션 시스템의 구성도이다. 도 1에 도시된 시뮬레이션 시스템은 사용자 단말기(100)에서 실행될 애플리케이션(application)을 컴퓨팅 장치(200)에서 개발 및 시뮬레이션 하기 위한 시스템이다. 이러한, 시뮬레이션 시스템의 각 구성 요소들은 기능적으로 구분되는 기능 요소들을 나타낸 것으로서, 어느 하나 이상의 구성 요소가 실제 물리적 환경에서는 서로 통합되어 구현될 수 있다.1 is a configuration diagram of a simulation system according to an embodiment of the present invention. The simulation system illustrated in FIG. 1 is a system for developing and simulating an application to be executed in the user terminal 100 in the computing device 200. Each component of the simulation system represents functional elements that are functionally divided, and any one or more components can be implemented by being integrated with each other in an actual physical environment.

본 발명의 일 실시예에 따른 시뮬레이션 시스템의 각 구성 요소에 대하여 구체적으로 설명하면, 사용자 단말기(user equipment, 100)는 컴퓨팅 장치(200)를 통해 시뮬레이션 된 애플리케이션을 실행할 수 있는 장치이다. In detail for each component of the simulation system according to an embodiment of the present invention, a user terminal (user equipment, 100) is a device capable of executing a simulated application through the computing device 200.

보다 구체적으로, 사용자 단말기(100)는 컴퓨팅 장치(200)와 직접 연결되어 애플리케이션을 다운로드 할 수 있다. 또한, 사용자 단말기(100)는 네트워크를 통하여, 온라인 마켓 플레이스로부터 애플리케이션을 다운로드 할 수 있다. 예를 들어, 온라인 마켓 플레이스(e-market place)에는 구글(Google)사의 플레이스토어(Play store) 또는 애플(Apple)사의 앱스토어(App Store) 등이 포함될 수 있으나, 이에 한정되는 것은 아니다. More specifically, the user terminal 100 is directly connected to the computing device 200 to download an application. In addition, the user terminal 100 may download an application from an online marketplace through a network. For example, the online market place (e-market place) may include Google's Play store or Apple's App Store, but is not limited thereto.

그리고, 사용자 단말기(100)는 다운로드 한 애플리케이션을 실행할 수 있다. 사용자 단말기(100)는 애플리케이션을 실행하기 위한 운영체제(operating system, os)로 안드로이드(Android), 아이오에스(iOS) 또는 윈도우(Windows) 중 어느 하나를 포함할 수 있으나, 이에 한정되는 것은 아니다.Then, the user terminal 100 may execute the downloaded application. The user terminal 100 is an operating system (os) for executing an application, and may include any one of Android, iOS, or Windows, but is not limited thereto.

이와 같은, 사용자 단말기(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) 등과 같은 장치가 될 수도 있다.As such, the user terminal 100 may be any device as long as it is a device that can download and execute an application. For example, the user terminal 100 may be a mobile device, such as a smart phone, a tablet, or a phablet, but is not limited thereto, and a smart watch and smart glasses It may be a wearable device such as (smart glasses) or a smart band. Furthermore, the user terminal 100 may be a device such as a laptop, portable multimedia player (PMP), personal digital assistants (PDA), or e-book reader. have.

다음으로, 컴퓨팅 장치(200)는 사용자 장치(100)에서 실행될 애플리케이션을 시뮬레이션 할 수 있는 장치이다. Next, the computing device 200 is a device that can simulate an application to be executed on the user device 100.

구체적으로, 컴퓨팅 장치(200)는 애플리케이션을 시뮬레이션 할 수 있는 장치라면 어떠한 장치라도 허용될 수 있다. 예를 들어, 컴퓨팅 장치(200)는 데스크탑(desktop), 서버(server) 또는 워크스테이션(workstation) 등과 같은 고정식 컴퓨팅 장치가 될 수 있으나, 이에 한정되지 않고, 사용자 단말기(100)와 동일한 유형의 장치가 될 수도 있다.Specifically, the computing device 200 may be any device as long as it can simulate an application. For example, the computing device 200 may be a fixed computing device such as a desktop, a server, or a workstation, but is not limited thereto, and the same type of device as the user terminal 100 It can be.

그리고, 컴퓨팅 장치(200)는 애플리케이션을 개발하기 위한 애플리케이션 프로그래밍 인터페이스(application programming interface, API), 라이브러리(library) 또는 리소스(resource) 등을 제공할 수 있다.In addition, the computing device 200 may provide an application programming interface (API), library, or resource for developing an application.

특히, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)는 애플리케이션을 시뮬레이션 함에 있어, 화면에 표시되는 하나 이상의 평면 요소(plane element)를 각각의 속성(attribute)과 함께 3차원으로 표시할 수 있다. 이러한, 특징을 발현하기 위한 컴퓨팅 장치(200)에 대한 보다 구체적인 설명은, 추후 도 2 내지 도 15를 참조하여 설명하기로 한다.In particular, the computing device 200 according to an embodiment of the present invention may display one or more plane elements displayed on a screen in three dimensions with respective attributes in simulating an application. . More specific description of the computing device 200 for expressing such features will be described later with reference to FIGS. 2 to 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) 등과 같은 유선통신망 중 어느 하나가 될 수 있으며, 이에 한정되는 것은 아니다.Next, the network is an infrastructure for transmitting and receiving data between the user device 100 and the computing device 200. For example, the network may be code division multiple access (CDMA), wide band CDMA (WCDMA), high speed packet access (HSPA), long term evolution (long term evolution). , LTE), etc., mobile networks, Wi-Fi, WiBro or WiMax, local area wireless networks, ethernet, digital subscriber line (x digital subscriber line, xDSL), optical coaxial mixing Network (hybrid fiber coax, HFC), optical subscriber network (fiber to the home, FTTH) may be any one of the wired communication network, such as, but not limited to.

이하, 본 발명의 일 실시예에 따른 속성 표시 방법에 대하여 설명하기에 앞서, 평면 요소 및 고도에 대하여 설명하기로 한다. 도 2는 본 발명의 일 실시예에 따른 평면 요소 및 고도를 설명하기 위한 예시도이다.Hereinafter, before describing a method for displaying attributes according to an embodiment of the present invention, a description will be given of a planar element and an altitude. 2 is an exemplary view for explaining a planar element and an altitude according to an embodiment of the present invention.

도 2를 참조하면, 평면 요소(1)는 화면(3) 내에서 2차원으로 표시될 수 있는 객체(object)이다. 예를 들어, 평면 요소(1)는 이미지(image), 버튼(button), 카드(card) 또는 다른 객체 등을 포함할 수 있으나, 이에 한정되는 것은 아니다. 화면(3)에서 표시될 수 있는 모든 평면 요소(1)는 균일한 두께(uniform thick)를 가질 수 있으나, 이에 한정되는 것은 아니다. 또한, 화면(3)에서 표시될 수 있는 모든 평면 요소(1)들은 고도(2)를 가질 수 있다. Referring to FIG. 2, the planar element 1 is an object that can be displayed in two dimensions within the screen 3. For example, the planar element 1 may include an image, a button, a card, or other object, but is not limited thereto. All planar elements 1 that can be displayed on the screen 3 may have a uniform thickness, but are not limited thereto. Also, all planar elements 1 that can be displayed on the screen 3 can have an altitude 2.

고도(elevation, 2)는 화면(3)의 기준면으로부터 평면 요소(1) 사이의 가상적인 수직 높이이다. 즉, 평면 요소(1)가 화면(3)에서 X-축 및 Y-축의 2차원으로 표시될 수 있는 객체라면, 고도(3)는 평면 요소(1)의 Z-축 상의 위치이다. 따라서, 고도는 화면(3)에 최종적으로 표시될 수 있는 평면 요소(1)들의 우선 순위(priority)를 결정할 수 있다. 예를 들어, 두 평면 요소(1)가 동일한 2차원 좌표를 점유하고 있는 경우, 두 평면 요소(1) 중 고도가 큰 평면 요소(1)가 최종적으로 화면에 표시될 수 있다. 또한, 둘 이상의 평면 요소(1)는 동일한 고도(2)를 가질 수 없으나, 이에 한정되는 것은 아니다.The elevation (2) is the virtual vertical height between the planar elements (1) from the reference plane of the screen (3). That is, if the planar element 1 is an object that can be displayed in two dimensions on the screen 3 in the X-axis and the Y-axis, the elevation 3 is the position on the Z-axis of the planar element 1. Thus, the altitude can determine the priority of the planar elements 1 that can finally be displayed on the screen 3. For example, when two planar elements 1 occupy the same two-dimensional coordinates, a flat element 1 having a high altitude among the two planar elements 1 may be finally displayed on the screen. Also, two or more planar elements 1 cannot have the same elevation 2, but are not limited thereto.

그리고, 평면 요소(1)의 고도(2)는 화면(3)에서 그림자(5)로 표시될 수 있다. 예를 들어, 평면 요소(1)의 고도(2)가 큰 경우, 화면(3)에서 평면 요소(1)에 대한 그림자(5)는 크게 표시될 수 있다. 이와 반대로, 평면 요소(1)의 고도(2)가 작은 경우, 화면(3)에서 평면 요소(1)에 대한 그림자(5)는 작게 표시될 수 있다.And, the altitude 2 of the planar element 1 can be displayed as a shadow 5 on the screen 3. For example, when the altitude 2 of the planar element 1 is large, the shadow 5 for the planar element 1 may be largely displayed on the screen 3. Conversely, when the elevation 2 of the planar element 1 is small, the shadow 5 for the planar element 1 on the screen 3 may be displayed small.

이와 같이, 고도(2)는 화면(3)에 표시될 수 있는 복수 개의 평면 요소(1) 사이의 우선 순위를 결정할 수 있는 인자(factor)이다. 그러나, 평면 요소(1)의 고도(2)가 단순히 화면(3)에서 그림자(5)로 표시됨으로써, 애플리케이션의 개발자가 화면(3)에 표시된 평면 요소(1)의 고도(2)를 직관적으로 인지하기 어렵다는 문제가 있다. Thus, altitude 2 is a factor that can determine the priority between a plurality of planar elements 1 that can be displayed on screen 3. However, the elevation 2 of the flat element 1 is simply displayed as a shadow 5 on the screen 3, so that the developer of the application intuitively determines the elevation 2 of the flat element 1 displayed on the screen 3 There is a problem that it is difficult to recognize.

따라서, 애플리케이션 개발자가 평면 요소(1)의 고도(2) 및 속성을 용이하게 표시하기 위한 방법에 대하여 설명하기로 한다.Therefore, a description will be given of a method for an application developer to easily display the altitude 2 and properties of the planar element 1.

도 3은 본 발명의 일 실시예에 따른 속성 표시 방법을 설명하기 위한 순서도이다. 도 3을 참조하면, 컴퓨팅 장치(200)는 사용자의 입력에 따라 시뮬레이션 모드를 실행한다(S100). 여기서, 시뮬레이션 모드는 개발 중 또는 개발된 애플리케이션을 사용자 단말기(100)에서 직접 실행하기에 앞서, 애플리케이션을 사용자 단말기(100)와 유사한 가상의 환경에서 실행하여, 애플리케이션의 예상 실행 결과를 표시하기 위한 모드이다.3 is a flowchart illustrating a method for displaying an attribute according to an embodiment of the present invention. Referring to FIG. 3, the computing device 200 executes a simulation mode according to a user input (S100). Here, the simulation mode is a mode for displaying an expected execution result of the application by executing the application in a virtual environment similar to that of the user terminal 100 prior to directly executing the developed application or the developed application on the user terminal 100 to be.

다음으로, 컴퓨팅 장치(200)는 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소에 대한 고도를 추출한다(S200). 여기서, 평면 레이아웃은 개발 중 또는 개발된 애플리케이션에 의하여 표시될 수 있는 화면이다. 이러한, 평면 레이아웃은 하나 이상의 평면 요소를 포함하여 구성될 수 있다. 또한, 컴퓨팅 장치(200)는 각 평면 요소의 고도를 각 평면 요소를 실현시키기 위한 인스턴스(instance)의 속성 필드로부터 추출할 수 있으나, 이에 한정되는 것은 아니다.Next, the computing device 200 extracts altitudes for one or more planar elements to be displayed through the planar layout (S200). Here, the flat layout is a screen that can be displayed during development or by the developed application. Such a planar layout may consist of one or more planar elements. Further, the computing device 200 may extract the altitude of each planar element from an attribute field of an instance for realizing each planar element, but is not limited thereto.

다음으로, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소를 3차원으로 회전시킨다(S300). 구체적으로는, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 요소를 3차원 축을 기준으로 회전시킨다. 예를 들어, 평면 레이아웃 및 평면 요소가 X-축 및 Y-축의 2차원으로 표시될 경우, 컴퓨팅 장치(200)는 평면 레이아웃 및 평면 요소를 Z-축을 기준으로 회전시킨다. 그리고, 컴퓨팅 장치(200)는 각 평면 요소를 각각의 고도에 따라 레이아웃 기준면으로부터 분리하여 표시한다. 이와 같이, 컴퓨팅 장치(200)가 평면 레이아웃 및 평면 요소를 회전시켜서 생성한 3차원 뷰(3D view)의 일 실시예에 대해서는, 추후 도 4를 기준으로 설명하기로 한다.Next, the computing device 200 rotates the planar layout and one or more planar elements to be displayed through the planar layout in three dimensions (S300). Specifically, the computing device 200 rotates the planar layout and planar elements around a three-dimensional axis. For example, when the planar layout and planar elements are displayed in two dimensions of the X-axis and the Y-axis, the computing device 200 rotates the planar layout and planar elements around the Z-axis. Then, the computing device 200 separates and displays each planar element from the layout reference plane according to each altitude. As described above, an embodiment of the 3D view generated by the computing device 200 by rotating the planar layout and the planar elements will be described with reference to FIG. 4 later.

다음으로, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성을 추출한다(S400). 여기서, 평면 요소에 대한 속성(attribute)은 각각의 평면 요소가 가지는 특징이다. 평면 요소의 속성에는 평면 요소의 이동 가능 여부, 이동 속도, 저항, 연결 또는 이동 가능 영역 등이 포함될 수 있으나, 이에 한정되는 것은 아니다. 또한, 컴퓨팅 장치(200)는 각 평면 요소의 속성을 각 평면 요소를 실현시키기 위한 인스턴스의 속성 필드로부터 추출할 수 있으나, 이에 한정되는 것도 아니다. Next, the computing device 200 extracts the properties of each planar element (S400). Here, the attribute of the planar element is a characteristic of each planar element. The properties of the planar element may include, but are not limited to, whether the planar element is movable, moving speed, resistance, connection, or movable area. Also, the computing device 200 may extract the properties of each planar element from the attribute field of an instance for realizing each planar element, but is not limited thereto.

각각의 평면 요소가 가질 수 있는 속성에 대하여 구체적으로 설명하면 다음과 같다. The properties that each planar element can have in detail are as follows.

평면 요소의 이동 가능 여부는 평면 레이아웃 내에서 평면 요소의 위치가 변화될 수 있는지 여부이다. 예를 들어, 평면 요소가 이동할 수 없게 설정된 경우, 평면 요소에 대하여 외부로부터 드래그(drag)가 입력되더라도, 평면 레이아웃 내에서 평명 요소의 위치는 변화되지 않는다.Whether the planar element can be moved is whether the position of the planar element in the planar layout can be changed. For example, when the plane element is set to be movable, even if a drag is input from the outside with respect to the plane element, the position of the plain name element in the plane layout does not change.

평면 요소의 이동 속도는 평면 레이아웃 내에서 평면 요소의 위치가 변화되는 가속도이다. 예를 들어, 평면 요소의 이동 속도가 크게 설정된 경우, 평면 레이아웃 내에서 평면 요소의 위치는 빠르게 변화될 수 있다. 이와 반대로, 평면 요소의 이동 속도가 작게 설정된 경우, 평면 레이아웃 내에서 평면 요소의 위치는 느리게 변화될 수 있다.The speed of movement of a planar element is the acceleration at which the position of the planar element changes in the planar layout. For example, when the moving speed of the planar element is set large, the position of the planar element in the planar layout can be rapidly changed. Conversely, when the moving speed of the planar element is set to be small, the position of the planar element in the planar layout can be changed slowly.

평면 요소의 저항(resistance)은 평면 레이아웃 내에서 평면 요소의 위치가 변화될 때, 평면 요소의 위치 변화의 반대 방향으로 작용하는 힘이다. 예를 들어, 평면 요소의 저항이 크게 설정된 경우, 외부의 드래그 입력 크기에 비하여 평면 요소의 위치는 상대적으로 작게 변화될 수 있다. 이와 반대로, 평면 요소의 저항이 작게 설정된 경우, 외부의 드래그 입력 크기에 비하여 평면 요소의 위치는 상대적으로 크게 변화될 수 있다.The resistance of a planar element is a force acting in a direction opposite to the change in the position of the planar element when the position of the planar element changes in the planar layout. For example, when the resistance of the planar element is set large, the position of the planar element may be relatively small compared to the size of the external drag input. Conversely, when the resistance of the planar element is set to be small, the position of the planar element can be relatively large compared to the size of the external drag input.

평면 요소의 연결(linkage)은 평면 요소가 다른 평면 요소의 이동에 따라 수동적으로 함께 이동될 수 있는지 여부이다. 예를 들어, 제1 평면 요소가 제2 평면 요소와 연결된 경우, 제2 평면 요소의 위치가 변화되면 제1 평면 요소의 위치도 변화될 수 있다.The linkage of planar elements is whether the planar elements can be moved together passively according to the movement of other planar elements. For example, when the first planar element is connected to the second planar element, when the position of the second planar element is changed, the position of the first planar element may also be changed.

평면 요소의 이동 가능 영역은 평면 레이아웃 내에서 평면 요소의 위치가 변화될 수 있는 한계 영역이다. 예를 들어, 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없게 설정된 경우, 평면 요소가 평면 요소 내에서는 자유롭게 이동될 수 있으나, 평면 요소가 평면 레이아웃 밖으로 이동될 수 없다.The movable area of the planar element is a limiting area in which the position of the planar element in the planar layout can be changed. For example, if the planar element is set so that it cannot be moved outside the boundaries of the planar layout, the planar element can be freely moved within the planar element, but the planar element cannot be moved out of the planar layout.

마지막으로, 컴퓨팅 장치(200)는 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 가상의 측면에 평면 요소의 속성을 표시한다(S500). 여기서, 가상의 측면은 평면 요소가 2차원으로 표시될 때에는 외부로부터 보이지 않았으나, 평면 요소가 3차원으로 회전되어 새로이 나타난 평면 요소의 측면이다. 그리고, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성에 따라, 가상의 측면의 모양 또는 색상을 달리하여 표시할 수 있다. 또한, 컴퓨팅 장치(200)는 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 외곽선에 평면 요소의 속성을 표시할 수도 있다. 이 경우, 컴퓨팅 장치(200)는 각각의 평면 요소의 속성에 따라, 외곽선의 색상을 달리하여 표시할 수도 있다.Finally, the computing device 200 displays the properties of the planar elements on the virtual side of the planar elements, which are shown by rotating the planar elements in 3D (S500). Here, the imaginary side surface is a side surface of the newly-displayed flat element when the flat element is displayed in two dimensions, but is not visible from the outside. In addition, the computing device 200 may display the shape or color of a virtual side surface according to properties of each flat element. In addition, the computing device 200 may display the properties of the planar element on the outline of the planar element, in which the planar element is rotated in three dimensions. In this case, the computing device 200 may display the color of the outline differently according to the properties of each flat element.

보다 구체적으로, 컴퓨팅 장치(200)는 평면 요소의 이동 속도에 따라, 평면 요소의 가상의 측면의 두께(thickness)를 달리하여 표시할 수 있다. 이 경우, 가상의 측면의 두께는 평면 요소의 실제 두께가 아닌, 평면 요소의 가상 두께가 될 것이다.More specifically, the computing device 200 may display different thicknesses of the virtual side surfaces of the planar elements according to the movement speed of the planar elements. In this case, the thickness of the imaginary side will be the virtual thickness of the planar element, not the actual thickness of the planar element.

컴퓨팅 장치(200)는 평면 요소가 이동할 때 저항이 작용하는 경우, 저항의 크기에 따라 평면 요소의 가상의 측면에 저항의 크기에 따라 예리함 (sharpness)이 달라지는 돌기의 모양을 포함하여 표시할 수 있다. The computing device 200 may display a virtual side of the planar element, including a shape of a projection having sharpness varying according to the size of the resistance, when resistance is applied when the planar element moves. .

컴퓨팅 장치(200)는 평면 요소가 이동할 수 없게 설정된 경우, 평면 요소의 가상의 측면의 일 영역의 색상을 기 설정된 색상으로 변경하여 표시할 수 있다. 여기서, 기 설정된 색상은 무채색(achromatic color) 또는 금속색(metallic color)가 될 수 있으나, 이에 한정되는 것은 아니다. The computing device 200 may change and display a color of a region of a virtual side of the flat element to a preset color when the flat element is set to be non-movable. Here, the preset color may be an achromatic color or a metallic color, but is not limited thereto.

컴퓨팅 장치(200)는 제1 평면 요소가 제2 평면 요소의 이동에 따라 수동적(passive)으로 함께 이동되는 경우, 제1 평면 요소의 가상의 측면과 다른 평면 요소의 가상의 측면을 연결하는 선(line)을 포함하여 표시할 수 있다. The computing device 200 may include a line connecting the virtual side of the first planar element with the virtual side of the other planar element when the first planar element is passively moved along with the movement of the second planar element. line).

컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계(boundary) 밖으로 이동할 수 없게 설정된 경우, 평면 요소의 가상의 측면에 턱(threshold)의 모양을 포함하여 표시할 수 있다. The computing device 200 may display a planar element including a shape of a threshold on an imaginary side of the planar element when it is set such that it cannot be moved outside the boundary of the planar layout.

컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없으며, 평면 요소가 이동하여 평면 레이아웃의 경계와 닿은 경우, 평면 요소의 가상의 측면에 주름(wrinkle)의 모양을 포함하여 표시할 수 있다.The computing device 200 cannot display a plane element including a shape of a wrinkle on an imaginary side of the plane element when the plane element cannot move outside the boundary of the plane layout and the plane element moves to contact the boundary of the plane layout. have.

컴퓨팅 장치(200)는 평면 요소가 평면 레이아웃의 경계 밖으로 이동할 수 없으며, 평면 요소가 이동하여 평면 레이아웃의 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지도록 설정된 경우, 평면 요소의 가상의 측면에 탄성체의 모양을 포함하여 표시할 수 있다.The computing device 200 cannot move the plane element out of the boundary of the plane layout, and if the plane element is set to have a graphic effect that bounces when it hits the boundary of the plane layout, the virtual side of the plane element It can be displayed, including the shape of the elastic body.

컴퓨팅 장치(200)는 평면 요소가 외부의 입력에 의해 이동되는 경우, 평면 요소의 가상의 측면의 전체 또는 일부 영역에 대한 색상을 기 설정된 시간 간격으로 변화하며 표시할 수 있다. 예를 들어, 외부로부터의 드래그 입력에 따라 평면 요소가 이동하는 경우, 평면 요소의 가상의 측면의 색상이 빨간 색과 하얀 색이 0.5초 간격으로 변화하며 표시될 수 있다.When the planar element is moved by an external input, the computing device 200 may display the color of all or a part of the virtual side surface of the planar element at predetermined time intervals. For example, when a flat element moves according to a drag input from the outside, colors of a virtual side of the flat element may be displayed with red and white colors changing at 0.5 second intervals.

그리고, 컴퓨팅 장치(200)는 평면 요소가 스크롤될 수 있는 경우, 평면 요소의 가상의 측면에 스크롤 가능 방향을 포함하여 표시할 수 있다.In addition, when the flat element can be scrolled, the computing device 200 may display the imaginary side surface of the flat element including a scrollable direction.

상술한 바와 같은, 속성이 표시된 평면 요소에 대한 몇몇 실시예에 대해서는, 추후 도 5 내지 도 13을 참조하여 설명하기로 한다.As described above, some embodiments of the planar element with the attribute indicated will be described later with reference to FIGS. 5 to 13.

정리하면, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)는 하나 이상의 평면 요소를 3차원으로 회전시켜 표시할 수 있는 3차원 뷰를 제공함으로써, 애플리케이션의 개발자가 각 평면 요소의 고도를 직관적으로 인지할 수 있는 효과가 있다. 또한, 컴퓨팅 장치(200)는 3차원 뷰에 각 평면 요소의 속성을 함께 표시함으로써, 애플리케이션의 개발자가 각 평면 요소의 속성도 함께 인지할 수 있는 효과가 있다.In summary, the computing device 200 according to an embodiment of the present invention provides a 3D view capable of displaying one or more planar elements by rotating them in 3D, so that the developer of the application can intuitively determine the altitude of each planar element. It has a recognizable effect. In addition, the computing device 200 displays an attribute of each planar element together in a 3D view, so that the developer of the application can recognize the attribute of each planar element together.

이하, 컴퓨팅 장치(200)가 평면 레이아웃 및 평면 요소를 회전시켜 생성한 3차원 뷰의 일 실시예에 대하여 설명하기로 한다. 도 4는 본 발명의 일 실시예에 따른 3차원 뷰를 설명하기 위한 예시도이다.Hereinafter, an embodiment of the 3D view generated by the computing device 200 by rotating the planar layout and the planar elements will be described. 4 is an exemplary diagram for describing a 3D view according to an embodiment of the present invention.

도 4를 참조하면, 본 발명의 일 실시예에 따른 3차원 뷰가 적용되지 않은 경우, 제1 평면 요소(10), 제2 평면 요소(30) 및 평면 레이아웃(50)은 X-축과 Y-축의 2차원 좌표를 통하여 표시된다. 그리고, 제1 평면 요소(10) 및 제2 평면 요소(30)의 고도는 단순히 그림자로 표시된다. 따라서, 애플리케이션의 개발자는 제1 평면 요소(10)의 고도가 제2 평면 요소(30) 고도보다 큼에도 불구하고, 제1 평면 요소(10)의 고도 및 제2 평면 요소(30)의 고도 중 어떠한 평면 요소의 고도가 더 큰지 인지하기 어렵다.4, when a 3D view according to an embodiment of the present invention is not applied, the first plane element 10, the second plane element 30, and the plane layout 50 are X-axis and Y -It is displayed through the 2D coordinates of the axis. And, the altitudes of the first planar element 10 and the second planar element 30 are simply indicated by shadows. Therefore, the developer of the application has the altitude of the first plane element 10 and the altitude of the second plane element 30, even though the altitude of the first plane element 10 is greater than the altitude of the second plane element 30. It is difficult to know which plane element has a higher altitude.

그러나, 본 발명의 일 실시예에 따른 3차원 뷰가 적용된 경우, 제1 평면 요소(10), 제2 평면 요소(30) 및 평면 레이아웃(50)은 Z-축을 기준으로 회전되어 표시된다. 그리고, 제1 평면 요소(10) 및 제2 평면 요소(30)는 각각의 고도에 따라, 평면 레이아웃(50)의 기준면으로부터 분리되어 표시된다. 따라서, 애플리케이션의 개발자는 제1 평면 요소(10)의 고도가 제2 평면 요소(30)의 고도보다 크다는 사실을 직관적으로 인지할 수 있다. However, when a 3D view according to an embodiment of the present invention is applied, the first planar element 10, the second planar element 30 and the planar layout 50 are rotated and displayed based on the Z-axis. Then, the first planar element 10 and the second planar element 30 are displayed separately from the reference plane of the planar layout 50 according to their respective altitudes. Thus, the developer of the application can intuitively recognize that the altitude of the first planar element 10 is greater than the altitude of the second planar element 30.

이하, 속성이 표시된 평면 요소에 대한 몇몇 실시예에 대하여 설명하기로 한다. 도 5 내지 도 13은 본 발명의 몇몇 실시예에 따라 속성이 표시된 평면 요소를 설명하기 위한 예시도이다. 도 5 내지 도 13은 평면 레이아웃(50)을 통해 표시될 제1 평면 요소(10) 또는 제2 평면 요소(30)의 속성을 제1 평면 요소(10) 또는 제2 평면 요소(30)의 가상의 측면에 표시한다고 가정한다. Hereinafter, some embodiments of the planar element having the attribute will be described. 5 to 13 are exemplary views for explaining a planar element marked with attributes according to some embodiments of the present invention. 5 to 13 illustrate the properties of the first planar element 10 or the second planar element 30 to be displayed through the planar layout 50 of the first planar element 10 or the second planar element 30. It is assumed to be displayed on the side.

도 5를 설명하기에 앞서, 제1 평면 요소(10)의 이동 속도는 작게 설정되고, 제2 평면 요소(30)의 이동 속도는 크게 설정되었다고 가정한다. 도 5를 참조하면, 컴퓨팅 장치(200)는 각각의 이동 속도에 따라, 제1 평면 요소(10)의 가상의 측면(20)의 두께를 상대적으로 얇게 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)의 두께를 상대적으로 두껍게 표시할 수 있다.5, it is assumed that the movement speed of the first planar element 10 is set small, and the movement speed of the second planar element 30 is set large. Referring to FIG. 5, the computing device 200 may display the thickness of the virtual side surface 20 of the first planar element 10 relatively thinly according to each movement speed. In addition, the computing device 200 may display the thickness of the virtual side surface 40 of the second planar element 30 relatively thick.

도 6을 설명하기에 앞서, 제1 평면 요소(10)는 이동할 때에는 저항이 작용하지 않으나, 제2 평면 요소(30)는 이동할 때에는 저항이 작용하도록 설정되었다고 가정한다. 도 6을 참조하면, 컴퓨팅 장치(200)는 각각의 저항에 따라, 제1 평면 요소(10)의 가상의 측면(20)에는 어떠한 돌기의 모양도 포함하지 않고 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 대하여, 저항의 크기가 커질수록 예리함이 점점 커지는 돌기의 모양(41)을 포함하여 표시할 수 있다.Before explaining FIG. 6, it is assumed that the resistance is not applied when the first planar element 10 moves, but the resistance is applied when the second planar element 30 is moved. Referring to FIG. 6, the computing device 200 may display a virtual side surface 20 of the first planar element 10 without including any shape of a protrusion according to each resistance. In addition, the computing device 200 may display the virtual side surface 40 of the second planar element 30, including the shape 41 of the protrusion that increases in sharpness as the size of the resistance increases.

도 7을 설명하기에 앞서, 제1 평면 요소(10)는 이동할 수 있게 설정되고, 제2 평면 요소(30)는 이동할 수 없게 설정되었다고 가정한다. 도 7을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)의 일 영역(42)에 대한 색상을 무채색으로 변경하여 표시할 수 있다.Before describing FIG. 7, it is assumed that the first planar element 10 is set to be movable, and the second planar element 30 is set to be non-movable. Referring to FIG. 7, the computing device 200 may change and display the color of one region 42 of the virtual side 40 of the second planar element 30 to achromatic color.

도 8을 설명하기에 앞서, 제1 평면 요소(10)가 제2 평면 요소(30)의 이동에 따라 수동적으로 함께 이동되도록 설정되었다고 가정한다. 도 8을 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면(20)과 제2 평면 요소(30)의 가상의 측면(40)을 연결하는 선(25)을 포함하여 표시할 수 있다.Before describing FIG. 8, it is assumed that the first planar element 10 is set to be manually moved together according to the movement of the second planar element 30. Referring to FIG. 8, the computing device 200 includes a line 25 connecting the virtual side 20 of the first planar element 10 and the virtual side 40 of the second planar element 30. Can be displayed.

도 9를 설명하기에 앞서, 제1 평면 요소(10)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 있으나, 제2 평면 요소(30)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 없게 설정되었다고 가정한다. 도 9를 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면에 어떠한 턱의 모양을 포함하지 않고 표시할 수 있다. 그리고, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 삼각형 턱의 모양(43)을 포함하여 표시할 수 있다.Before describing FIG. 9, it is assumed that the first planar element 10 can move out of the boundary of the planar layout 50, but the second planar element 30 is set not to move out of the boundary of the planar layout 50. do. Referring to FIG. 9, the computing device 200 may display a virtual side surface of the first planar element 10 without including any chin shape. In addition, the computing device 200 may include and display a triangular jaw shape 43 on the virtual side 40 of the second planar element 30.

도 10을 설명하기에 앞서, 제2 평면 요소(30)가 평면 레이아웃(50)의 경계 밖으로 이동할 수 없으나, 제2 평면 요소(30)가 이동하여 평면 레이아웃(50)의 경계에 닿았다고 가정한다. 도 10을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 주름의 모양(44)을 포함하여 표시할 수 있다. 또한, 컴퓨팅 장치(200)는 제2 평면 요소(30)를 평면 레이아웃(50)의 경계 밖으로 이동시키기 위한 외부 입력이 계속적으로 입력되는 경우, 제2 평면 요소(30)의 가상의 측면(40)에 포함된 주름의 모양(44)의 크기를 더욱 크게 표시할 수도 있다.Before explaining FIG. 10, it is assumed that the second planar element 30 cannot move out of the boundary of the planar layout 50, but the second planar element 30 has moved to reach the boundary of the planar layout 50. . Referring to FIG. 10, the computing device 200 may display a fold shape 44 on a virtual side 40 of the second planar element 30. In addition, the computing device 200, when the external input for continuously moving the second planar element 30 outside the boundary of the planar layout 50 is continuously input, the virtual side 40 of the second planar element 30 The size of the shape 44 of the wrinkles included in may be further displayed.

도 11을 설명하기에 앞서, 제2 평면 요소(30)는 평면 레이아웃(50)의 경계 밖으로 이동할 수 없으며, 제2 평면 요소(30)가 이동하여 평면 레이아웃(50)의 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지도록 설정되었다고 가정한다. 도 11을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 스프링의 모양(45)을 포함하여 표시할 수 있다.Before explaining FIG. 11, the second planar element 30 cannot move out of the boundary of the planar layout 50, and the second planar element 30 moves and bounces when it hits the boundary of the planar layout 50 It is assumed that it is set to have a graphic effect (bounce back). Referring to FIG. 11, the computing device 200 may include and display the shape 45 of the spring on the virtual side 40 of the second planar element 30.

도 12를 설명하기에 앞서, 제1 평면 요소(10)가 외부의 입력에 의해 이동되고 있다고 가정한다. 도 12를 참조하면, 컴퓨팅 장치(200)는 제1 평면 요소(10)의 가상의 측면(20)의 테두리의 색상을 제1 색상(21)과 제2 색상(22)으로 변경하며 표시할 수 있다.12, it is assumed that the first planar element 10 is being moved by an external input. Referring to FIG. 12, the computing device 200 may change and display the color of the border of the virtual side surface 20 of the first planar element 10 to the first color 21 and the second color 22. have.

도 13을 설명하기에 앞서, 제2 평면 요소(30)가 Y-축 방향으로 스크롤될 수 있게 설정되었다고 가정한다. 도 13을 참조하면, 컴퓨팅 장치(200)는 제2 평면 요소(30)의 가상의 측면(40)에 제2 평면 요소(30)의 스크롤 가능 방향(46)을 포함하여 표시할 수 있다.13, it is assumed that the second planar element 30 is set to be scrollable in the Y-axis direction. Referring to FIG. 13, the computing device 200 may include a scrollable direction 46 of the second planar element 30 on a virtual side 40 of the second planar element 30.

지금까지, 도3 내지 도 13을 참조하여 설명한 본 발명의 실시예에 따른 방법들은 컴퓨터가 읽을 수 있는 코드로 구현된 컴퓨터 프로그램의 실행에 의하여 수행될 수 있다. 컴퓨터 프로그램은 인터넷 등의 네트워크를 통하여, 제1 컴퓨팅 장치로부터 제2 컴퓨팅 장치에 전송되어 제2 컴퓨팅 장치에 설치될 수 있고, 이로써 제2 컴퓨팅 장치에서 사용될 수 있다. 여기서, 제1 컴퓨팅 장치 및 제2 컴퓨팅 장치는, 데스크탑, 서버 또는 워크스테이션 등과 같은 고정식 컴퓨팅 장치, 스마트폰, 태블릿, 패블릿 또는 랩탑 등과 같은 모바일 컴퓨팅 장치 및 스마트 와치, 스마트 안경 또는 스마트 밴드 등과 같은 웨어러블 컴퓨팅 장치를 모두 포함할 수 있다.So far, the methods according to embodiments of the present invention described with reference to FIGS. 3 to 13 may be performed by executing a computer program embodied in computer readable code. The computer program may be transferred from the first computing device to the second computing device through a network such as the Internet, and installed on the second computing device, thereby being used in the second computing device. Here, the first computing device and the second computing device are fixed computing devices such as desktops, servers or workstations, mobile computing devices such as smartphones, tablets, phablets or laptops, and smart watches, smart glasses or smart bands, etc. It may include all wearable computing devices.

이하, 도 14 내지 도 15를 참조하여, 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 논리적 구성에 대하여 구체적으로 설명하기로 한다.Hereinafter, a logical configuration of the computing device 200 according to an embodiment of the present invention will be described in detail with reference to FIGS. 14 to 15.

도 14는 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 블록도이다. 도 14를 참조하면, 컴퓨팅 장치(200)는 통신부(205), 저장부(210), 입출력부(215), 3차원 변환부(220) 및 속성 표시부(225)를 포함할 수 있다.14 is a block diagram of a computing device 200 according to an embodiment of the present invention. Referring to FIG. 14, the computing device 200 may include a communication unit 205, a storage unit 210, an input/output unit 215, a three-dimensional conversion unit 220, and an attribute display unit 225.

각각의 구성에 대하여 설명하면, 통신부(205)는 네트워크 또는 직접 연결된 케이블을 통하여, 사용자 단말기(100)와 데이터를 송수신한다. 구체적으로, 통신부(205)는 애플리케이션 및 애플리케이션의 실행에 필요한 애플리케이션 프로그래밍 인터페이스(API) 또는 라이브러리를 송수신할 수 있다.When describing each configuration, the communication unit 205 transmits and receives data to and from the user terminal 100 through a network or a directly connected cable. Specifically, the communication unit 205 may transmit and receive an application and an application programming interface (API) or library required for execution of the application.

저장부(210)는 컴퓨팅 장치(200)의 동작에 필요한 데이터를 저장한다. 구체적으로, 저장부(210)는 애플리케이션의 개발 또는 시뮬레이션에 필요한 애플리케이션 프로그래밍 인터페이스(API), 라이브러리 또는 리소스 등을 저장할 수 있다.The storage unit 210 stores data necessary for the operation of the computing device 200. Specifically, the storage unit 210 may store an application programming interface (API), library, or resource required for application development or simulation.

입출력부(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)을 통하여 데이터의 입출력을 동시에 할 수도 있으며, 이에 한정되는 것도 아니다.The input/output unit 215 receives data necessary for the operation of the computing device 200 and outputs data related to the operation of the computing device 200. Specifically, the input/output unit 215 may receive data through a keyboard, mouse, joystick, track ball, or touch pad. The input/output unit 215 is a liquid crystal display (LCD), a light emitting diode (LED), an organic light emitting diode (OLED), an active organic light emitting diode (active matrix OLED, AMOLED) or a speaker Data may be output through a (speaker) or the like, and the input/output unit 215 may simultaneously input/output data through a touch screen, but is not limited thereto.

3차원 변환부(220)는 하나 이상의 요소 및 가상 화면에 대한 3차원 뷰를 생성한다. 구체적으로, 3차원 변환부(220)는 평면 레이아웃을 통해 표시될 하나 이상의 평면 요소에 대한 고도를 추출한다. 그리고, 3차원 변환부(220)는 평면 레이아웃 및 하나 이상의 평면 요소를 3차원으로 회전시킨다. 그리고, 3차원 변환부(220)는 각 평면 요소를 각각의 고도에 따라 레이아웃 기준면으로부터 분리하여 표시한다.The 3D conversion unit 220 generates a 3D view of one or more elements and a virtual screen. Specifically, the 3D conversion unit 220 extracts altitudes of one or more plane elements to be displayed through the plane layout. Then, the 3D conversion unit 220 rotates the planar layout and one or more planar elements in 3D. Then, the 3D conversion unit 220 separates and displays each planar element from the layout reference plane according to each altitude.

속성 표시부(225)는 각각의 평면 요소의 속성을 포함하는 3차원 뷰를 표시한다. 구체적으로, 속성 표시부(225)는 3차원 뷰에 포함된 각각의 평면 요소의 속성을 추출한다. 그리고, 속성 표시부(225)는 각각의 평면 요소의 속성을 평면 요소가 3차원으로 회전되어 나타난 가상의 측면에 표시한다.The property display unit 225 displays a 3D view including properties of each planar element. Specifically, the attribute display unit 225 extracts attributes of each planar element included in the 3D view. Then, the property display unit 225 displays the properties of each flat element on a virtual side where the flat element is rotated in three dimensions.

지금까지, 도 14의 각 구성요소는 소프트웨어(software) 또는, 현장 프로그래머블 게이트 어레이(field-programmable gate array, FPGA)나 에이직(application-specific integrated circuit, ASIC)과 같은 하드웨어(hardware)를 의미할 수 있다. 그렇지만, 상기 구성 요소들은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니며, 어드레싱(addressing)할 수 있는 저장 매체에 있도록 구성될 수도 있고, 하나 또는 그 이상의 프로세서들을 실행시키도록 구성될 수도 있다. 상기 구성 요소들 안에서 제공되는 기능은 더 세분화된 구성요소에 의하여 구현될 수 있으며, 복수의 구성요소들을 합하여 특정한 기능을 수행하는 하나의 구성요소로 구현될 수도 있다.So far, each component of FIG. 14 may refer to software or hardware such as a field-programmable gate array (FPGA) or application-specific integrated circuit (ASIC). Can. However, the above components are not limited to software or hardware, and may be configured to be in an addressable storage medium or may be configured to execute one or more processors. The functions provided in the above components may be implemented by more detailed components, or may be implemented as a single component that performs a specific function by combining a plurality of components.

도 15는 본 발명의 일 실시예에 따른 컴퓨팅 장치(200)의 하드웨어 구성도이다. 도 15를 참조하면, 컴퓨팅 장치(200)는 프로세서(250), 메모리(255), 입출력 장치(260), 네트워크 인터페이스(265), 데이터 버스(270) 및 스토리지(275)를 포함하여 구성될 수 있다.15 is a hardware configuration diagram of a computing device 200 according to an embodiment of the present invention. Referring to FIG. 15, the computing device 200 may include a processor 250, a memory 255, an input/output device 260, a network interface 265, a data bus 270 and storage 275. have.

메모리(255)는 속성 표시 방법이 구현된 컴퓨터 프로그램 데이터(280a)가 상주될 수 있다. 입출력 장치(260)는 사용자로부터 컴퓨팅 장치(200)의 동작에 필요한 데이터를 입출력할 수 있다.. 네트워크 인터페이스(265)는 네트워크를 이용하여 데이터를 송수신할 수 있다. 데이터 버스(270)는 프로세서(250), 메모리(255), 입출력 장치(260), 네트워크 인터페이스(265) 및 스토리지(275)와 연결되어, 각 구성 요소간의 데이터를 전달하는 이동 통로이다.In the memory 255, computer program data 280a in which an attribute display method is implemented may reside. The input/output device 260 may input/output data necessary for the operation of the computing device 200 from the user. The network interface 265 may transmit/receive data using a network. The data bus 270 is connected to the processor 250, the memory 255, the input/output device 260, the network interface 265, and the storage 275, and is a movement passage for transferring data between components.

그리고, 스토리지(275)는 컴퓨터 프로그램 실행을 위해 필요한 애플리케이션 프로그래밍 인터페이스, 라이브러리 파일, 리소스 파일 등을 저장할 수 있다. 또한, 스토리지(275)는 속성 표시 방법이 구현된 컴퓨터 프로그램 데이터(280b) 를 저장할 수 있다.In addition, the storage 275 may store application programming interfaces, library files, resource files, and the like required for computer program execution. Also, the storage 275 may store computer program data 280b in which an attribute display method is implemented.

보다 구체적으로는, 스토리지(275)는 평면 요소를 3차원으로 회전시키는 인스트럭션(instruction) 및 평면 요소가 3차원으로 회전되어 나타난 평면 요소의 가상의 측면에 평면 요소의 속성을 표시하는 인스트럭션을 포함하는 컴퓨터 프로그램이 저장될 수 있다.More specifically, the storage 275 includes an instruction to rotate the planar element in three dimensions and an instruction to display the properties of the planar element on the virtual side of the planar element in which the planar element is rotated in three dimensions. Computer programs can be stored.

이상 첨부된 도면을 참조하여 본 발명의 실시예들을 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해되어야만 한다.Although the embodiments of the present invention have been described with reference to the accompanying drawings, those skilled in the art to which the present invention pertains may be implemented in other specific forms without changing the technical spirit or essential features of the present invention. You will understand. Therefore, the embodiments described above are to be understood in all respects as illustrative and not restrictive.

Claims (15)

컴퓨팅 장치에 의해 각 단계가 수행되는, 평면 레이아웃을 구성하는 복수의 평면 요소의 속성을 표시하는 방법에 있어서,
상기 복수의 평면 요소 중 제1 평면 요소 및 상기 제1 평면 요소와 적어도 부분적으로 중첩되는 제2 평면 요소를 2차원으로 표시하는 단계;
상기 제1 및 제2 평면 요소를 3차원으로 회전시키는 단계;
상기 제1 평면 요소의 속성을 상기 제1 평면 요소의 가상의 측면에 표시하되, 상기 제1 평면 요소의 상기 가상의 측면은 상기 제1 평면 요소가 회전되기 전에는 표시되지 않고 상기 제1 평면 요소가 회전됨에 따라 나타나는 것인, 단계; 및
상기 제2 평면 요소의 속성을 상기 제2 평면 요소의 가상의 측면에 표시하되, 상기 제2 평면 요소의 상기 가상의 측면은 상기 제2 평면 요소가 회전되기 전에는 표시되지 않고 상기 제2 평면 요소가 회전됨에 따라 나타나는 것인, 단계
를 포함하는,
평면 요소의 속성 표시 방법.A method for displaying the properties of a plurality of planar elements constituting a planar layout, wherein each step is performed by a computing device,
Displaying a first planar element of the plurality of planar elements and a second planar element at least partially overlapping the first planar element in two dimensions;
Rotating the first and second planar elements in three dimensions;
The properties of the first planar element are displayed on a virtual side of the first planar element, but the virtual side of the first planar element is not displayed until the first planar element is rotated and the first planar element is Steps that appear as they rotate; And
The properties of the second planar element are displayed on a virtual side of the second planar element, but the virtual side of the second planar element is not displayed until the second planar element is rotated and the second planar element is Steps that appear as they rotate
Containing,
How to display the properties of planar elements. 제1항에 있어서,
상기 3차원으로 회전시키는 단계는,
상기 레이아웃의 기준면으로부터의 상기 제1 및 제2 평면 요소 각각의 고도를 추출하는 단계; 및
상기 제1 및 제2 평면 요소가 회전됨에 따라, 상기 제1 및 제2 평면 요소 각각의 고도를 기초로, 상기 제1 및 제2 평면 요소를 상기 평면 레이아웃의 기준면으로부터 분리하여 표시하는 단계
를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of rotating in the three-dimensional,
Extracting the elevation of each of the first and second planar elements from the reference plane of the layout; And
As the first and second planar elements are rotated, separating and displaying the first and second planar elements from the reference plane of the planar layout based on the elevation of each of the first and second planar elements
Containing,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 각각의 속성에 따라, 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상의 측면 각각의 모양 또는 색상 중 적어도 하나를 달리하여 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
And displaying at least one of a shape or color of each of the virtual side of the first planar element and the virtual side of the second planar element according to properties of each of the first and second planar elements. ,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 각각의 속성에 따라, 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상의 측면 각각의 외곽선의 표시 속성을 달리하여 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
And displaying display attributes of the outlines of each of the imaginary side surface of the first planar element and the virtual side surface of the second planar element according to properties of each of the first and second planar elements,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소의 이동 속도에 따라, 상기 제1 평면 요소의 가상의 측면 및 상기 제2 평면 요소의 가상의 측면 각각의 두께를 달리하여 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
And displaying the thickness of each of the imaginary side surface of the first planar element and the virtual side surface of the second planar element according to the movement speed of the first and second planar elements,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 적어도 하나가 이동할 때 저항이 작용하는 경우, 상기 제1 및 제2 평면 요소 중 상기 적어도 하나의 평면 요소의 가상의 측면을 상기 저항의 크기에 따라 예리함이 달라지는 돌기의 모양의 그래픽 요소로 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
When the resistance acts when at least one of the first and second planar elements moves, a projection having a sharpness of a virtual side of the at least one planar element among the first and second planar elements according to the size of the resistance Comprising the step of displaying as a graphic element in the shape of,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 이동이 불가능한 평면 요소의 상기 가상의 측면의 일 영역의 색상을 기 설정된 색상으로 변경하여 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
And changing a color of an area of the virtual side surface of the first and second planar elements that cannot be moved to a preset color, and displaying the changed color.
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 평면 요소가 상기 제2 평면 요소의 이동에 따라 수동적으로 이동되는 경우, 상기 제1 평면 요소의 상기 가상의 측면과 상기 제1 평면 요소의 상기 가상의 측면을 연결하는 선을 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
When the first planar element is passively moved according to the movement of the second planar element, displaying a line connecting the virtual side of the first planar element and the virtual side of the first planar element. Containing,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 상기 레이아웃의 경계 밖으로 이동할 수 없는 평면 요소의 가상의 측면에 턱(threshold)의 모양을 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
And displaying a shape of a threshold on an imaginary side surface of the first and second planar elements that cannot be moved outside the boundary of the layout.
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 적어도 하나가 상기 레이아웃의 경계 밖으로 이동할 수 없으며, 상기 적어도 하나의 평면 요소가 상기 경계에 닿은 경우, 상기 적어도 하나의 평면 요소의 상기 가상의 측면에 주름의 모양을 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
When at least one of the first and second planar elements cannot move outside the boundary of the layout, and when the at least one planar element touches the boundary, a shape of a wrinkle is formed on the virtual side of the at least one planar element. Including the step of indicating,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 적어도 하나가 상기 레이아웃의 경계 밖으로 이동할 수 없으며, 상기 적어도 하나의 평면 요소가 상기 경계에 부딪혔을 때 튕기는 그래픽 효과(bounce back)를 가지는 경우, 상기 적어도 하나의 평면 요소의 상기 가상의 측면에 탄성체의 모양을 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
If at least one of the first and second planar elements cannot move outside the boundary of the layout, and the at least one planar element has a graphic effect that bounces when it hits the boundary, the at least one planar element And displaying the shape of the elastic body on the imaginary side of the element,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 적어도 하나가 외부의 입력에 의해 이동되는 경우, 상기 적어도 하나의 평면 요소의 상기 가상의 측면의 전체 또는 일부 영역에 대한 색상을 기 설정된 시간 간격으로 변화하며 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
When at least one of the first and second planar elements is moved by an external input, a color for all or a portion of the virtual side surface of the at least one planar element is changed and displayed at predetermined time intervals. Comprising steps,
How to display the properties of planar elements. 제1항에 있어서,
상기 속성을 표시하는 단계는,
상기 제1 및 제2 평면 요소 중 적어도 하나가 스크롤될 수 있는 경우, 상기 적어도 하나의 평면 요소의 상기 가상의 측면에 스크롤 가능 방향을 표시하는 단계를 포함하는,
평면 요소의 속성 표시 방법.According to claim 1,
The step of displaying the attribute,
If at least one of the first and second planar elements can be scrolled, displaying a scrollable direction on the virtual side of the at least one planar element,
How to display the properties of planar elements. 컴퓨팅 장치와 결합되어, 평면 레이아웃을 구성하는 복수의 평면 요소의 속성을 표시하는 방법을 실행시키기 위한 기록매체에 저장된 컴퓨터 프로그램에 있어서,
상기 복수의 평면 요소 중 제1 평면 요소 및 상기 제1 평면 요소와 적어도 부분적으로 중첩되는 제2 평면 요소를 2차원으로 표시하는 단계;
상기 제1 및 제2 평면 요소를 3차원으로 회전시키는 단계;
상기 제1 평면 요소의 속성을 상기 제1 평면 요소의 가상의 측면에 표시하되, 상기 제1 평면 요소의 상기 가상의 측면은 상기 제1 평면 요소가 회전되기 전에는 표시되지 않고 상기 제1 평면 요소가 회전됨에 따라 나타나는 것인, 단계; 및
상기 제2 평면 요소의 속성을 상기 제2 평면 요소의 가상의 측면에 표시하되, 상기 제2 평면 요소의 상기 가상의 측면은 상기 제2 평면 요소가 회전되기 전에는 표시되지 않고 상기 제2 평면 요소가 회전됨에 따라 나타나는 것인, 단계
를 실행시키기 위하여, 기록매체에 저장된 컴퓨터 프로그램.A computer program stored in a recording medium for executing a method of displaying a property of a plurality of planar elements constituting a planar layout in combination with a computing device, comprising:
Displaying a first planar element of the plurality of planar elements and a second planar element at least partially overlapping the first planar element in two dimensions;
Rotating the first and second planar elements in three dimensions;
The properties of the first planar element are displayed on a virtual side of the first planar element, but the virtual side of the first planar element is not displayed until the first planar element is rotated and the first planar element is Steps that appear as they rotate; And
The properties of the second planar element are displayed on a virtual side of the second planar element, but the virtual side of the second planar element is not displayed until the second planar element is rotated and the second planar element is Steps that appear as they rotate
In order to execute, a computer program stored on a recording medium. 삭제delete
KR1020167023782A 2015-05-22 2015-05-22 Method and apparatus for displaying attributes of plane element KR102141954B1 (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/KR2015/005199 WO2016190457A1 (en) 2015-05-22 2015-05-22 Method for displaying attribute of plane element, and device therefor

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020157030049A Division KR101653795B1 (en) 2015-05-22 2015-05-22 Method and apparatus for displaying attributes of plane element

Publications (2)

Publication Number Publication Date
KR20180000667A KR20180000667A (en) 2018-01-03
KR102141954B1 true KR102141954B1 (en) 2020-08-06

Family

ID=57393996

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020167023782A KR102141954B1 (en) 2015-05-22 2015-05-22 Method and apparatus for displaying attributes of plane element

Country Status (4)

Country Link
JP (1) JP6557734B2 (en)
KR (1) KR102141954B1 (en)
CN (1) CN106462323B (en)
WO (1) WO2016190457A1 (en)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110164029A1 (en) 2010-01-05 2011-07-07 Apple Inc. Working with 3D Objects

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002055751A (en) * 2000-08-10 2002-02-20 Sony Corp Display method and display device
KR100608589B1 (en) * 2004-07-24 2006-08-03 삼성전자주식회사 Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR20100122432A (en) * 2009-05-12 2010-11-22 오의진 3d folder user interface using polyhedron and user terminal implementing the same
WO2010131902A2 (en) * 2009-05-12 2010-11-18 Oh Eui Jin Graphical user interface using a polyhedron, and user terminal having same
JP5463739B2 (en) * 2009-06-03 2014-04-09 ソニー株式会社 Imaging apparatus, image processing method, and program
US8675025B2 (en) * 2009-12-17 2014-03-18 Nokia Corporation Method and apparatus for providing control over a device display based on device orientation
KR101852428B1 (en) * 2011-03-09 2018-04-26 엘지전자 주식회사 Mobile twrminal and 3d object control method thereof
KR101782998B1 (en) 2011-06-03 2017-10-23 에스프린팅솔루션 주식회사 Method and apparatus for developing application of image forming apparatus
KR101235432B1 (en) * 2011-07-11 2013-02-22 김석중 Remote control apparatus and method using virtual touch of electronic device modeled in three dimension
EP2611184B1 (en) * 2011-12-29 2019-03-13 Alticast Corporation Method and recorded medium for providing 3d information service
KR20130077730A (en) * 2011-12-29 2013-07-09 주식회사 알티캐스트 Method and recoding media for displaying 3d information

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110164029A1 (en) 2010-01-05 2011-07-07 Apple Inc. Working with 3D Objects

Also Published As

Publication number Publication date
JP6557734B2 (en) 2019-08-07
KR20180000667A (en) 2018-01-03
CN106462323A (en) 2017-02-22
CN106462323B (en) 2019-08-27
WO2016190457A1 (en) 2016-12-01
JP2018523186A (en) 2018-08-16

Similar Documents

Publication Publication Date Title
CN109416580B (en) System, method, and wearable computing device for selecting objects in a scene
EP3469459B1 (en) Altering properties of rendered objects via control points
US10099382B2 (en) Mixed environment display of robotic actions
US10365813B2 (en) Displaying a three dimensional user interface
CN108287657B (en) Skill applying method and device, storage medium and electronic equipment
RU2701988C2 (en) Parametric inertia and application programming interfaces
EP3223116A1 (en) Multiplatform based experience generation
US10902250B2 (en) Mode-changeable augmented reality interface
US20210019946A1 (en) System and method for augmented reality scenes
EP2960767A1 (en) Computerized systems and methods for rendering an animation of an object in response to user input
US10067660B2 (en) Method and apparatus for displaying attributes of plane element
US20220365660A1 (en) Automatic translation of user interface elements from wireframe tools to production augmented reality framework
Firtman High Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps
CN107492144B (en) Light and shadow processing method and electronic equipment
US10303331B2 (en) Live mobile application visual editor demo
US20220058823A1 (en) Method and system for displaying a large 3d model on a remote device
WO2019241033A1 (en) Emulated multi-screen display device
KR102141954B1 (en) Method and apparatus for displaying attributes of plane element
RU2637903C2 (en) Method and computer device for creating simplified borders of graphic objects
US10964122B2 (en) Snapping virtual object to target surface
US10496237B2 (en) Computer-implemented method for designing a three-dimensional modeled object
CN106462331A (en) Command surface drill-in control
US11875088B2 (en) Systems and methods for smart volumetric layouts
KR20170047611A (en) System and Method for Providing AR Interactive content in accordance with the mutual relationship of the markers on the object
Vlachos et al. SMART GLASS APPLICATION TESTING FOR AUGMENTED REALITY

Legal Events

Date Code Title Description
A107 Divisional application of patent
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right