KR19990068557A - 월드와이드웹에서의실시간영상합성방법 - Google Patents

월드와이드웹에서의실시간영상합성방법 Download PDF

Info

Publication number
KR19990068557A
KR19990068557A KR1019990020238A KR19990020238A KR19990068557A KR 19990068557 A KR19990068557 A KR 19990068557A KR 1019990020238 A KR1019990020238 A KR 1019990020238A KR 19990020238 A KR19990020238 A KR 19990020238A KR 19990068557 A KR19990068557 A KR 19990068557A
Authority
KR
South Korea
Prior art keywords
image
screen
user
real
product
Prior art date
Application number
KR1019990020238A
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 KR1019990020238A priority Critical patent/KR19990068557A/ko
Publication of KR19990068557A publication Critical patent/KR19990068557A/ko

Links

Classifications

    • F—MECHANICAL ENGINEERING; LIGHTING; HEATING; WEAPONS; BLASTING
    • F16—ENGINEERING ELEMENTS AND UNITS; GENERAL MEASURES FOR PRODUCING AND MAINTAINING EFFECTIVE FUNCTIONING OF MACHINES OR INSTALLATIONS; THERMAL INSULATION IN GENERAL
    • F16K—VALVES; TAPS; COCKS; ACTUATING-FLOATS; DEVICES FOR VENTING OR AERATING
    • F16K37/00—Special means in or on valves or other cut-off apparatus for indicating or recording operation thereof, or for enabling an alarm to be given
    • F16K37/0058—Optical means, e.g. light transmission, observation ports
    • F—MECHANICAL ENGINEERING; LIGHTING; HEATING; WEAPONS; BLASTING
    • F16—ENGINEERING ELEMENTS AND UNITS; GENERAL MEASURES FOR PRODUCING AND MAINTAINING EFFECTIVE FUNCTIONING OF MACHINES OR INSTALLATIONS; THERMAL INSULATION IN GENERAL
    • F16K—VALVES; TAPS; COCKS; ACTUATING-FLOATS; DEVICES FOR VENTING OR AERATING
    • F16K27/00—Construction of housing; Use of materials therefor
    • F16K27/06—Construction of housing; Use of materials therefor of taps or cocks
    • F16K27/067—Construction of housing; Use of materials therefor of taps or cocks with spherical plugs
    • F—MECHANICAL ENGINEERING; LIGHTING; HEATING; WEAPONS; BLASTING
    • F16—ENGINEERING ELEMENTS AND UNITS; GENERAL MEASURES FOR PRODUCING AND MAINTAINING EFFECTIVE FUNCTIONING OF MACHINES OR INSTALLATIONS; THERMAL INSULATION IN GENERAL
    • F16K—VALVES; TAPS; COCKS; ACTUATING-FLOATS; DEVICES FOR VENTING OR AERATING
    • F16K31/00—Actuating devices; Operating means; Releasing devices
    • F16K31/44—Mechanical actuating means
    • F16K31/53—Mechanical actuating means with toothed gearing
    • F16K31/535—Mechanical actuating means with toothed gearing for rotating valves
    • F—MECHANICAL ENGINEERING; LIGHTING; HEATING; WEAPONS; BLASTING
    • F16—ENGINEERING ELEMENTS AND UNITS; GENERAL MEASURES FOR PRODUCING AND MAINTAINING EFFECTIVE FUNCTIONING OF MACHINES OR INSTALLATIONS; THERMAL INSULATION IN GENERAL
    • F16K—VALVES; TAPS; COCKS; ACTUATING-FLOATS; DEVICES FOR VENTING OR AERATING
    • F16K5/00—Plug valves; Taps or cocks comprising only cut-off apparatus having at least one of the sealing faces shaped as a more or less complete surface of a solid of revolution, the opening and closing movement being predominantly rotary
    • F16K5/06—Plug valves; Taps or cocks comprising only cut-off apparatus having at least one of the sealing faces shaped as a more or less complete surface of a solid of revolution, the opening and closing movement being predominantly rotary with plugs having spherical surfaces; Packings therefor

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Mechanical Engineering (AREA)
  • Processing Or Creating Images (AREA)

Abstract

본 발명에서는 사용자가 인터넷에 접속하여 웹상에서 실시간으로 개인의 의류 코디, 건축물의 배치 등을 할 수 있도록 하여 현재 이슈가 되고있는 인터넷 쇼핑몰에서도 유용하게 사용될 수 있는 월드 와이드 웹(WWW: World wide web)에서의 실시간 영상합성방법에 대하여 공개한다. 본 발명에 따른 월드 와이드 웹에서의 실시간 영상합성방법은 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하는 제 1 과정; 사용자가 합성하고자 하는 물체의 베이직 영상, 이 베이직 영상에 배치되는 데이터이미지를 선택하는 제 2 과정; 및, 사용자가 선택한 베이직 영상과 데이터이미지가 소정 데이터베이스로부터 추출되어 화면에 코디네이션 되는 제 3 과정을 기본으로 포함하고, 선택적으로 상기 과정에서 선택한 데이터이미지의 정보를 선택적으로 화면에 보여줄 수 있고 사용자에 의해 변경 여부를 선택할 수 있도록 할 수 있으며, 또한 사용자의 선택에 의해 화면에 합성된 영상물이 화면의 일정구획에 연속적으로 배치되거나 프린트 출력되도록 할 수 있는 것이다.

