KR102208183B1

KR102208183B1 - 컬러 트윈 애니메이션을 실현하는 방법 및 장치

Info

Publication number: KR102208183B1
Application number: KR1020187023468A
Authority: KR
Inventors: 나나 장
Original assignee: 어드밴스드 뉴 테크놀로지스 씨오., 엘티디.
Priority date: 2016-01-20
Filing date: 2017-01-10
Publication date: 2021-01-29
Also published as: CN105719332B; JP2019508800A; CN105719332A; US20200066005A1; TW201730846A; US20210174558A1; SG11201806009UA; KR20180104658A; WO2017124943A1; JP6750020B2; EP3407300A4; TWI697866B; US20180322663A1; PH12018501521A1; US11328459B2; US10467778B2; EP3407300A1; US10930026B2

Abstract

본원은 컬러 트윈 애니메이션을 실현하는 방법을 제공한다. 컬러 트윈 애니메이션의 디스플레이 영역은 2개의 오버래핑 레이어를 포함하는데, 한 레이어는 불투명하고 다른 레이어는 완전 투명하다. 상기 방법은, 불투명 레이어에 스타트 필 스킴을 디스플레이하고 완전 투명 레이어에 엔드 필 스킴을 디스플레이하는 단계와, 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경하는 단계를 포함한다. 본원의 기술적 솔루션에 따르면, 필 스킴이 복잡하든지 복잡하지 않든지 관계없이 디자이너의 추가 작업 없이도 소프트웨어를 사용하여 매끄럽고 자연스러운 애니메이션 효과를 자동으로 만들 수 있어, 애니메이션 구현 효율성이 향상된다.

Description

컬러 트윈 애니메이션을 실현하는 방법 및 장치

본원은 이미지 프로세싱 기술 분야에 관한 것이며, 구체적으로는 컬러 트윈 애니메이션(color tween animation)을 실현하는 방법 및 장치에 관한 것이다.

애니메이션은 프레임-바이-프레임 애니메이션(frame-by-frame animation)과 트윈 애니메이션(tween animation)을 포함한다. 프레임-바이-프레임 애니메이션은 타임라인에 기초하여 프레임마다 상이한 콘텐츠를 드로잉하고 이들 프레임을 연속으로 재생하여 애니메이션을 만드는 것이다. 트윈 애니메이션은 소프트웨어를 사용하여 알려진 애니메이션의 스타트 프레임과 엔드 프레임에 기초해 애니메이션의 중간 부분을 자동으로 생성하여, 중간 부분을 만드는 복잡한 프로세스를 생략한다.

컬러 트윈 애니메이션은 트윈 애니메이션의 유형이다. 컬러 트윈 애니메이션은 특정 영역의 필 컬러(fill color)가 시간과 함께 변하여 애니메이션 효과를 만드는 것을 의미한다. 컬러 트윈 애니메이션은 단독으로 사용되거나 다른 트윈 애니메이션(예컨대, 필 영역(fill area)에서의 셰이프(shape) 트윈 애니메이션, 디스플레이스먼트(displacement) 트윈 애니메이션, 스케일링 트윈 애니메이션, 또는 로테이션 트윈 애니메이션)과 함께 사용되어 보다 복잡한 애니메이션 효과를 만들 수 있다.

기존의 기술은 특정 디스플레이 영역의 필 컬러를 제1 솔리드 컬러(solid color)에서 제2 솔리드 컬러로 점진적으로 변경하는 애니메이션 실현을 제공한다. 일반적으로, 필 컬러의 컬러 값은 명시된 규칙에 따라 제1 솔리드 컬러의 컬러 값에서 제2 솔리드 컬러의 컬러 값색 값으로 점진적으로 변한다. 그러나, 점진적 변화, 텍스처, 패턴 채우기 효과 등을 비롯한 필 스킴과 같은 복잡한 넌솔리드 컬러 필 스킴의 경우, 조화된 컬러 효과를 만들려면, 디스플레이 영역 내의 픽셀의 컬러 값이 대부분 상이하기 때문에, 컬러 값이 변할 때에 필 스킴들이 서로 협동해야 한다. 기존 기술에서, 컬러 값 변경 방법은 효과가 불량한 어색하고 뻣뻣한 애니메이션을 생성한다. 그 결과, 디자이너는 애니메이션의 중간 부분에 대한 필 스킴을 제공해야 하는데, 이것은 애니메이션 실현의 높은 작업부하와 낮은 효율성을 의미한다.

본원은 컬러 트윈 애니메이션을 실현하는 방법을 제공하며, 컬러 트윈 애니메이션의 디스플레이 영역은 2개의 오버래핑 레이어를 포함하는데, 한 레이어는 불투명하고 다른 레이어는 완전 투명하다. 상기 방법은, 불투명 레이어에 스타트 필 스킴(start fill scheme)을 디스플레이하고 완전 투명 레이어에 엔드 필 스킴(end fill scheme)을 디스플레이하는 단계와, 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경하는 단계를 포함한다.

본원은 또한 컬러 트윈 애니메이션을 실현하는 장치를 제공하며, 컬러 트윈 애니메이션의 디스플레이 영역은 2개의 오버래핑 레이어를 포함하는데, 한 레이어는 불투명하고 다른 레이어는 완전 투명하다. 상기 장치는, 불투명 레이어에 스타트 필 스킴을 디스플레이하고 완전 투명 레이어에 엔드 필 스킴을 디스플레이하도록 구성되는 스타트 및 엔드 디스플레이 유닛과, 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경하도록 구성되는 제1 투명도 변경 유닛을 포함한다.

기존의 기술적 솔루션으로부터, 본원의 구현예에서는, 스타트 필 스킴을 디스플레이하는 레이어가 불투명에서 완전 투명으로 점진적으로 변하는 것을 볼 수 있다. 스타트 필 스킴을 엔드 필 스킴으로 변경하는 애니메이션 효과를 만들기 위해, 엔드 필 스킴을 디스플레이하는 레이어는, 컬러 트윈 애니메이션의 디스플레이 영역 내의 2개의 오버래핑 레이어의 투명도 변경을 통해, 완전 투명에서 불투명으로 점진적으로 변한다. 필 스킴이 복잡하든지 복합하지 않든지에 관계없이, 디자이너의 추가 작업없이도 소프트웨어를 사용하여 매끄럽고 자연스러운 애니메이션 효과를 자동으로 만들 수 있으므로, 애니메이션 구현 효율성이 향상된다.

도 1은 본원의 구현예 1에 따른 컬러 트윈 애니메이션의 실현 방법을 나타내는 흐름도이다.
도 2은 본원의 구현예 2에 따른 컬러 트윈 애니메이션의 실현 방법을 나타내는 흐름도이다.
도 3은 본원의 적용예에 따른, 사용자의 신용 점수, 신용 등급, 및 필 스킴 간의 대응관계를 나타내는 개략도이다.
도 4는 본원의 적용예에 따른, 사용자 신용 등급의 애니메이션 디스플레이를 나타내는 개략도이다.
도 5는 본원의 구현예에 따른 디바이스를 도시하는 하드웨어 구조도이다.
도 6은 본원의 구현예에 따른 컬러 트윈 애니메이션을 실현하는 장치를 나타내는 논리적 구조도이다.

본원의 구현예는 컬러 트윈 애니메이션을 실현하기 위한 새로운 방법을 제공한다. 스타트 필 스킴과 엔드 필 스킴이 디스플레이 영역 내의 2개의 오버래핑 레이어에 각각 디스플레이된다. 스타트 필 스킴을 디스플레이하는 레이어는 불투명에서 완전 투명으로 점진적으로 변한다. 또한, 엔드 필 스킴을 디스플레이하는 레이어는 완전 투명에서 불투명으로 점진적으로 변한다. 이들 레이어는 스타트 필 스킴에서 엔드 필 스킴으로 변하는 애니메이션 효과를 만든다. 디자이너의 추가 작업 없이도 매끄럽고 자연스러운 애니메이션 효과가 만들어질 수 있으므로, 애니메이션 실현 효율성이 향상되고 기존 기술의 문제가 해결된다.

본원의 구현예는 모바일 폰, 태블릿 컴퓨터, 퍼스널 컴퓨터(PC), 노트북, 및 서버 등의 디바이스를 비롯한, 연산, 저장 및 디스플레이 기능을 가진 임의의 디바이스에 적용될 수 있다.

본원의 구현예에서는, 특정 디스플레이 영역에서 컬러 트윈 애니메이션이 수행된다. 디스플레이 영역은 임의의 형상일 수도, 임의의 사이즈를 가질 수도 그리고 임의의 위치에 있을 수도 있다. 디스플레이 영역은 고정된 형상, 고정된 사이즈, 및 고정된 위치로 고정될 수도 있고, 또는 변하는 형상, 변하는 사이즈, 및/또는 변하는 위치로 동적으로 변할 수도 있다. 즉, 본원의 구현예에 따른 컬러 트윈 애니메이션을 실현하는 기술적 솔루션은 단독으로 사용될 수도 또는 다른 트윈 애니메이션(예컨대, 필 영역에서의 셰이프 트윈 애니메이션, 디스플레이스먼트 트윈 애니메이션, 스케일링 트윈 애니메이션, 또는 로테이션 트윈 애니메이션)을 실현하는 기술적 솔루션과 함께 사용될 수도 있다.

본원의 이 구현예에서는, 초기화 시에 컬러 트윈 애니메이션의 디스플레이 영역에 2개의 레이어가 생성된다. 2개의 레이어는 서로 오버랩된다. 한 레이어의 투명도는 완전 투명으로 설정되고, 다른 레이어의 투명도는 불투명으로 설정된다. 레이어를 생성하기 위한 특정 방법 및 레이어의 투명도를 설정하기 위한 특정 방법에 대해서는, 구현을 위한 기존의 기술을 참조할 수 있다. 상세한 것은 설명하지 않는다.

2개의 오버래핑 레이어는 서로 중첩된 상측 레이어과 하측 레이어를 갖는다. 상측 레이어가 불투명인 경우, 하측 레이어는 완전히 차단되고 사용자는 디스플레이 영역의 상측 레이어에 디스플레이된 콘텐츠를 본다. 상측 레이어가 완전 투명인 경우, 하측 레이어는 완전히 노출되고, 사용자는 디스플레이 영역의 하측 레이어에 디스플레이된 컨텐츠를 본다. 한편, 상측 레이어의 투명도가 완전 투명과 불투명의 중간 값인 경우, 사용자가 디스플레이 영역에서 보게 되는 콘텐츠는, 투명도의 중간 값에 기초하여 상측 레이어과 하측 레이어가 중첩된 다음에 얻어진 시각적 효과이다.