Description

월드 와이드 웹에서의 실시간 영상합성방법{Real-time image compound method in the world wide web}
본 발명은 월드 와이드 웹(WWW: World wide web)에서의 실시간 영상합성방법에 관한 것으로서, 보다 상세하게는 사용자가 인터넷에 접속하여 웹상에서 실시간으로 개인의 의류 코디, 건축물의 배치 등을 할 수 있도록 하여 현재 이슈가 되고있는 인터넷 쇼핑몰에서도 유용하게 사용될 수 있는 영상합성방법에 관한 것이다.
컴퓨터 분야에서 영상합성기술은 널리 쓰이고 있으나, 일반적으로는 독립된 프로그램을 이용하여 단독적으로 머리 합성 등에 사용되고 있는 정도이다. 이 기술은 프로그램 안에 제공되는 자료만을 합성할 수 있는 것으로, 그 자료가 한정되어 있기 때문에 수요자의 다양한 연출을 받아드리기 힘들고 또한 자료의 개수를 늘리고자 하는 경우에는 프로그램 자체를 수정해야 하는 등의 문제를 갖고 있다.
따라서 본 발명의 목적은 사용자가 인터넷에 접속하여 별도의 기술없이 웹상에서 영상의 크기 조절, 자동 합성 및 영상물의 이동이 가능토록 한 월드 와이드 웹에서의 실시간 영상합성방법을 제공하는 데에 있다.
본 발명의 다른 목적은 데이터베이스와 실시간 연동하여 무제한의 데이터들을 합성 가능토록 하여 데이터의 개수에 제한을 받지 않고 원하는 연출을 할 수 있도록 한 월드 와이드 웹에서의 실시간 영상합성방법을 제공하는 데에 있다.
즉, 본 발명은 아직까지 웹의 경우 웹 디자이너 또는 관리자 등이 만들어 놓은 틀 안에서만 동적으로 움직이는 영상물만을 다루었는데 반해, 선택적으로 어떠한 베이직 영상에 데이터이미지(제품이미지)를 입혀볼 수 있고, 또한 이들 영상물의 위치 및 크기를 선택적으로 조절 내지는 조정할 수 있도록 한 것이다. 예를 들면, 의류 코디의 경우에는 웹상에서 자신의 몸이나 마네킹 등의 체형 영상에 자신이 선택한 여러 가지 옷들을 입혀 볼 수 있고, 자동차에 적용하는 경우에는 자동차 외장을 자신이 직접 디자인 할 수 있으며, 또한 주택의 가구배치 등도 직접 해 볼 수 있다.
도 1은 본 발명에 따른 월드 와이드 웹에서의 실시간 영상합성에 필요한 자료를 가공하는 과정을 보인 순서도.
도 2는 본 발명에 따른 월드 와이드 웹에서의 실시간 영상합성방법에 설명하기 위한 순서도.
본 발명의 목적을 달성하기 위한 월드 와이드 웹에서의 실시간 영상합성방법은, 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하는 제 1 과정과; 사용자가 합성하고자 하는 물체의 베이직 영상, 이 베이직 영상에 배치되는 데이터이미지를 선택하는 제 2 과정; 및, 사용자가 선택한 베이직 영상과 데이터이미지가 소정 데이터베이스로부터 추출되어 화면에서 코디네이션 되는 제 3 과정을 포함하는 데에 특징이 있다.
또한 상기 과정에서 선택한 데이터이미지의 정보를 선택적으로 화면에 보여줄 수 있을 뿐 아니라 사용자에 의해 그 변경 여부를 선택할 수 있도록 할 수 있으며, 사용자의 선택에 의해 화면에 합성된 영상물이 화면의 일정구획에 연속적으로 배치되거나 프린트 출력되도록 할 수도 있다.
본 발명은 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하는 제 1 과정; 사용자가 합성하고자 하는 물체의 베이직 영상을 선택하여 화면으로 가져오는 제 2 과정; 및, 사용자의 선택하는 데이터이미지를 차례로 화면으로 가져와 베이직 영상에 코디네이션 되는 제 3 과정을 포함하여 구성될 수도 있다.
이 경우에 있어서도 선택한 데이터이미지의 정보를 차례로 화면에 보여주고 그 변경 여부를 선택할 수 있도록 할 수 있으며, 사용자의 선택에 의해 화면에 합성된 영상물이 화면의 일정구획에 연속적으로 배치되거나 프린트 출력되도록 할 수 있다.
이러한 본 발명의 과정은 사용자의 선택에 의해 프로그램이 구동되면서 진행되는 것으로, 여기에 사용되는 베이직 영상, 투명이미지로 구현된 데이터이미지 및 상기 데이터이미지의 정보, 위치 및 크기 등은 관리자에 의해 미리 소정의 데이터베이스에 저장된다. 또한 이들 데이터들은 관리자가 디지털카메라로 촬영하고 영상을 픽셀화하여 이미지 처리하고, 그 크기 및 위치 정보와 기타 제품 정보를 입력하는 과정에 의해 연속적으로 보충된다.
이하, 본 발명에 따른 월드 와이드 웹에서의 실시간 영상합성방법에 대한 바람직한 실시예를 보인 첨부도면을 참조하여 보다 상세히 설명하고자 한다.
도 1은 의류 코디를 위한 프로그램으로서 관리자에 의해 제품데이터를 가공하는 프로그램 순서를 보인 것이며, 이를 구체적으로 설명하면 다음과 같다.
먼저 관리자는 해당 웹을 구동하는 프로그램에 접속(S10)하여 관리자 메뉴에서 저장할 제품의 유형과 특징 등을 입력하여(S11) 데이터베이스(DB)에 저장하게 되고(S12), 또한 제품을 디지털카메라로 촬영하여 필셀화 한 제품의 투명이미지를 그 위치와 크기를 조정하여(S13)(S14) 역시 소정의 데이터베이스에 저장하게 되는데(S15), 이의 진행은 다음에 예시한 프로그램에 의해서 진행된다.
데이터의 입력과 저장 관련 프로그램(관리자 메뉴)
프로그램 관리자는 이 프로그램을 이용하여 제품의 유형과 특징, 기타일반정보, 제품이미지 및 그 위치와 크기 등을 데이터베이스에 입력하게 된다.
1) 제품의 유형 및 특징 입력
관리자는 이 프로그램에서 제시되는 소정의 테이블에서 제품의 유형 및 특징 등을 입력한다.
<%
On Error Resume Next
Sep = Request.QueryString("SEP")
'//////..<중략>
StrSQL = "SELECT MAX(" & col_1 & ") FROM " & tbl_name
Set tmpSeq = Session("Conn").Execute (strSQL)
If varType(tmpSeq(0)) = 1 OR varType(tmpSeq(0)) = 0 Then
Adcol_1 = 1
Else
Adcol_1 = cInt(tmpSeq(0)) + 1
End If
StrSQL_1 = "INSERT INTO " & tbl_name & " values(" & adcol_1 & ", '" & col_2 & "', '" & col_3 & "')"
If tbl_name = "NAME_CODE" Then
StrSQL_1 = strSQL_1 & "', '" & col_4 & "')"
Else
StrSQL_1 = strSQL_1 &" ')"
End
'//////..<하략>
%>
2) 제품이미지 입력
관리자는 이 프로그램을 통하여 상기에서와 같이 먼저 데이터베이스에 입력한 제품의 유형별로 관련정보와 제품이미지를 입력 저장한다. 여기서 관련정보로는 순번, 크기, 제품명, 상,하의간 넣어 입는가?, 위치, 옷의 폭과 길이, 제조회사명 등이 포함된다.
<%
On Error Resume Next
Session("Conn").RollBackTrans
serial = Request.Form("serial")
large = Request.Form("LARGE_CODE")
small = Request.Form("SMALL_CODE")
name = Request.Form("NAME_CODE")
zorder = Request.Form("ZORDER")
x_pos = Request.Form("FLD_X")
y_pos = Request.Form("FLD_Y")
p_width = Request.Form("pic_Width")
p_height = Request.Form("pic_Height")
pdt_path = Request.Form("pdt_path")
prepdt_path = Request.Form("prepdt_path")
desc = Request.Form("desc")
company_code = Request.Form("COMPANY_CODE")
tbl_name = "PRODUCT"
strSQL = "INSERT INTO PRODUCT VALUES ('" & serial & "' ,'" & large & "' ,'" & small & "' ,'" & name & "'," & zorder & ", " & x_pos & ", " & y_pos & ", " & p_width & ", " & p_height & ", '" & pdt_path & "', '" & prepdt_path & "', '" & desc & "', '" & company_code & "')"
Session("Conn").BeginTrans
Session("Conn").Execute strSQL
'//////..<하략>
%>
3) 제품이미지 데이터의 위치와 크기 조정
관리자는 이 프로그램 진행에 따라 별도 촬영한 제품 이미지 정보를 드래그 하여 각 베이직 영상의 크기에 맞게 픽셀화 및 투명 이미지화한 후 그 위치값과 크기값등을 부여하여 저장한다. 즉, 위치와 크기는 베이직 영상에 따라 달라지게 되므로 각 베이직 영상에 맞는 각각의 위치 및 크기 정보를 별도 저장하고 제품의 투명이미지는 상기 정보에 연동되도록 구성한다.
<SCRIPT LANGUAGE="JavaScript">
var incr = 10;
var flag = "fix";
var curTag;
/////////// 이미지를 Controller를 이용해 좌표와 넓이, 높이를 조정한다.
function beginculc() {
///// 이미지의 초기설정
FRONT_IMG.style.pixelWidth = 50;
FRONT_IMG.style.pixelHeight = 100;
posX = parseInt(FRONT_IMG.style.posLeft);
posY = parseInt(FRONT_IMG.style.posTop);
document.all.FLD_X.value = posX;
document.all.FLD_Y.value = posY;
pixWidth = FRONT_IMG.style.pixelWidth;
pixHeight = FRONT_IMG.style.pixelHeight;
document.all.pic_Width.value = pixWidth;
document.all.pic_Height.value = pixHeight;
}
function init(i) {
///// 프로그램 시작 전 변수의 초기화 1
incr = i;
}
function init_2(str) {
///// 프로그램 시작 전 변수의 초기화 2
flag = str;
}
function mvImg(str) {
///// controller를 이용해 이미지를 옮긴다
switch(str) {
case 'left':
FRONT_IMG.style.posLeft -= incr;
document.all.FLD_X.value = FRONT_IMG.style.posLeft;
break;
case 'right':
FRONT_IMG.style.posLeft += incr;
document.all.FLD_X.value= FRONT_IMG.style. posLeft;
break;
case 'up':
FRONT_IMG.style.posTop -= incr;
document.all.FLD_Y.value = FRONT_IMG.style. posTop;
break;
case 'down':
FRONT_IMG.style.posTop += incr;
document.all.FLD_Y.value = FRONT_IMG.style. posTop;
break;
}
}
function szImg(str) {
///// controller를 이용해 이미지의 크기를 조절한다.
switch(str) {
case "plus":
if(flag == "width") {
FRONT_IMG.style.pixelWidth += incr;
document.all.pic_Width.value = FRONT_IMG.style. pixelWidth;
}
else if(flag == "height") {
FRONT_IMG.style.pixelHeight += incr;
document.all.pic_Height.value =FRONT_IMG.style. pixelHeight;
}
else {
FRONT_IMG.style.pixelWidth += incr;
FRONT_IMG.style.pixelHeight += incr;
document.all.pic_Width.value = FRONT_IMG.style. pixelWidth;
document.all.pic_Height.value =FRONT_IMG.style. pixelHeight;
}
break;
case "minus":
if(flag == "width") {
FRONT_IMG.style.pixelWidth -= incr;
document.all.pic_Width.value = FRONT_IMG.style. pixelWidth;
}
else if(flag == "height") {
FRONT_IMG.style.pixelHeight -= incr;
document.all.pic_Height.value= FRONT_IMG.style. pixelHeight;
}
else
{
FRONT_IMG.style.pixelWidth -= incr;
FRONT_IMG.style.pixelHeight -= incr;
document.all.pic_Width.value = FRONT_IMG.style. pixelWidth;
document.all.pic_Height.value =FRONT_IMG.style. pixelHeight;
}
break;
}
}
//////////// 드래그 앤 드롭(Drag and drop)기능을 추가시켜 쉽게 위치를 잡을 수 있게 한다.
function startDrag() {
///// 드래그를 시작하였을 때, 실행되는 함수
var newLeft = 0;
var newTop = 0;
if ((event.button == 1) && (curTag != null)) {
newLeft = event.clientX - document.all.imgDiv.offsetLeft - parseInt((curTag.offsetWidth / 100));
document.all.FLD_X.value = parseInt(newLeft);
if (newLeft < 0)
newLeft = 0;
curTag.style.pixelLeft = newLeft;
newTop = event.clientY -document.all.imgDiv.offsetTop - parseInt((curTag.offsetHeight/ 100));
document.all.FLD_Y.value = parseInt(newTop);
if (newTop < 0)
newTop = 0;
curTag.style.pixelTop = newTop;
event.returnValue = false;
event.cancelBubble = true;
}
}
function dttDrag() {
///// 드래그가 시작 되었는지를 알아내는 함수
if ("IMG"==event.srcElement.tagName)
event.returnValue=false;
}
function initDrag() {
///// 드래그 프로그램이 시작되기전 변수와 객체의 초기화
if ((event.button==1) && (event.srcElement.tagName=="IMG"))
curTag = event.srcElement;
}
document.ondragstart = dttDrag;
document.onmousedown = initDrag;
document.onmousemove = startDrag;
document.onmouseup = new Function("curTag = null")
</SCRIPT>
<SCRIPT FOR="BACK_IMG" EVENT="onmousedown" LANGUAGE="JavaScript">
///// 배경이미지 드래그의 무효화
event.cancelBubble = true;
</SCRIPT>
도 2는 사용자가 웹상의 프로그램에 접속하여 의류 코디네이션을 하는 과정을 보인 것으로, 이 과정은 다음의 프로그램에 의해 진행된다.
먼저 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하여(S20), 사용자가 합성하고자 하는 물체의 베이직 영상 즉 체형을 선택한 후(S22) 차례대로 상,하의 여부, 옷 종류, 브랜드 등을 선택하면(S24) (S24a)(S24b) 이에 따른 결과rk 데이터베이스에서 검색되어 화면에 출력되고(S26) 별도의 지시된 화면을 출력하여 사용자의 선택에 따라 검색결과를 화면에 별도의 창을 만들어 넣거나(S28) 화면에 영상물의 코디네이션을 진행하여 출력하거나(S28a) 또는 사용자의 마음에 들지 않는 경우 처음으로 돌아가 다시 체형부터 다시 선택하는 과정을 진행하게 되는 것이다.
이하, 이 과정에 사용되는 일련을 프로그램을 소개하면 다음과 같다.
데이터의 검색 및 코디 관련 프로그램
1)데이터의 검색
웹 접속후 사용자는 다음의 프로그램의 진행에 따라 자신이 선택하고자 하는 체형 및 제품을 각 유형별로 선택하게 된다.
<%
On Error Resume Next
bodyType = Request.Cookies("selectedBodyType")
smallCode = Request.Form("SMALL_CODE")
nameCode = Request.Form("NAME_CODE")
companyCode = Request.Form("COMPANY_CODE")
strSQL_1 = "SELECT * FROM product WHERE sm_part='" & smallCode & "' AND na_part='" & nameCode & "' AND co_part='" & companyCode & "'"
Set Rs_1 = Server.CreateObject("ADODB.RecordSet")
Rs_1.Open strSQL_1, Session("Conn"), 1
i = 0
Do While NOT Rs_1.EOF
i = i + 1
Rs_1.MoveNext
Loop
Rs_1.MoveFirst
%>
//////..<중략>
<FORM Name="MYFORM" METHOD="POST" Action="addhanger.asp">
<%
br = Chr(13) & Chr(10)
Response.Write " <TABLE BORDER=0>" & br
i = 1
Do While NOT Rs_1.EOF
If i Then
Response.Write " <TR> <TD> <INPUT TYPE='RADIO'NAME= 'CLOTH'VALUE ='"& Rs_1(0) & "' CHECKED></TD>"
Response.Write "<TD>" & Rs_1(11) & br & "</TD>"
i = 0
Else
Response.Write " <TR> <TD> <INPUT TYPE='RADIO'NAME= 'CLOTH' VALUE='" & Rs_1(0) & "'></TD>"
Response.Write " <TD>" & Rs_1(11) & br
End If
Response.Write " </TR>" & br
Rs_1.MoveNext
Loop
%>
//////..<하략>
2) 검색된 데이터의 결과 출력
다름 프로그램에 의해 앞에서 검색하였던 결과를 보여줌과 동시에 화면에 합성된 결과를 보여주게 된다.
<%
On Error Resume Next
Dim product
Dim strSQL
Dim Rs
i = cInt(Session("NumRec"))
reDim product(i)
reDim strSQL(i)
reDim Rs(i)
bodyType = Request.Cookies("selectedBodyType")
//////..<중략>
If bodyType = 1 Then
addInt = tmp_1
subInt = tmp_2
ElseIf cInt(bodyType) = 2 Then
addInt = tmp_1
subInt = tmp_2
Else
addInt = tmp_1
subInt = tmp_2
End If
For j = 0 To i 1
Product(j) = Request.Cookies("selectedCodyProduct")("item"& j+1)
Next
For j = 0 To i 1
StrSQL(j) = "SELECT * FROM PRODUCT WHERE SERIAL_NUM='" & product(j) & "'"
Next
For j = 0 To i 1
Set Rs(j) = Server.CreateObject("ADODB.RecordSet")
Rs(j).Open strSQL(j), Session("Conn"), 1
Next
%>
<SCRIPT LANGUAGE="JavaScript">
function pos() {
<%
br = Chr(13) & Chr(10)
For j = 0 To i 1
Response.Write "FRONT_IMG_" & j + 1 & ".style.posTop = " & Rs(j)(6) & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.posLeft = " & Rs(j)(5) & "+" & subInt & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.pixelWidth = " & Rs(j)(7) & "+" & addInt & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.pixelHeight = " & Rs(j)(8) & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.zIndex = " & Rs(j)(4) & ";" & br & br
Next
%>
}
</SCRIPT>
//////..<중략>
<%
If cInt(bodyType) = 1 Then
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='./img/fata.jpg' STYLE= 'position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
ElseIf cInt(bodyType) = 2 Then
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='./img/middlea.jpg' STYLE ='position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
Else
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='./img/thina.jpg' STYLE ='position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
End If
For j = 1 To I
Response.Write "<DIV>"
Response.Write "<IMG ID='FRONT_IMG_" & j & "' SRC=" & Rs(j-1)(9) &"STYLE='position:absolute;top:-10;left:-10;width:10px;height:15px;z-order:1'>" & br
Response.Write "</DIV>"
Next
%>
//////..<하략>
3) 검색 결과 화면 보기
<%
''''''''''''''' <생략>
For j = 0 To i - 1
product(j) = Request.Cookies("selectedCodyProduct")("item" & j + 1)
Next
For j = 0 To i - 1
strSQL(j) = "SELECT * FROM PRODUCT WHERE SERIAL_NUM='" & product(j) & "'"
Next
For j = 0 To i - 1
Set Rs(j) = Server.CreateObject("ADODB.RecordSet")
Rs(j).Open strSQL(j), Session("Conn"), 1
Next
%>
//////.<중략>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function pos() {
///// 이미지의 위치와 넓이, 높이를 지정해줌
<%
br = Chr(13) & Chr(10)
For j = 0 To i - 1
Response.Write "FRONT_IMG_" & j + 1 & ".style.posTop = " & Rs(j)(6) & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.posLeft = " & Rs(j)(5) & "+" & subInt & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.pixelWidth = " & Rs(j)(7) & "+" & addInt & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.pixelHeight = " & Rs(j)(8) & ";" & br
Response.Write "FRONT_IMG_" & j + 1 & ".style.zIndex = " & Rs(j)(4) & ";" & br & br
Next
%>
}
</SCRIPT>
<!- <중략>
<BODY onload="pos();">
<Div ID="TITLE">
<H1> View </H1>
</DIV>
<%
'''''''''' 이미지의 실제 배치 HTML 처리
If cInt(bodyType) = 1 Then
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='/img/fata.jpg' STYLE='position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
ElseIf cInt(bodyType) = 2 Then
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='/img/middle.jpg' STYLE='position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
Else
Response.Write "<DIV>"
Response.Write "<IMG ID='BACK_IMG' SRC='/img/thina.jpg' STYLE='position:absolute; top:0; left:0'>"
Response.Write "</DIV>" & br
End If
For j = 1 To i
Response.Write "<DIV>"
Response.Write "<IMG ID='FRONT_IMG_" & j & "' SRC=" & Rs(j - 1)(9) & " STYLE='position:absolute;top:-10;left:-10;width:10px;height: 15px;z-order:1'>" & br
Response.Write "</DIV>"
Next
%>
////..<하략>
이상에서는 본 발명의 일예로서 의류 코디 과정에 대해 설명하였으나, 본 발명은 이것 뿐 아니라 웹을 통해 구현되는 모든 영상합성에 널리 이용될 수가 있는 것이다.
이상에서 상세히 설명하였듯이, 본 발명에 따른 월드 와이드 웹에서의 실시간 영상합성방법은 인터넷 통신을 통하여 소정의 베이직 영상에 각종 제품의 투명이미지를 실시간으로 코디네이션 할 수 있는 것으로, 각종 신제품의 투명이미지가 그때그때 관리자에 의해 가공 공급될 수 있어 인터넷 쇼핑몰, 의류 코디, 자동차 외장 도색 등의 널리 이용될 수 있는 획기적인 것이라 하겠다.