본원의 구현예 1에 있어서, 컬러 트윈 애니메이션은 스타트 필 스킴에서 엔드 필 스킴으로의 변경을 애니메이션 효과로 실현한다. 스타트 필 스킴 또는 엔드 필 스킴은, 솔리드 컬러 필 스킴, 점진적 변화, 텍스처, 패턴 등의 채우기 효과가 있는 필 스킴, 또는 사용자에 의해 생성되는, 컬러 변화가 있는 다양한 다른 필 스킴일 수 있다. 도 1은 본 구현예에 따른 컬러 트윈 애니메이션의 실현 방법을 나타내는 흐름도이다.

단계 110: 불투명 레이어에 스타트 필 스킴을 디스플레이하고 완전 투명 레이어에 엔드 필 스킴을 디스플레이.

초기화가 완료되면, 디스플레이 영역에 2개의 오버래핑 레이어가 존재한다. 한 레이어는 불투명 레이어이고, 다른 레이어는 완전 투명 레이어이다. 스타트 필 스킴은 불투명 레이어에 디스플레이되고, 엔드 필 스킴은 완전 투명 레이어에 디스플레이된다. 이 경우에, 사용자는 디스플레이 영역에 스타트 필 스킴에 대응하는 시각적 효과를 볼 수 있다.

단계 120: 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고, 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경함.

트윈 애니메이션의 애니메이션 지속시간 중에, 불투명 레이어의 투명도는 불투명에서 완전 투명으로 점진적으로 변한다. 동일한 애니메이션 지속시간 중에, 완전 투명 레이어의 투명도는 완전 투명에서 불투명으로 점진적으로 변한다. 이 경우에, 사용자는 디스플레이 영역에 스타트 필 스킴에 대응하는 시각적 효과를 볼 수 있다. 시각적 효과는 애니메이션 지속시간 동안 투명도에 따라 변하고, 엔드 필 스킴에 대응하는 시각적 효과로 점진적으로 변한다. 따라서, 스타트 필 스킴에서 엔드 필 스킴으로의 애니메이션 실현이 완료된다.

기존의 기술은 애니메이션 지속시간 중에 투명도를 점진적으로 변화시키는 복수의 방법을 제공한다. 본원의 구현예에 이들 방법을 참조할 수 있다. 두 레이어의 투명도를 변화시키는 방법은 독립적으로 수행될 수도 있고, 또는 연관된 방법으로 협동해서 수행될 수도 있음을 알아야 한다. 투명도 0은 완전 투명을 나타내고, 투명도 1은 불투명을 나타낸다. 일례에 있어서, 상측 레이어의 투명도는 애니메이션 지속시간 중에 일정한 속도로 0에서 1로 변할 수 있고, 하측 레이어의 투명도는 애니메이션 지속시간 중에 신속하게 1에서 0으로 변할 수 있다. 또 다른 예에 있어서, 상측 레이어의 투명도는 애니메이션 지속시간 중에 신속하게 0에서 1로 변할 수 있고, 상측 레이어의 투명도와 하측 레이어의 투명도의 합은 1이다.

두 레이어의 투명도가 변한 후에는, 컬러 트윈 애니메이션이 종료된다. 이 경우에, 현재의 완전 투명 레이어, 즉, 본 구현예에서 스타트 필 스킴을 디스플레이하는 레이어는 삭제되어 점유된 시스템 리소스를 시기 적절하게 릴리스할 수 있다.

본원의 구현예 2에 있어서, 필 스킴이 N개 있다(N은 2 이상의 자연수). 디스플레이 영역에서는, 제N 필 스킴에 이를 때까지, 제1 필 스킴이 애니메이션 효과로 제2 필 스킴으로 변한 다음, 제2 필 스킴이 애니메이션 효과로 제3 필 스킴으로 변한다(N이 3보다 큰 경우). 그런 다음 애니메이션이 종료된다. 각각의 필 스킴은, 솔리드 컬러 필 스킴, 점진적 변화, 텍스처, 패턴 등의 채우기 효과가 있는 필 스킴, 또는 사용자에 의해 생성되는, 컬러 변화가 있는 다양한 다른 필 스킴일 수 있다.

도 2는 본 구현예에 따른 컬러 트윈 애니메이션의 실현 방법을 나타내는 흐름도이다. 이 구현예에서는 구현예 1과는 상이한 부분에 대해 주로 설명한다. 동일한 부분에 대해서는, 구현예 1의 설명을 참조할 수 있으며, 여기에서 그 설명은 반복하지 않는다.

단계 210: 불투명 레이어에 제1 필 스킴을 디스플레이하고, 완전 투명 레이어에 제2 필 스킴을 디스플레이.

단계 220: 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고, 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경함.

단계 230: 투명도 변경이 완료된 후에, 현재의 불투명 레이어에 디스플레이된 제k(k는 N보다 크지 않는 자연수) 필 스킴이 제N 필 스킴이 아니라면, 현재의 완전 투명 레이어에 제(k+1) 필 스킴을 디스플레이하고, 현재의 완전 투명 레이어의 투명도를 불투명으로 점진적으로 변경하며, 현재의 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고, k가 N과 같아질 때까지 이 단계를 반복.

투명도 변경이 완료된 후에, 본 구현예에 있어서, 제k 필 스킴이 현재의 불투명 레이어(즉, 최근 투명도 변경 프로세스에서 완전 투명에서 불투명으로 변경된 레이어)에 디스플레이되는 것과, 제k 필 스킴이 지금까지의 컬러 트윈 애니메이션의 마지막 필 스킴인 것으로 가정한다. k가 N과 같지 않다면, 제k 필 스킴은 더이상 애니메이션을 통해 제(k+1) 필 스킴으로 변경될 필요가 없다. k가 N과 같다면, 애니메이션은 종료된다.

k가 N과 같지 않다면, 제(k+1) 필 스킴이 현재의 완전 투명 레이어(즉, 최근 투명도 변경 프로세스에서 불투명에서 완전 투명으로 변경된 레이어)에 디스플레이된다. 즉, 제k 필 스킴으로부터 제(k+1) 필 스킴으로의 애니메이션 지속시간 중에, 현재의 완전 투명 레이어의 투명도는 점진적으로 불투명으로 변경되고, 현재의 불투명 레이어의 투명도는 점진적으로 완전 투명으로 변경된다.

본 투명도 변경 프로세스에서, 사용자는 디스플레이 영역에서 제k 필 스킴에 대응하는 시각적 효과를 볼 수 있다. 시각적 효과는 애니메이션 지속시간 동안 투명도에 따라 변하고 제(k+1) 필 스킴에 대응하는 시각적 효과로 점진적으로 변한다.

투명도 변경 후의 현재의 불투명 레이어과 현재의 완전 투명 레이어는 투명도 변경 전의 현재의 불투명 레이어과 현재의 완전 투명 레이어과 교체된다. 이 단계는 k가 N과 같을 때까지 반복된다. 이 경우에, 제1 필 스킴은 디스플레이 영역에서 애니메이션 효과로 제2 필 스킴으로 변경되고, 연속해서 필 스킴의 배열 순서에 기초하여 제N 필 스킴으로 하나씩 변경된다. 그런 다음 애니메이션이 종료된다.

k가 N과 같고 애니메이션이 종료될 때에, 현재의 완전 투명 레이어는 삭제될 수 있다.

본원의 구현예 1과 구현예 2에서는, 2개의 오버래핑 레이어가 디스플레이 영역에 배열되는데, 제1 레이어에서의 필 스킴을 제2 레이어에서의 필 스킴으로 점진적으로 변경하는 애니메이션 효과를 만들기 위해, 제1 레이어는 불투명에서 완전 투명으로 점진적으로 변하고, 제2 레이어는 완전 투명에서 불투명으로 점진적으로변하는 것을 볼 수 있다. 또한, 변경 프로세스는 매끄럽고 자연스러우며, 양호한 효과를 달성하면서 추가의 수동 작업을 피하므로, 애니메이션 실현 효율성을 높인다.

본원의 적용예에 있어서, 온라인 신용 조회 시스템(credit reference system)은, 지정된 평가 알고리즘을 사용하여 신용 이력, 행동 선호도, 합의 이행 능력, 신원 및 인맥 등의 차원에 기초해 각 사용자에 대한 신용 점수를 생성하고, 사용자의 신용 점수에 기초하여 사용자의 신용 등급을 결정한다. 각 신용 등급은 지정된 신용 점수의 범위에 대응한다. 신용 조회 시스템에서의 사용자의 신용 점수 범위는 350 내지 950으로, 1부터 5까지 5개의 신용 등급으로 분류된다. 등급이 높을수록 신용도는 더 좋다.

사용자는 신용 조회 시스템의 클라이언트 애플리케이션(app)에서 사용자의 신용 등급을 볼 수 있다. 앱에서는, 상이한 컬러의 점진적인 변화 효과가 있는 필 스킴으로 원형 영역에 사용자의 상이한 신용 등급이 디스플레이된다. 제k 필 스킴은 제k 신용 등급에 대응한다. 도 3은 신용 조회 시스템에서 사용자의 신용 점수, 신용 등급, 및 필 스킴 간의 대응관계를 보여준다. 제1 필 스킴은 컬러 값이 #EA5254에서 #F4653C로 점진적으로 변하는 적색 필 스킴이며, 제1 신용 등급에 대응한다. 마찬가지로, 제2 내지 제5 필 스킴은 점진적인 변화 효과가 있는 오렌지색, 녹색, 시안색 및 청색 필 스킴이고, 각각 제2 내지 제5 신용 등급에 대응한다.

사용자 경험성을 높이기 위해, 사용자가 사용자의 신용 등급을 디스플레이하는 페이지를 열 경우, 제1 신용 등급부터 사용자의 신용 등급까지 애니메이션 방식으로 사용자의 신용 등급 강화 프로세스가 디스플레이된다. 즉, 신용 등급을 나타내는 원형 영역에, 제1 필 스킴부터 사용자의 신용 등급 N에 대응하는 제N 필 스킴까지 중간 필 스킴이 애니메이션 방식으로 이동한다. 그런 다음 애니메이션이 종료된다.

도 4는 본 적용예에서의 애니메이션 실현 프로세스를 보여준다.

단계 401: 원형 영역에서 2개의 UIView를 초기화하며, 상측 레이어는 뷰 프런트(view Front)이고, 하측 레이어는 뷰 바텀(view Bottom)이며, 프런트의 투명도를 0으로 설정하고, 바텀의 투명도를 1로 설정. 이 적용예에서, 투명도 0은 완전 투명을 나타내고, 투명도 1은 불투명을 나타낸다.

단계 402: 사용자의 신용 등급 N을 취득.