Claims (8)

  1. 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하는 제 1 과정; 사용자가 합성하고자 하는 물체의 베이직 영상, 이 베이직 영상에 배치되는 데이터이미지를 선택하는 제 2 과정; 및, 사용자가 선택한 베이직 영상과 데이터이미지가 소정 데이터베이스로부터 추출되어 화면에 코디 되는 제 3 과정을 포함하는 월드 와이드 웹에서의 실시간 영상합성방법.
  2. 제 1 항에 있어서, 상기 제 2 과정과 제 3 과정 사이에 제 2 과정에서 선택한 데이터이미지의 자료값을 화면에 보여주고 변경 여부를 선택할 수 있도록 한 것을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
  3. 제 1 항에 있어서, 상기 제 3 과정 후에 사용자의 선택에 의해 화면에 합성된 영상물이 화면의 일정구획에 연속적으로 배치되거나 프린트 출력되도록 한 것을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
  4. 제 1 항에 있어서, 상기 제 3 과정의 소정 데이터베이스에는 제품의 유형 및 특성 데이터들, 관리자가 디지털카메라로 촬영하고 픽셀화한 제품의 투명이미지 및 제품이미지의 크기와 이치 정보가 저장되어, 사용자가 선택한 제품의 유형 및 특성 데이터들과 화면의 베이직 영상의 크기와 위치에 맞는 제품의 투명 이미지를 추출하여 코디네이션 하도록 한 것임을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
  5. 사용자가 자신의 컴퓨터를 모뎀을 통하여 소정 프로그램에 의해 구동되는 웹에 접속하는 제 1 과정; 사용자가 합성하고자 하는 물체의 베이직 영상을 선택하여 화면으로 가져오는 제 2 과정; 및, 사용자의 선택하는 데이터이미지를 차례로 화면으로 가져와 베이직 영상에 코디 되는 제 3 과정을 포함하는 월드 와이드 웹에서의 실시간 영상합성방법.
  6. 제 5 항에 있어서, 상기 제 3 과정에서 선택한 데이터이미지 자료값이 차례로 화면에 보여주고 변경 여부를 선택할 수 있도록 한 것을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
  7. 제 5 항에 있어서, 상기 제 3 과정 후에 사용자의 선택에 의해 화면에 합성된 영상물이 화면의 일정구획에 연속적으로 배치되거나 프린트 출력되도록 한 것을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
  8. 제 1 항에 있어서, 상기 제 3 과정의 소정 데이터베이스에는 제품의 유형 및 특성 데이터들, 관리자가 디지털카메라로 촬영하고 픽셀화한 제품의 투명이미지 및 제품이미지의 크기와 이치 정보가 저장되어, 사용자가 선택한 제품의 유형 및 특성 데이터들과 화면의 베이직 영상의 크기와 위치에 맞는 제품의 투명 이미지를 추출하여 코디네이션 하도록 한 것임을 특징으로 하는 월드 와이드 웹에서의 실시간 영상합성방법.