단계 403: N이 1인지를 결정하고, 그렇다면, 단계 404를 수행하고, 그렇지 않다면 단계 405로 진행.

단계 404: 바텀에 제1 필 스킴을 디스플레이하고, 프런트를 삭제하며, 프로시저를 종료. 사용자의 신용 등급이 1인 경우, 애니메이션 디스플레이를 수행할 필요가 없고, 제1 필 스킴이 바로 디스플레이된다.

단계 405: b를 1로 설정하고, f를 2로 설정. 여기서, b는 바텀에 디스플레이되는 필 스킴의 시퀀스 번호이고, f는 프런트에 디스플레이되는 필 스킴의 시퀀스 번호이다.

단계 406: 바텀에 제b 필 스킴을 디스플레이하고 프런트에 제f 필 스킴을 디스플레이.

단계 407: 현재의 프런트의 투명도가 0인지를 결정하고, 그렇다면, 단계 408을 수행하고, 그렇지 않다면 단계 411로 진행. 이 단계는 현재의 완전 투명 레이어가 프런트인지 바텀인지를 결정하는데 사용된다.

단계 408: 미리 정해진 지속시간 중에, 프런트의 투명도를 일정 속도로 0에서 1로 변경하고, 바텀의 투명도를 일정 속도로 1에서 0으로 변경. 미리 정해진 지속시간은 인접한 신용 등급들 사이에서 애니메이션 효과를 디스플레이하는 미리 정해진 지속시간이다.

단계 409: f가 N과 같은지를 결정하고, 그렇다면, 애니메이션을 종료하고, 단계 414로 진행하거나, 그렇지 않다면, 단계 410을 수행. 이 단계에서는, 대안으로, b가 (N-1)과 같은지가 결정될 수도 있다.

단계 410: b에 2를 더하며, 바텀에서의 디스플레이를 리프레시하고(즉, 제(b+2) 필 스킴을 디스프레이하고), 단계 407로 진행.

단계 411: 미리 정해진 지속시간 중에, 프런트의 투명도를 일정 속도로 1에서 0으로 변경하고, 바텀의 투명도를 일정 속도로 0에서 1로 변경.

단계 412: b가 N과 같은지를 결정하고, 그렇다면, 애니메이션을 종료하고, 단계 414로 진행하거나, 그렇지 않다면, 단계 413을 수행. 이 단계에서는, 대안으로, f가 (N-1)과 같은지가 결정될 수도 있다.

단계 413: f에 2를 더하며, 프린트에서의 디스플레이를 리프레시하고(즉, 제(f+2) 필 스킴을 디스프레이하고), 단계 407로 진행.

단계 414: 현재의 투명도가 0인 뷰를 삭제.

앞의 프로시저 구현에 상응하여, 본원의 구현예는 컬러 트윈 애니메이션을 실현하는 장치도 제공한다. 이 장치는 소프트웨어, 하드웨어, 또는 하드웨어와 소프트웨어의 조합으로 구현될 수 있다. 소프트웨어 구현을 일례로 사용한다. 논리적 장치로서, 비휘발성 메모리에서 대응하는 컴퓨터 프로그램 명령어를 판독하고 소프트웨어가 위치한 디바이스에서 프로세서에 의해 메모리 내의 명령어를 실행함으로써 소프트웨어가 형성된다. 하드웨어 구현에 있어서, 장치가 위치해 있는 디바이스는, 도 5에 도시하는 CPU, 메모리 및 비휘발성 메모리 외에, 일반적으로 무선 신호를 송수신하기 위한 칩 등의 다른 하드웨어, 및/또는 네트워크 통신 기능을 구현하도록 구성된 카드 등의 다른 하드웨어도 포함한다.

도 6은 본원의 구현예에 따른 컬러 트윈 애니메이션을 실현하는 장치를 나타낸다. 컬러 트윈 애니메이션의 디스플레이 영역은 2개의 오버래핑 레이어를 포함하는데, 한 레이어는 불투명하고 다른 레이어는 완전 투명하다. 장치는 스타트 및 엔드 디스플레이 유닛과, 제1 투명도 변경 유닛을 포함한다. 스타트 및 엔드 디스플레이 유닛은, 불투명 레이어에 스타트 필 스킴을 디스플레이하고 완전 투명 레이어에 엔드 필 스킴을 디스플레이하도록 구성된다. 제1 투명도 변경 유닛은, 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고, 완전 투명 레이어의 투명도를 완전 불투명으로 점진적으로 변경하도록 구성된다.

일례에 있어서, 컬러 트윈 애니메이션은, 제1 필 스킴에서 제2 필 스킴으로 변경하고, 연속해서 제N 필 스킴으로 하나씩 변경하는 것을 포함하며, 여기서 N은 1보다 큰 자연수이다. 스타트 필 스킴이 제1 필 스킴이고, 엔드 필 스킴이 제2 필 스킴이다. 상기 장치는 제2 투명도 변경 유닛을 더 포함하는데, 제2 투명도 변경 유닛은, 투명도 변경이 완료된 후에, 현재의 불투명 레이어에 디스플레이된 제k 필 스킴이 제N 필 스킴이 아니라면, 현재의 완전 투명 레이어에 제(k+1) 필 스킴을 디스플레이하고, 현재의 완전 투명 레이어의 투명도를 불투명으로 점진적으로 변경하며, 현재의 완전 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하고, k가 N과 같아질 때까지 이 단계를 반복하도록 구성되며, 여기서 k는 N보다 크지 않는 자연수이다.