KR1019990020238A 1999-06-02 1999-06-02 월드와이드웹에서의실시간영상합성방법 KR19990068557A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1019990020238A KR19990068557A (ko) 1999-06-02 1999-06-02 월드와이드웹에서의실시간영상합성방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1019990020238A KR19990068557A (ko) 1999-06-02 1999-06-02 월드와이드웹에서의실시간영상합성방법

Publications (1)

Publication Number Publication Date
KR19990068557A true KR19990068557A (ko) 1999-09-06

Family

ID=54776346

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1019990020238A KR19990068557A (ko) 1999-06-02 1999-06-02 월드와이드웹에서의실시간영상합성방법

Country Status (1)

Country Link
KR (1) KR19990068557A (ko)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20010037329A (ko) * 1999-10-15 2001-05-07 윤의섭 사이버 캐릭터 생성 및 이용시스템
KR20010037031A (ko) * 1999-10-13 2001-05-07 김창대 건설정보 웹사이트의 구성 및 운용방법
KR20010077107A (ko) * 2000-01-31 2001-08-17 김명기 인터넷 맞춤 상품 판매 방법
KR20010093913A (ko) * 2000-04-03 2001-10-31 한종훈 인터넷을 이용한 코디 서비스 시스템 및 그 방법
KR20010097449A (ko) * 2000-04-22 2001-11-08 박지영 가상 코디룸을 갖춘 인터넷 쇼핑몰과 이를 통한 역정보추출 방법
KR20010114089A (ko) * 2000-06-21 2001-12-29 최경덕 인터넷을 통한 안경 거래방법
KR20020002894A (ko) * 2000-06-30 2002-01-10 구자홍 다수 분류의 클라이언트를 위한 서비스 시스템 및 이시스템의 운영 방법
KR100376112B1 (ko) * 2000-06-26 2003-03-15 주식회사 시텍케이알 인터넷을 기반으로 하는 인체 합성 모델링 시스템 및제공방법
KR100385125B1 (ko) * 2000-04-29 2003-05-22 박성범 가상 의복착용 장치
KR100463033B1 (ko) * 2000-03-29 2004-12-23 주식회사 한올테크놀로지 전자 상거래에서 어울림테스트 제공장치 및 방법
KR100514757B1 (ko) * 2000-05-09 2005-09-15 (주)모즐 통신망을 통해 영상 합성 및 인식 기술을 이용한 의류판매 시스템 및 방법
KR100524382B1 (ko) * 1999-11-02 2005-10-28 마츠시다 덴코 가부시키가이샤 주거공간 관련 상품 판매 지원 시스템, 주거공간 관련상품 판매 지원 방법, 주거공간 관련 상품 판매 지원용프로그램 및 주거공간 관련 상품 판매 지원용 프로그램을기록한 컴퓨터 판독 가능한 기록 매체
KR100546591B1 (ko) * 2000-06-30 2006-01-26 엘지전자 주식회사 제품 판매 시스템 및 이 시스템을 이용한 온라인 서비스 제공 방법
US7353188B2 (en) 2000-06-30 2008-04-01 Lg Electronics Product selling system and method for operating the same

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20010037031A (ko) * 1999-10-13 2001-05-07 김창대 건설정보 웹사이트의 구성 및 운용방법
KR20010037329A (ko) * 1999-10-15 2001-05-07 윤의섭 사이버 캐릭터 생성 및 이용시스템
US7080096B1 (en) 1999-11-02 2006-07-18 Matsushita Electric Works, Ltd. Housing space-related commodity sale assisting system, housing space-related commodity sale assisting method, program for assisting housing space-related commodity sale, and computer-readable recorded medium on which program for assisting housing space-related commodity sale is recorded
KR100524382B1 (ko) * 1999-11-02 2005-10-28 마츠시다 덴코 가부시키가이샤 주거공간 관련 상품 판매 지원 시스템, 주거공간 관련상품 판매 지원 방법, 주거공간 관련 상품 판매 지원용프로그램 및 주거공간 관련 상품 판매 지원용 프로그램을기록한 컴퓨터 판독 가능한 기록 매체
KR20010077107A (ko) * 2000-01-31 2001-08-17 김명기 인터넷 맞춤 상품 판매 방법
KR100463033B1 (ko) * 2000-03-29 2004-12-23 주식회사 한올테크놀로지 전자 상거래에서 어울림테스트 제공장치 및 방법
KR20010093913A (ko) * 2000-04-03 2001-10-31 한종훈 인터넷을 이용한 코디 서비스 시스템 및 그 방법
KR20010097449A (ko) * 2000-04-22 2001-11-08 박지영 가상 코디룸을 갖춘 인터넷 쇼핑몰과 이를 통한 역정보추출 방법
KR100385125B1 (ko) * 2000-04-29 2003-05-22 박성범 가상 의복착용 장치
KR100514757B1 (ko) * 2000-05-09 2005-09-15 (주)모즐 통신망을 통해 영상 합성 및 인식 기술을 이용한 의류판매 시스템 및 방법
KR20010114089A (ko) * 2000-06-21 2001-12-29 최경덕 인터넷을 통한 안경 거래방법
KR100376112B1 (ko) * 2000-06-26 2003-03-15 주식회사 시텍케이알 인터넷을 기반으로 하는 인체 합성 모델링 시스템 및제공방법
KR20020002894A (ko) * 2000-06-30 2002-01-10 구자홍 다수 분류의 클라이언트를 위한 서비스 시스템 및 이시스템의 운영 방법
KR100546591B1 (ko) * 2000-06-30 2006-01-26 엘지전자 주식회사 제품 판매 시스템 및 이 시스템을 이용한 온라인 서비스 제공 방법
US7353188B2 (en) 2000-06-30 2008-04-01 Lg Electronics Product selling system and method for operating the same