앞의 예에서는, N이 사용자의 신용 등급이고, 제k 신용 등급이 제k 필 스킴에 대응한다. 장치는 애니메이션 취소 유닛을 더 포함할 수 있는데, 이 유닛은 불투명 레이어에 제1 필 스킴을 디스플레이하고 신용 등급이 1인 사용자에 대한 완전 투명 레이어를 삭제하도록 구성된다.

임의 선택적으로, 장치는 애니메이션이 종료된 후에 현재의 완전 투명 레이어를 삭제하도록 구성된 애니메이션 종료 유닛을 더 포함한다.

임의 선택적으로, 스타트 필 스킴과 엔드 필 스킴은 점진적 변화, 텍스처, 또는 패턴의 효과가 있는 필 스킴을 포함한다.

임의 선택적으로, 컬러 트윈 애니메이션의 디스플레이 영역은 고정된 디스플레이 영역, 또는 동적으로 변하는 디스플레이 영역을 포함한다.

이상의 설명은 본원의 구현예일 뿐이며, 본원을 제한하고자 하는 것은 아니다. 본원의 사상 및 원리에서 벗어나는 않고서 이루어지는 임의의 변형, 등가의 대체, 또는 개선 등은 모두 본원의 보호 범위에 속하는 것이다.

통상의 구성에 있어서, 컴퓨팅 디바이스는 하나 이상의 프로세서(CPU), 입출력 인터페이스, 네트워크 인터페이스, 및 메모리를 포함한다.

메모리는 비지속성 메모리, 랜덤 액세스 메모리(RAM), 비휘발성 메모리, 및/또는 컴퓨터 판독 가능한 매체로 되어 있는 또 다른 형태, 예컨대 리드 온리 메모리(ROM) 또는 플래시 메모리(flash memory)를 포함할 수 있다. 메모리는 컴퓨터 판독 가능한 매체의 일례이다.

컴퓨터 판독 가능한 매체는 임의의 방법 또는 기술을 사용하여 정보를 저장할 수 있는, 지속성, 비지속성, 가반성, 및 비가반성 매체를 포함할 수 있다. 정보는 컴퓨터 판독 가능한 명령어, 데이터 구조, 프로그램 모듈, 또는 기타 데이터일 수 있다. 컴퓨터 저장 매체의 예로는 상변화 메모리(PRAM), 정적 랜덤 액세스 메모리(SRAM), 동적 랜덤 액세스 메모리(DRAM), 다른 유형의 랜덤 액세스 메모리(RAM), 리드 온리 메모리(ROM), 전기적 소거 가능한 프로그래머블 리드 온리 메모리(EEPROM), 플래시 메모리 또는 또 다른 메모리 기술, CD-ROM(compact disk read-only memory), DVD(digital versatile disc) 또는 다른 광학 스토리지, 카세트 자기 테이프, 테이프 및 디스크 스토리지, 또는 또 다른 자기 저장 디바이스, 또는 컴퓨팅 디바이스가 액세스할 수 있는 정보를 저장하도록 구성될 수 있는 기타 비전송 매체를 포함하지만, 이들에 한정되지 않는다. 본 명세서에 기술한 바와 같이, 컴퓨터 판독 가능한 매체는 변조된 데이터 신호 및 캐리어 등의 일시적 컴퓨터 판독 가능한 매체(일시적 매체)는 포함하지 않는다.

또한, "포함(include, comprise)" 및 이것의 기타 변형형에 해당하는 표현은 비배타적인 포함(inclusion)을 커버하는 것이 의도되어, 일련의 요소를 포함하는 프로세스, 방법, 물품(commodity), 또는 디바이스는 이들 요소를 포함할뿐만 아니라, 명시적으로 열거되지 않은 다른 요소도 포함하거나 그러한 프로세스, 방법, 물품, 또는 디바이스의 고유한 요소를 더 포함하는 것을 알아야 한다. "...를 포함한다"가 붙은 요소는 더 많은 제약없이 그 요소를 포함하는 프로세스, 방법, 물품, 또는 디바이스에서의 추가적인 동일한 요소들의 존재를 배제한다.

당업자라면 본원의 구현예가 방법, 시스템, 또는 컴퓨터 프로그램 제품으로서 제공될 수 있음을 이해해야 한다. 따라서, 본원은 하드웨어 전용 구현, 소프트웨어 전용 구현, 또는 소프트웨어와 하드웨어가 조합된 구현의 형태를 사용할 수 있다. 또한, 본원은 하나 이상의 컴퓨터 사용 가능한 저장 매체(디스크 메모리, CD-ROM, 광학 메모리 등을 포함하지만 이에 한정되지는 않음) 상에서 구현되는 컴퓨터 프로그램 제품의 형태를 사용할 수 있다.

Claims