Similar Documents

Publication Publication Date Title
KR19990068557A (ko) 월드와이드웹에서의실시간영상합성방법
US9619829B2 (en) Evolutionary content determination and management
US6879322B2 (en) Three-dimensional object display system, three-dimensional object display method and recording medium recording a three-dimensional object display program
US20060001665A1 (en) Color search engine
US7362922B2 (en) Image database apparatus and method of controlling operation of same
US20030103060A1 (en) Image editing via grid elements
US6643825B1 (en) Methods, systems, and computer program products for applying styles to host screens based on host screen content
JP6308602B2 (ja) 動画作成システム、動画作成方法、動画作成プログラム
CA2381328A1 (en) Automated product designer system and method
CN113680070A (zh) 虚拟交互对象浏览方法、装置、电子设备及存储介质
US20030137545A1 (en) Method for displaying photo pages on the internet
JPH10207941A (ja) 商品情報提供装置及び商品情報提供方法
JP2002132828A (ja) ブックマーク管理システム、これを記録したコンピュータ読み取り可能な記録媒体およびブックマーク管理装置
KR100378295B1 (ko) 인터넷 쇼핑몰 구성 및 제어방법
JP3348363B2 (ja) 図形情報表示装置および方法
CN112800360B (zh) 对象控制方法及装置
KR102585102B1 (ko) 메타버스 서비스를 이용한 위치 기반 증강 현실 시스템
KR20040079490A (ko) 멀티미디어전자책용 파일제작방법
JP2003308149A (ja) コンテンツ提供システム、画像表示装置、サーバ及びコンテンツの提供方法
Kawahara et al. Virtual fitting room with spoken dialogue interface
JP2002123718A (ja) 美術商品の選択システム
JP2002245337A (ja) 商品情報提供方法及びシステム並びに商品情報提供用プログラム及びプログラムを記録した記録媒体。
KR20010097449A (ko) 가상 코디룸을 갖춘 인터넷 쇼핑몰과 이를 통한 역정보추출 방법
Nguyen Building restaurant website for business use: Case Miyabi Sushi restaurant in Kokkola
JP2002366580A (ja) 情報検索結果とリンク関係にあるホームページの表示方法

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application