컴퓨터 구현 방법에 있어서,
컴퓨팅 디바이스의 디스플레이 상에, 초기에 불투명한 제1 레이어에 스타트 필 스킴(start fill scheme)을 디스플레이하는 단계;
상기 디스플레이 상에, 상기 제1 레이어와 중첩되고 초기에 적어도 부분적으로 투명한 상이한 제2 레이어에 엔드 필 스킴(end fill scheme)을 디스플레이하는 단계; 및
상기 제1 레이어의 제1 투명도 값을 투명에 대응하는 값으로 점진적으로 변경하고, 상기 제2 레이어의 제2 투명도 값을 불투명에 대응하는 값으로 점진적으로 변경하는 단계
를 포함하고,
상기 제1 투명도 값 및 상기 제2 투명도 값은 둘 다 특정 시간 기간 동안 점진적으로 변경되고, 상기 제1 투명도 값 및 상기 제2 투명도 값을 점진적으로 변경하는 것은 상기 특정 시간 기간에 걸쳐 복수의 증가(increment)에 의해 상기 값들을 변경하고 컬러 트윈 애니메이션(color tween animation)을 디스플레이하는 것을 포함하고, 상기 컬러 트윈 애니메이션을 디스플레이하는 것은:
연속해서 제N 필 스킴으로 변경하는 것을 포함하는, 상기 디스플레이 상에서, 제1 필 스킴에서 제2 필 스킴으로 변경하는 것 - N은 1보다 큰 자연수임 -;
상기 스타트 필 스킴을 상기 제1 필 스킴으로 설정하고, 상기 엔드 필 스킴을 상기 제2 필 스킴으로 설정하는 것;
상기 제1 레이어 및 상기 제2 레이어를 번갈아 투명하게 하는 투명도 변경을 수행하는 것; 및
상기 투명도 변경이 완료되면:
현재의 불투명 레이어에 디스플레이된 제k 필 스킴이 제N 필 스킴이 아니면, 현재의 완전 투명 레이어에 제(k+1) 필 스킴을 디스플레이하는 것;
상기 현재의 완전 투명 레이어의 투명도를 불투명으로 점진적으로 변경하고, 현재의 완전 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하는 것; 및
k가 N보다 크거나 같아질 때까지 상기 디스플레이하는 것 및 상기 점진적으로 변경하는 것을 반복하는 것
을 포함하고, k는 자연수인 것인, 컴퓨터 구현 방법.
제1항에 있어서, N은 사용자의 신용 등급이고, 제k 신용 등급이 제k 필 스킴에 대응하며, 상기 방법은:
신용 등급이 1인 사용자에 대해, 상기 현재의 불투명 레이어에 상기 제1 필 스킴을 디스플레이하는 단계; 및
완전 투명 레이어를 삭제하는 단계를 더 포함하는 것인, 컴퓨터 구현 방법.
제1항에 있어서, 상기 컬러 트윈 애니메이션이 종료된 후에 상기 현재의 완전 투명 레이어를 삭제하는 단계를 더 포함하는 컴퓨터 구현 방법.
제1항에 있어서, 상기 스타트 필 스킴과 상기 엔드 필 스킴은, 점진적 변화, 텍스처, 또는 패턴의 효과가 있는 필 스킴을 포함하는 것인, 컴퓨터 구현 방법.
제1항에 있어서, 상기 컬러 트윈 애니메이션의 디스플레이 영역은 고정된 디스플레이 영역을 포함하는 것인, 컴퓨터 구현 방법.
제1항에 있어서, 상기 컬러 트윈 애니메이션의 디스플레이 영역은 동적으로 변하는 디스플레이 영역을 포함하는 것인, 컴퓨터 구현 방법.
동작들을 수행하도록 컴퓨터 시스템에 의해 실행가능한 하나 이상의 명령어를 저장하는 비일시적 컴퓨터-판독 가능 저장 매체에 있어서, 동작들은:
컴퓨팅 디바이스의 디스플레이 상에, 초기에 불투명한 제1 레이어에 스타트 필 스킴(start fill scheme)을 디스플레이하는 것;
상기 디스플레이 상에, 상기 제1 레이어와 중첩되고 초기에 적어도 부분적으로 투명한 상이한 제2 레이어에 엔드 필 스킴(end fill scheme)을 디스플레이하는 것; 및
상기 제1 레이어의 제1 투명도 값을 투명에 대응하는 값으로 점진적으로 변경하고, 상기 제2 레이어의 제2 투명도 값을 불투명에 대응하는 값으로 점진적으로 변경하는 것
을 포함하고,
상기 제1 투명도 값 및 상기 제2 투명도 값은 둘 다 특정 시간 기간 동안 점진적으로 변경되고, 상기 제1 투명도 값 및 상기 제2 투명도 값을 점진적으로 변경하는 것은 상기 특정 시간 기간에 걸쳐 복수의 증가(increment)에 의해 상기 값들을 변경하고 컬러 트윈 애니메이션(color tween animation)을 디스플레이하는 것을 포함하고, 상기 컬러 트윈 애니메이션을 디스플레이하는 것은:
연속해서 제N 필 스킴으로 변경하는 것을 포함하는, 상기 디스플레이 상에서, 제1 필 스킴에서 제2 필 스킴으로 변경하는 것 - N은 1보다 큰 자연수임 -;
상기 스타트 필 스킴을 상기 제1 필 스킴으로 설정하고, 상기 엔드 필 스킴을 상기 제2 필 스킴으로 설정하는 것;
상기 제1 레이어 및 상기 제2 레이어를 번갈아 투명하게 하는 투명도 변경을 수행하는 것; 및
상기 투명도 변경이 완료되면:
현재의 불투명 레이어에 디스플레이된 제k 필 스킴이 제N 필 스킴이 아니면, 현재의 완전 투명 레이어에 제(k+1) 필 스킴을 디스플레이하는 것;
상기 현재의 완전 투명 레이어의 투명도를 불투명으로 점진적으로 변경하고, 현재의 완전 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하는 것; 및
k가 N보다 크거나 같아질 때까지 상기 디스플레이하는 것 및 상기 점진적으로 변경하는 것을 반복하는 것
을 포함하고, k는 자연수인 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
제7항에 있어서, N은 사용자의 신용 등급이고, 제k 신용 등급이 제k 필 스킴에 대응하며, 상기 동작들은:
신용 등급이 1인 사용자에 대해, 상기 현재의 불투명 레이어에 상기 제1 필 스킴을 디스플레이하는 것; 및
완전 투명 레이어를 삭제하는 것을 더 포함하는 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
제8항에 있어서, 상기 동작들은 상기 컬러 트윈 애니메이션이 종료된 후에 상기 현재의 완전 투명 레이어를 삭제하는 것을 더 포함하는 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
제8항에 있어서, 상기 컬러 트윈 애니메이션의 디스플레이 영역은 고정된 디스플레이 영역을 포함하는 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
제8항에 있어서, 상기 컬러 트윈 애니메이션의 디스플레이 영역은 동적으로 변하는 디스플레이 영역을 포함하는 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
제7항에 있어서, 상기 스타트 필 스킴과 상기 엔드 필 스킴은, 점진적 변화, 텍스처, 또는 패턴의 효과가 있는 필 스킴을 포함하는 것인, 비일시적 컴퓨터-판독 가능 저장 매체.
컴퓨터 구현 시스템에 있어서,
하나 이상의 컴퓨터; 및
상기 하나 이상의 컴퓨터와 상호동작가능하게 연결되고, 상기 하나 이상의 컴퓨터에 의해 실행될 때 하나 이상의 동작들을 수행하는 하나 이상의 명령어를 저장하는 유형의(tangible) 일시적 기계-판독 가능 매체를 갖는 하나 이상의 컴퓨터 메모리 디바이스
를 포함하고, 상기 하나 이상의 동작들은:
컴퓨팅 디바이스의 디스플레이 상에, 초기에 불투명한 제1 레이어에 스타트 필 스킴(start fill scheme)을 디스플레이하는 것;
상기 디스플레이 상에, 상기 제1 레이어와 중첩되고 초기에 적어도 부분적으로 투명한 상이한 제2 레이어에 엔드 필 스킴(end fill scheme)을 디스플레이하는 것; 및
상기 제1 레이어의 제1 투명도 값을 투명에 대응하는 값으로 점진적으로 변경하고, 상기 제2 레이어의 제2 투명도 값을 불투명에 대응하는 값으로 점진적으로 변경하는 것
을 포함하고,
상기 제1 투명도 값 및 상기 제2 투명도 값은 둘 다 특정 시간 기간 동안 점진적으로 변경되고, 상기 제1 투명도 값 및 상기 제2 투명도 값을 점진적으로 변경하는 것은 상기 특정 시간 기간에 걸쳐 복수의 증가(increment)에 의해 상기 값들을 변경하고 컬러 트윈 애니메이션(color tween animation)을 디스플레이하는 것을 포함하고, 상기 컬러 트윈 애니메이션을 디스플레이하는 것은:
연속해서 제N 필 스킴으로 변경하는 것을 포함하는, 상기 디스플레이 상에서, 제1 필 스킴에서 제2 필 스킴으로 변경하는 것 - N은 1보다 큰 자연수임 -;
상기 스타트 필 스킴을 상기 제1 필 스킴으로 설정하고, 상기 엔드 필 스킴을 상기 제2 필 스킴으로 설정하는 것;
상기 제1 레이어 및 상기 제2 레이어를 번갈아 투명하게 하는 투명도 변경을 수행하는 것; 및
상기 투명도 변경이 완료되면:
현재의 불투명 레이어에 디스플레이된 제k 필 스킴이 제N 필 스킴이 아니면, 현재의 완전 투명 레이어에 제(k+1) 필 스킴을 디스플레이하는 것;
상기 현재의 완전 투명 레이어의 투명도를 불투명으로 점진적으로 변경하고, 현재의 완전 불투명 레이어의 투명도를 완전 투명으로 점진적으로 변경하는 것; 및
k가 N보다 크거나 같아질 때까지 상기 디스플레이하는 것 및 상기 점진적으로 변경하는 것을 반복하는 것
을 포함하고, k는 자연수인 것인, 컴퓨터 구현 시스템.
제13항에 있어서, N은 사용자의 신용 등급이고, 제k 신용 등급이 제k 필 스킴에 대응하며, 상기 동작들은:
신용 등급이 1인 사용자에 대해, 상기 현재의 불투명 레이어에 상기 제1 필 스킴을 디스플레이하는 것; 및
완전 투명 레이어를 삭제하는 것을 더 포함하는 것인, 컴퓨터 구현 시스템.
제13항에 있어서, 상기 동작들은 상기 컬러 트윈 애니메이션이 종료된 후에 상기 현재의 완전 투명 레이어를 삭제하는 것을 더 포함하는 것인, 컴퓨터 구현 시스템.
제13항에 있어서, 상기 스타트 필 스킴과 상기 엔드 필 스킴은, 점진적 변화, 텍스처, 또는 패턴의 효과가 있는 필 스킴을 포함하는 것인, 컴퓨터 구현 시스템.
제13항에 있어서, 상기 컬러 트윈 애니메이션의 디스플레이 영역은 고정된 디스플레이 영역을 포함하는 것인, 컴퓨터 구현 시스템.