JP6587237B2 - Program, information processing method, image processing apparatus, and server - Google Patents
Program, information processing method, image processing apparatus, and server Download PDFInfo
- Publication number
- JP6587237B2 JP6587237B2 JP2015099695A JP2015099695A JP6587237B2 JP 6587237 B2 JP6587237 B2 JP 6587237B2 JP 2015099695 A JP2015099695 A JP 2015099695A JP 2015099695 A JP2015099695 A JP 2015099695A JP 6587237 B2 JP6587237 B2 JP 6587237B2
- Authority
- JP
- Japan
- Prior art keywords
- image data
- illustration
- image
- displayed
- display mode
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Description
本発明は、工事に関する画像処理技術に関する。 The present invention relates to an image processing technique related to construction.
土木や建築等の工事において作成される書類は、多数の関係者によって利用されるため、分かりやすいことが望ましい。公共工事等において、分かりやすく高品質の書類を作成できることは、工事を請け負う企業の技術力等の評価に影響し得る。そのため、近年、工事に関する書類作成には、イラスト等の画像の活用が求められることが多い。 It is desirable that documents created in civil engineering and construction work be easy to understand because they are used by many parties. The ability to create easy-to-understand and high-quality documents for public works can affect the evaluation of the technical capabilities of the companies that undertake the work. Therefore, in recent years, the use of images such as illustrations is often required for the creation of documents related to construction.
従来、コンピュータを用いて、画像を作成、編集する技術が提案されている。例えば、イラスト等の図形を編集できる図形編集システムが提案されている(例えば特許文献1を参照)。また、CAD(Computer Aided Design)等の作図機能を有する建築設計図作成用プログラムが提案されている(例えば特許文献2を参照)。 Conventionally, a technique for creating and editing an image using a computer has been proposed. For example, a graphic editing system capable of editing a graphic such as an illustration has been proposed (see, for example, Patent Document 1). In addition, an architectural design drawing creation program having a drawing function such as CAD (Computer Aided Design) has been proposed (for example, see Patent Document 2).
工事に関するイラスト等を描くには、画像編集用のソフトウェアの操作方法の習得や、作画能力が求められるため、工事関係者がイラスト等を描くことは簡単ではない場合がある。また、CADの作図機能を用いる場合には、CADのソフトウェアの操作方法の習得が求められる上に、作成される図面が説明に適した誇張等を有さず、分かりやすい図説のための所望の画像が得られないおそれがある。 In order to draw illustrations related to construction work, it is not easy to draw illustrations or the like for those involved in the construction work because it requires mastering the operation method of image editing software and drawing ability. In addition, when using the CAD drawing function, it is required to learn the CAD software operation method, and the drawing to be created does not have exaggeration suitable for explanation, and is desired for easy-to-understand illustrations. The image may not be obtained.
また、既に作画されたイラスト素材を用いて、イラストを作成することが考えられる。しかし、この場合、工事に関するイラスト素材を収集するための作業負担が生ずるおそれがある。また、個々のイラスト素材をそのままの表示態様で単に並べただけでは、所望の工事に関する画像を得られない場合がある。 It is also conceivable to create illustrations using already drawn illustration materials. However, in this case, there is a risk that a work burden for collecting illustration materials related to the construction may occur. Further, there are cases where an image relating to a desired construction cannot be obtained simply by arranging individual illustration materials in the display mode as they are.
このような状況に鑑み、本発明は、工事に関するイラスト等の画像について、編集された所望の画像を、より簡単に得ることができる情報処理技術を提供することを課題とする。 In view of such a situation, an object of the present invention is to provide an information processing technique that can more easily obtain a desired edited image for an image such as an illustration related to construction.
本発明では、上記課題を解決するために、以下の手段を採用した。すなわち、本発明は、次のプログラムである。工事に関する物または人を表す素材の画像に基づき工事に関する画像を生成するプログラムであって、ネットワークに接続されるコンピュータに、前記素材の画像データを格納する素材画像格納手段から、前記ネットワークを介して、前記素材の画像データを取得する素材取得ステップと、受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択ステップと、受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定ステップと、前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成ステップとを実行させるためのプログラム。 The present invention employs the following means in order to solve the above-described problems. That is, the present invention is the following program. A program for generating an image relating to construction based on an image of an object relating to construction or a material representing a person, from a material image storage means for storing image data of the material to a computer connected to the network, via the network A material acquisition step of acquiring image data of the material; a material selection step of selecting a material to be displayed from materials stored in the material image storage means according to an operation to be received; A display mode setting step for setting a display mode for the selected material to be displayed according to an operation to be accepted, and the set display mode based on image data of the material to be displayed. A program for executing an image generation step of generating image data including the display of the material.
このようなプログラムでは、工事に関する素材の画像データに基づいて、設定された表示態様に従った素材の表示を含む画像データが生成される。この際、複雑な編集操作を要さずに、素材の選択や表示態様の設定の操作によって、設定した表示態様に従って編集された画像を得ることが可能である。加えて、素材の画像データが素材画像格納手段からネットワークを介して取得されるので、基礎となる素材を収集する格段の作業負担を要さない。よって、工事に関するイラスト等の画像について、編集された所望の画像を、簡単に得ることができる。 In such a program, image data including the display of the material according to the set display mode is generated based on the image data of the material related to the construction. At this time, it is possible to obtain an image edited according to the set display mode by selecting a material and setting the display mode without requiring a complicated editing operation. In addition, since the image data of the material is acquired from the material image storage means via the network, no particular work load is required for collecting the basic material. Therefore, it is possible to easily obtain a desired edited image for an image such as an illustration related to construction.
また、本発明は、次の特徴を有するプログラムであってもよい。前記プログラムは、前記コンピュータで動作するWebブラウザ上で実行されるプログラムであり、前記画像生成ステップにおいて生成された画像データを、前記Webブラウザの表示画面に表示する画像表示ステップを更に前記コンピュータに実行させる。 Further, the present invention may be a program having the following characteristics. The program is a program executed on a Web browser operating on the computer, and further executes an image display step for displaying the image data generated in the image generation step on a display screen of the Web browser. Let
ここで、Webブラウザは、Webページを閲覧するためのソフトウェアである。上述のようなプログラムは、Webブラウザ上で実行されるため、インストール等の格別の準備作業を要さずに操作可能となる。そのため、コンピュータのデスクトップ環境上で動作するデスクトップアプリケーションと比べ、より簡単な作業で、工事に関する所望の画像を得ることができる。 Here, the web browser is software for browsing web pages. Since the program as described above is executed on the Web browser, it can be operated without special preparation work such as installation. Therefore, it is possible to obtain a desired image related to the construction with a simpler work compared to a desktop application that operates on a desktop environment of a computer.
また、本発明は、次の特徴を有するプログラムであってもよい。前記格納される素材の画像データは、前記素材において他の部分との位置関係が変化可能な部分である可動部の位置が互いに異なる、前記素材の複数の形体それぞれを表す画像データを含み、前記表示態様設定ステップでは、前記表示対象となる素材に対して、前記可動部の位置が互いに異なる複数の形体のうちの何れかが設定され、前記画像生成ステップでは、前記素材の表示態様に従った表示として、前記設定された形体の前記素材の表示を含む画像データが生成される。 Further, the present invention may be a program having the following characteristics. The image data of the stored material includes image data representing each of a plurality of features of the material, wherein the positions of movable parts that are portions where the positional relationship with other parts of the material can be changed are different from each other, In the display mode setting step, any of a plurality of shapes whose positions of the movable parts are different from each other is set for the material to be displayed. In the image generation step, the display mode of the material is followed. As the display, image data including a display of the material of the set feature is generated.
工事に関する画像の編集においては、パワーショベルにおけるアーム部等、可動する一部分のみを変位させた表示を得たいというニーズがある。このようなプログラムによれば、設定の操作によって、可動部が所望の位置にある表示を含む工事に関する画像を、簡単に得ることができる。 In image editing related to construction, there is a need to obtain a display in which only a movable part such as an arm portion of a power shovel is displaced. According to such a program, it is possible to easily obtain an image relating to construction including a display in which the movable part is in a desired position by a setting operation.
また、本発明は、次の特徴を有するプログラムであってもよい。前記表示態様設定ステップでは、所定の軌道上でスライド可能なつまみ部をスライドさせる操作が受け付けられ、前記つまみ部がスライドされた位置に応じて、前記可動部の位置が互いに異なる複数の形体のうちの何れかが設定される。 Further, the present invention may be a program having the following characteristics. In the display mode setting step, an operation of sliding a slidable knob portion on a predetermined trajectory is accepted, and the position of the movable portion is different from each other according to the position where the knob portion is slid. Is set.
ここで、つまみ部は、ディスプレイ等の表示におけるGUI(Graphical User Interface)上の部品である場合と、コンピュータの入力デバイス等が有する物理的な部品である場合との双方を含む。このようなプログラムによれば、つまみ部をスライドさせる操作によって、可動位置パラメタの値が設定され、可動部の位置が変位した形体の表示が得られるので、可動部が所望の位置にある表示を含む工事に関する画像を、直感的に分かりやすい好適な操作感で得ることができる。 Here, the knob portion includes both a case where it is a component on a GUI (Graphical User Interface) in display such as a display and a case where it is a physical component included in a computer input device or the like. According to such a program, the value of the movable position parameter is set by the operation of sliding the knob part, and the display of the shape in which the position of the movable part is displaced is obtained. It is possible to obtain an image related to construction including a suitable operation feeling that is easy to understand intuitively.
また、本発明は、次の特徴を有するプログラムであってもよい。前記素材画像格納手段に格納される少なくとも一部の素材の画像データは、重機を示す図形のデータである。 Further, the present invention may be a program having the following characteristics. The image data of at least a part of material stored in the material image storage means is graphic data indicating a heavy machine.
ここで、重機は、 工事の作業に用いられる機械類である。このようなプログラムによ
れば、重機を示す図形を用いて工事の作業の様子を示す画像を簡単に得ることができる。
Here, heavy machinery is machinery used for construction work. According to such a program, it is possible to easily obtain an image showing the state of the construction work using a figure indicating a heavy machine.
また、本発明は、次の特徴を有するプログラムであってもよい。前記素材画像格納手段に格納される少なくとも一部の素材の画像データは、工事の作業員を示す図形のデータである。 Further, the present invention may be a program having the following characteristics. The image data of at least a part of the material stored in the material image storage means is graphic data indicating a construction worker.
このようなプログラムによれば、工事の作業員を示す図形を用いて工事の作業の様子を示す画像を簡単に得ることができる。 According to such a program, it is possible to easily obtain an image showing the state of the construction work using the figure showing the construction worker.
また、本発明は、次の特徴を有するプログラムであってもよい。前記表示態様設定ステップでは、前記素材に対して、位置、大きさ、配色、または向きの少なくとも何れかが設定される。 Further, the present invention may be a program having the following characteristics. In the display mode setting step, at least one of position, size, color scheme, and orientation is set for the material.
このようなプログラムによれば、所望の位置、大きさ、配色、向きに設定された素材の表示を含む工事に関する画像を、簡単に得ることができる。 According to such a program, it is possible to easily obtain an image related to construction including display of a material set in a desired position, size, color scheme, and orientation.
また、本発明は、次の画像処理装置であってもよい。ネットワークに接続され、工事に関する物または人を表す素材の画像に基づき工事に関する画像を生成する画像処理装置であって、前記素材の画像データを格納する素材画像格納手段から、前記ネットワークを介して、前記素材の画像データを取得する素材取得手段と、受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択手段と、受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定手段と、前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成手段とを備える画像処理装置。 Further, the present invention may be the following image processing apparatus. An image processing apparatus that is connected to a network and generates an image related to construction based on an image of a material representing an object or person related to the construction, from a material image storage unit that stores image data of the material, via the network, A material acquisition unit that acquires image data of the material, and a material selection unit that selects a material to be displayed from materials stored in the material image storage unit according to an operation to be received. In accordance with the operation, display mode setting means for setting a display mode for the selected material to be displayed, and the set display mode based on the image data of the material to be displayed. And an image generation means for generating image data including display of the material.
また、本発明は、次のサーバであってもよい。端末と通信可能なサーバであって、工事に関する物または人を表す素材の画像データを格納する素材画像格納手段と、前記端末からアクセスがあった場合に、工事に関する画像を生成するためのプログラムを、前記アクセス元の端末へ送信するプログラム送信手段と、前記素材画像格納手段に格納された画像データを前記端末へ送信する素材画像送信手段とを備え、前記端末へ送信されるプログラムは、前記端末に、前記サーバから、前記素材画像格納手段に格納された素材の画像データを取得する素材取得ステップと、受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択ステップと、受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定ステップと、前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成ステップとを実行させる、サーバ。 Further, the present invention may be the following server. A server communicable with a terminal, comprising: material image storage means for storing image data of a material representing an object or person related to construction; and a program for generating an image relating to construction when accessed from the terminal A program transmission means for transmitting to the access source terminal; and a material image transmission means for transmitting the image data stored in the material image storage means to the terminal. Further, from the material acquisition step of acquiring the image data of the material stored in the material image storage means from the server, and the material in which the image data is stored in the material image storage means in accordance with the receiving operation, Depending on the material selection step for selecting the material to be displayed and the operation to be accepted, for the selected material to be displayed, A display mode setting step for setting a display mode, and an image generation step for generating image data including display of the material according to the set display mode based on image data of the material to be displayed Let the server.
また、本発明は、コンピュータその他の装置、機械等(以下、「コンピュータ等」とも表記する)が上述のプログラムを実行する情報処理方法としても把握することが可能である。また、本発明は、上述のプログラムをコンピュータ等が読み取り可能な記録媒体に記録したものとしても把握できる。ここで、コンピュータ等が読み取り可能な記録媒体とは、データやプログラム等の情報を電気的、磁気的、光学的、機械的、または化学的作用によって蓄積し、コンピュータ等から読み取ることができる記録媒体をいう。 The present invention can also be understood as an information processing method in which a computer or other device, machine, etc. (hereinafter also referred to as “computer etc.”) executes the above-described program. The present invention can also be understood as a program recorded on a computer-readable recording medium. Here, a computer-readable recording medium is a recording medium that stores information such as data and programs by electrical, magnetic, optical, mechanical, or chemical action and can be read from a computer or the like. Say.
本発明によれば、工事に関するイラスト等の画像について、編集された所望の画像を、より簡単に得ることができる。 According to the present invention, it is possible to more easily obtain a desired edited image for an image such as an illustration related to construction.
以下、本発明の実施の形態(以下、「本実施形態」とも表記する)を、図面に基づいて説明する。説明は、(1)システム構成、(2)機能構成、(3)処理の流れ、(4)作用効果、(5)変形例の順で記載される。なお、以下に説明する実施の形態は、本発明を実施する一例を示すものであって、本発明を以下に説明する具体的な構成に限定するものではない。 Hereinafter, embodiments of the present invention (hereinafter also referred to as “present embodiments”) will be described with reference to the drawings. The description will be described in the order of (1) system configuration, (2) functional configuration, (3) process flow, (4) operational effect, and (5) modification. The embodiment described below shows an example for carrying out the present invention, and the present invention is not limited to a specific configuration described below.
本実施形態では、土木工事に関するイラストの編集を支援するイラスト編集システムが実現される。イラスト編集システムを用いて編集されるイラストは、例えば、る施工手順を説明する施工手順書等の書類に挿入される、施工時の工事現場の様子を示すイラストである。なお、イラスト編集システムによって、建設工事に関するイラストの編集が支援されてもよい。また、イラスト編集システムの代わりに、イラストよりも写実的な画像等、イラスト以外の画像の編集を支援するシステムが採用されてもよい。 In the present embodiment, an illustration editing system that supports editing of illustrations related to civil engineering is realized. The illustration edited using the illustration editing system is an illustration showing a state of the construction site at the time of construction inserted into a document such as a construction procedure manual for explaining the construction procedure. The illustration editing system may support editing of illustrations related to construction work. Further, instead of the illustration editing system, a system that supports editing of images other than illustrations, such as images that are more realistic than illustrations, may be employed.
<システム構成>
図1は、本実施形態に係る端末及びサーバを含むイラスト編集システムのシステム構成を例示する図である。図1には、端末1、サーバ2、及びインターネット3が示されている。端末1及びサーバ2は、インターネット3を介して互いに通信可能である。
<System configuration>
FIG. 1 is a diagram illustrating a system configuration of an illustration editing system including a terminal and a server according to the present embodiment. In FIG. 1, a
端末1は、イラスト編集システムを利用するユーザが操作するコンピュータである。端末1は、「画像処理装置」の一例である。ユーザは、工事に関するイラストの編集や、編集したイラストを用いた工事の書類の作成を行うために端末1を用いる。端末1は、例えば、パーソナルコンピュータである。端末1は、Webページを閲覧するためのWebブラウザを搭載する。当該Webブラウザは、JavaScript(登録商標)等のスク
リプト実行環境を有し、HTML5(Hyper Text Markup Language 5)の閲覧に対応する。また、端末1は、書類を作成、編集するためのワープロや表計算のアプリケーションプログラムも搭載する。図1では、1台の端末1が例示されているが、イラスト編集システムは、イラスト編集システムを利用する複数のユーザが用いる複数台の端末1を有する。
The
端末1は、CPU(Central Processing Unit)11、RAM(Random Access Memory)12、ROM(Read Only Memory)13、及びHDD(Hard Disk Drive)等の補助記憶装置14を備える。また、端末1は、インターネット3に接続されるNIC(Network Interface Controller)15、マウスやタッチパネル等であるポインティングデバイス16、及びディスプレイ等である表示部17を備える。
The
CPU11は、中央処理装置であり、RAM12等に展開された各種プログラムの命令及びデータを処理することで、RAM12、補助記憶装置14等を制御する。RAM12は、主記憶装置であり、CPU11によって制御され、各種命令やデータが書き込まれ、読み出される。補助記憶装置14は、不揮発性の記憶装置であり、RAM12にロードされる各種プログラム等、永続性が求められる情報が書き込まれ、読み出される。
The
サーバ2は、端末1によってアクセスされるコンピュータである。サーバ2は、イラスト編集システムのユーザの管理やイラストの管理を司る。サーバ2は、アクセス元の端末1に対してWebページ等を提供するWebサーバとして機能する。
The
サーバ2は、CPU21、RAM22、ROM23、補助記憶装置24、及びインターネット3に接続されるNIC25を備えるコンピュータである。また、図1では、サーバ2が1台のコンピュータで例示されているが、サーバ2は、ネットワークで接続された複数台のコンピュータであってもよい。
The
インターネット3は、世界規模の公衆パケット通信網である。インターネット3は、端末1とサーバ2とを接続する。インターネット3は、「ネットワーク」の一例である。なお、インターネット3の代わりに、WAN(Wide Area Network)やその他のパケット通信網が採用されてもよい。
The
<機能構成>
図2は、本実施形態に係る各装置の機能構成を例示する図である。図2には、端末1及びサーバ2の主な機能構成が示されている。サーバ2の機能、端末1の機能の順に各機能を説明する。
<Functional configuration>
FIG. 2 is a diagram illustrating a functional configuration of each device according to the present embodiment. FIG. 2 shows main functional configurations of the
(サーバ2の機能)
サーバ2は、補助記憶装置24に記憶されているプログラムが、RAM22に読み出され、CPU21によって実行されることで、イラストデータベースD21、素材画像送信部F21、及びプログラム送信部F22を備えるコンピュータとして機能する。素材画像送信部F21及びプログラム送信部F22は、それぞれ、「素材画像送信手段」、及び「プログラム送信手段」の一例である。なお、本実施形態において、サーバ2の備える各機能は、汎用プロセッサであるCPU21によって実行されるが、これらの機能の一部または全部は、1または複数の専用プロセッサ、ハードウェアの演算回路等によって実行されてもよい。ここで、ハードウェアの演算回路とは、例えば、論理ゲートを組み合わせた加算回路、乗算回路、フリップフロップ等をいう。また、これらの機能の一部または全部は、別途のコンピュータにおいて実行されてもよい。
(Function of server 2)
The
イラストデータベースD21は、工事に関するイラストを編集するための各種情報を格納するデータベースである。イラストデータベースD21は、CPU21によって実行されるデータベース管理システム(DBMS)のプログラムが、補助記憶装置24に記憶されるデータを管理することで構築される。イラストデータベースD21は、例えば、リレーショナルデータベースである。イラストデータベースD21は、イラスト素材テーブル、及び保存テーブルを有する。
The illustration database D21 is a database that stores various types of information for editing illustrations related to construction. The illustration database D <b> 21 is constructed by managing data stored in the
図3Aは、イラスト素材テーブルのデータを例示する図である。イラストデータベースD21のイラスト素材テーブルは、工事で用いられる重機や工事に関わる作業員等の工事に関する物や人を題材としたイラストを表すイラスト素材(「素材」の一例)の画像データを格納する。本実施形態では、1または複数のイラスト素材を用いて、工事に関する単一のイラストが生成される。イラスト素材テーブルに格納されるレコード1件は、単一のイラスト素材を表すイラスト素材情報を示す。イラスト素材テーブルは、「素材画像格納手段」の一例である。 FIG. 3A is a diagram illustrating data of the illustration material table. The illustration material table of the illustration database D21 stores image data of an illustration material (an example of “material”) representing an illustration related to a work or a person related to the work such as a heavy machine used in the work or a worker involved in the work. In the present embodiment, a single illustration related to construction is generated using one or more illustration materials. One record stored in the illustration material table indicates illustration material information representing a single illustration material. The illustration material table is an example of “material image storage means”.
図3Aが示すように、イラスト素材テーブルのレコードは、名称、分類、可動有無、及び画像データのフィールドを有する。名称は、イラスト素材を識別する名称を表す。分類は、イラスト素材の分類を表し、「重機」、「作業員」、「工事看板」、「道具」、「地形」、「材料」等の値をとる。「重機」は、クレーン、パワーショベル、トラック等の工事で用いられる重機を表す。「作業員」は、施工担当者や交通誘導員等の工事に関わる作業員を表す。「工事看板」は各種工事看板を表し、「道具」は工事で用いられる各種道具を表し、「地形」は工事現場の地形を表し、「材料」はコンクリート等の各種材料を表す。 As shown in FIG. 3A, the record of the illustration material table includes fields for name, classification, availability of movement, and image data. The name represents a name for identifying the illustration material. The classification represents the classification of the illustration material and takes values such as “heavy machinery”, “worker”, “construction signboard”, “tool”, “terrain”, “material”, and the like. “Heavy equipment” represents heavy equipment used in the construction of cranes, power shovels, trucks, and the like. “Worker” represents a worker who is involved in the construction, such as a construction worker or a traffic guide. “Construction signboard” represents various construction signs, “tool” represents various tools used in the construction, “terrain” represents the topography of the construction site, and “material” represents various materials such as concrete.
可動有無は、イラスト素材における可動部の有無を表す。可動部は、イラスト素材において他の部分との位置関係が変化可能な部分であり、例えば、パワーショベルのイラスト素材におけるアーム部や、交通誘導を行う作業員のイラスト素材における腕である。本実施形態のイラスト素材は、可動部を有する可動イラスト素材と、可動部を有さない非可動イラストとに区分される。可動有無は、可動イラスト素材を示す「可動」、または非可動イラスト素材を示す「非可動」の値をとる。 The presence or absence of movement represents the presence or absence of a movable part in the illustration material. The movable portion is a portion in which the positional relationship with other portions can be changed in the illustration material, for example, an arm portion in an illustration material of a power shovel or an arm in an illustration material of a worker who performs traffic guidance. The illustration material of the present embodiment is divided into a movable illustration material having a movable part and a non-movable illustration having no movable part. The movable presence / absence takes a value of “movable” indicating a movable illustration material or “non-movable” indicating a non-movable illustration material.
画像データは、イラスト素材を題材の形体を表す図形等で表現した画像を示すデータである。本実施形態では、画像データは、ベクタ形式の画像データであり、具体的には、SVG(Scalable Vector Graphics)形式の値をとる。SVGは、XML(eXtensible Markup Language)で記述される2次元のベクタ形式の画像フォーマットである。イラスト素材が可動イラスト素材である場合、画像データは、可動部の位置が互いに異なる複数の形体のイラスト素材のデータを含む。本実施形態では、当該形体を「プリセットスタイル」と呼ぶ。本実施形態では、プリセットスタイルそれぞれが、スタイル番号によって識別される。可動イラスト素材の画像データは、複数のレイヤを有し、レイヤとスタイル番号の値とが1対1に対応付く。各レイヤは、スタイル番号に応じて可動部が変位した形体のイラスト素材それぞれを表す。なお、画像データは、複数のレイヤを有する代わりに、スタイル番号からプリセットスタイルを表す図形を導く関数を表すデータ(数式等)を有してもよい。 The image data is data indicating an image in which the illustration material is represented by a graphic or the like representing the shape of the subject material. In the present embodiment, the image data is vector format image data, and specifically takes a value in SVG (Scalable Vector Graphics) format. SVG is a two-dimensional vector format image format described in XML (extensible Markup Language). When the illustration material is a movable illustration material, the image data includes data of illustration materials of a plurality of shapes whose positions of the movable parts are different from each other. In this embodiment, the feature is referred to as a “preset style”. In this embodiment, each preset style is identified by a style number. The image data of the movable illustration material has a plurality of layers, and the layer and the style number value have a one-to-one correspondence. Each layer represents the illustration material of the form in which the movable part is displaced according to the style number. Note that the image data may include data (formula etc.) representing a function for deriving a graphic representing the preset style from the style number instead of having a plurality of layers.
図3Aにおいて、画像G1及びG2は、画像データが示す各プリセットスタイルの表示例を示す。G1は、イラスト素材テーブルの2行目のパワーショベルの可動イラスト素材について、スタイル番号の値1〜4に対応するプリセットスタイルの表示例を示す。各表示例では可動部であるアーム部G11の本体部G12との位置関係が異なっている。G1が示すように、アーム部G11は、複数の図形パーツからなり、各表示例では、各図形パーツが、平行移動や回転移動等を行った関係になっている。なお、各プリセットスタイル
の可動部は、互いに変形を行った関係を有してもよい。一方、G2は、イラスト素材テーブルの3行目の作業員の可動イラスト素材について、スタイル番号の値1〜7に対応するプリセットスタイルの表示例を示す。各表示例では、可動部である腕部の胴部との位置関係が異なる。
In FIG. 3A, images G1 and G2 show display examples of each preset style indicated by the image data. G1 shows a display example of preset styles corresponding to style number values 1 to 4 for the movable illustration material of the power shovel in the second row of the illustration material table. In each display example, the positional relationship between the arm part G11 which is a movable part and the main body part G12 is different. As indicated by G1, the arm part G11 is composed of a plurality of graphic parts. In each display example, the graphic parts are in a relationship of performing parallel movement, rotational movement, or the like. It should be noted that the movable parts of the preset styles may have a relationship obtained by deforming each other. On the other hand, G2 shows a display example of preset styles corresponding to style number values 1 to 7 for the movable illustration material of the worker in the third row of the illustration material table. In each display example, the positional relationship between the arm portion, which is a movable portion, and the trunk portion is different.
なお、本実施形態では、イラストに関する画像のデータがSVG形式で取り扱われる。また、イラストに関する画像のデータは、好ましくは、拡大や回転等の編集に対する画像処理に適するラスタ形式であるが、全部または一部がラスタ形式であってもよい。 In the present embodiment, image data related to an illustration is handled in the SVG format. The image data relating to the illustration is preferably in a raster format suitable for image processing for editing such as enlargement or rotation, but all or part of the data may be in the raster format.
図3Bは、保存テーブルのデータを例示する図である。イラストデータベースD21の保存テーブルは、イラスト編集システムのユーザが編集したイラストである編集イラストを保存するために用いられる。保存テーブルに格納されるレコード1件は、保存される単一の編集イラストの情報を示す。 FIG. 3B is a diagram illustrating data in the storage table. The storage table of the illustration database D21 is used for storing edited illustrations that are illustrations edited by the user of the illustration editing system. One record stored in the storage table indicates information of a single edited illustration to be stored.
図3Bが示すように、保存テーブルのレコードは、ユーザID、保存名称、及び画像データのフィールドを有する。ユーザIDは、保存される編集イラストを編集したユーザを識別するIDである。本実施形態のイラスト編集システムでは、各ユーザがユーザIDで識別される。保存名称は、保存される編集イラストを識別する名称である。画像データは、保存される編集イラストを表す画像データであり、SVG形式のデータである。 As shown in FIG. 3B, the record of the storage table includes fields for a user ID, a storage name, and image data. The user ID is an ID for identifying the user who edited the edited illustration to be saved. In the illustration editing system of this embodiment, each user is identified by a user ID. The saved name is a name for identifying the edited illustration to be saved. The image data is image data representing an edited illustration to be saved, and is SVG format data.
素材画像送信部F21は、イラストデータベースD21のイラスト素材テーブルに格納されたイラスト素材の画像データを要求元の端末1へ送信する。
The material image transmission unit F21 transmits the image data of the illustration material stored in the illustration material table of the illustration database D21 to the requesting
プログラム送信部F22は、編集開始要求を端末1から受信した場合に、補助記憶装置24に記憶されているイラスト編集プログラムを、要求元の端末1へ送信する。ここで、イラスト編集プログラムは、イラスト編集のためのユーザインタフェースを提供するプログラムである。本実施形態のイラスト編集プログラムは、JavaScript(登録商標)で記述され、Webブラウザのスクリプト実行環境で実行される。イラスト編集プログラムは、Webサーバとして機能するサーバ2と協調して動作するため、いわゆるWebアプリケーションにあたる。
When the program transmission unit F22 receives an editing start request from the
(端末1の機能)
端末1では、補助記憶装置14に記憶され、RAM12に読み出されるWebブラウザのプログラムや、サーバ2から受信されるイラスト編集プログラム等のプログラムが、CPU11によって実行される。これらのプログラムが実行されることで、端末1は、素材取得部F11、素材選択部F12、表示態様設定部F13、画像生成部F14、及び画像表示部F15を備えるコンピュータとして機能する。素材取得部F11、素材選択部F12、表示態様設定部F13、画像生成部F14は、それぞれ、「素材取得手段」、「素材選択手段」、「表示態様設定手段」、及び「画像生成手段」の一例である。なお、本実施形態において、端末1の備える各機能は、汎用プロセッサであるCPU11によって実行されるが、これらの機能の一部または全部は、1または複数の専用プロセッサ、ハードウェアの演算回路等によって実行されてもよい。また、これらの機能の一部または全部は、別途のコンピュータにおいて実行されてもよい。
(Function of terminal 1)
In the
素材取得部F11は、インターネット3を介して、サーバ2のイラストデータベースD21からイラスト素材の画像データを取得する。素材選択部F12は、ユーザから受け付ける操作に応じて、サーバ2のイラストデータベースD21に格納されるイラスト素材のうちから、表示対象となるイラスト素材を選択する。表示態様設定部F13は、ユーザから受け付ける操作に応じて、表示対象となるイラスト素材に対する表示態様として、スタイル番号、位置、大きさ、配色、向き等を設定する。画像生成部F14は、表示対象とな
るイラスト素材の画像データに基づいて、設定された表示態様に従ったイラスト素材の表示それぞれを含む、工事に関する編集イラストの画像データを生成する。画像表示部F15は、画像生成部F14によって生成された画像データを、Webブラウザの表示画面に表示する。
The material acquisition unit F11 acquires image data of illustration materials from the illustration database D21 of the
<処理の流れ>
本実施形態におけるイラスト編集システムの主な処理の流れを説明する。なお、ここで説明される処理の内容及び順序は一例であり、処理の内容及び順序には、実施の形態に適したものが適宜採用されることが好ましい。
<Process flow>
The main processing flow of the illustration editing system in this embodiment will be described. Note that the contents and order of the processes described here are merely examples, and it is preferable to appropriately adopt the contents and order of the processes as appropriate for the embodiment.
図4A及び図4Bは、イラスト編集の処理の流れを例示するシーケンス図である。図4Aが先行する処理の流れを示し、図4Bが図4Aに後続する処理の流れを示す。この処理の流れでは、端末1を操作するユーザがイラスト編集を開始し、編集されたイラストが出力されるまでの一連の流れが例示される。この処理の流れは、端末1がユーザの操作に応じて、イラスト編集を開始するためのWebアクセスをサーバ2に対して行ったことを契機に開始する。当該Webアクセスは、例えば、サーバ2が提供するユーザ認証用のWebページであるログインページにおいて、ユーザID及びパスワードが入力されて送信ボタンが押下された場合に発生する。本実施形態では、ログイン機能によりユーザが認証された上で、イラスト編集が開始される。
4A and 4B are sequence diagrams illustrating the flow of illustration editing processing. FIG. 4A shows the flow of processing that precedes, and FIG. 4B shows the flow of processing that follows FIG. 4A. In this processing flow, a series of flow from the start of illustration editing by the user operating the
ステップS101では、端末1が、ユーザの認証情報を含む編集開始要求をサーバ2へ送信する。具体的には、編集開始要求は、認証情報としてのユーザIDとパスワードとの組を含むHTTP(Hypertext Transfer Protocol)のリクエストメッセージである。編集開始要求には、所定のURL(Uniform Resource Locator)が設定される。
In step S <b> 101, the
ステップS102では、サーバ2が、編集開始要求を受信し、受信した編集開始要求に含まれる認証情報に基づいてユーザの認証処理を実行する。具体的には、認証情報であるユーザIDとパスワードとの組の正しい値であることを確認する。ユーザIDとパスワードとの組が正しい値であり、ユーザの認証処理が成功した場合、サーバ2の処理はステップS103へ進む。なお、ユーザの認証が失敗した場合は、イラスト編集の処理の流れは終了する。
In step S102, the
ステップS103では、サーバ2のプログラム送信部F22が、イラスト編集を行うためのイラスト編集画面を表すWebページを、編集開始要求の要求元の端末1へ送信する。具体的には、ステップS101で送信されたリクエストメッセージに対するレスポンスであり、当該Webページを示すHTMLデータを含むレスポンスメッセージが送信される。ここで、HTMLデータには、イラスト編集を実現するスクリプトであるイラスト編集プログラムのデータが含まれる。
In step S103, the program transmission unit F22 of the
ステップS104では、端末1が、イラスト編集画面を表すWebページのレスポンスメッセージを受信し、端末1で動作するWebブラウザがイラスト編集画面を表示部17に表示する。ここでは、Webブラウザのスクリプト実行環境において、当該Webページを示すHTMLデータに含まれるイラスト編集プログラムが起動され、起動されたイラスト編集プログラムによってイラスト編集画面の表示が実現される。イラスト編集プログラムは、イラスト編集画面を介して、ポインティングデバイス16によるユーザ操作を受け付け、受け付けたユーザ操作に応じたイラストの編集を処理する。なお、イラスト編集プログラムは、ステップS103で送信されるレスポンスメッセージの受信とは別途の通信によってサーバ2から受信(ダウンロード)されてもよい。
In step S104, the
図5Aは、イラスト編集画面を例示する図である。図5Aには、イラスト編集プログラムの起動直後において、編集イラストが空の状態のイラスト編集画面が示されている。当該イラスト編集画面は、Webブラウザのウィンドウ内に表示される。図5Aのイラスト編集画面には、編集領域SC101、イラスト読み込みボタンSC111、色変更ボタンSC112、回転ボタンSC113、拡大コマンドボタンSC114、Myイラスト箱ボタンSC115、画像読み込みボタンSC116、描画・編集ボタンSC121、イラスト保存ボタンSC122、及び表示順入れ替え操作領域SC131が配置される。 FIG. 5A is a diagram illustrating an illustration editing screen. FIG. 5A shows an illustration editing screen in which the edited illustration is empty immediately after the illustration editing program is started. The illustration editing screen is displayed in the window of the Web browser. The illustration editing screen of FIG. 5A includes an editing area SC101, an illustration reading button SC111, a color change button SC112, a rotation button SC113, an enlarge command button SC114, a My illustration box button SC115, an image reading button SC116, a drawing / editing button SC121, an illustration. A save button SC122 and a display order changing operation area SC131 are arranged.
編集領域SC101は、編集中の編集イラストが表示される領域であり、編集イラスト全体を構成する個々のイラスト素材や図形等のイラスト要素が表示される。編集領域SC101の表示は、端末1の画像生成部F14及び画像表示部F15によって実現される。画像生成部F14は、編集イラストに含まれるイラスト要素それぞれを、設定された表示態様に従って表したSVG形式の画像データを生成し、管理する。画像表示部F15は、生成されたSVG形式の画像データを、Webブラウザが有するSVGのレンダリングエンジンにレンダリング処理させて、編集領域SC101に表示する。
The editing area SC101 is an area for displaying an editing illustration being edited, and displays illustration elements such as individual illustration materials and figures constituting the entire editing illustration. The display of the editing area SC101 is realized by the image generation unit F14 and the image display unit F15 of the
イラスト読み込みボタンSC111は、イラスト素材を読み込み機能を起動するボタンである。色変更ボタンSC112は、イラスト素材の色(線色、塗色等)の変更機能を起動するボタンである。回転ボタンSC113は、イラスト素材を回転する機能を起動するボタンである。拡大コマンドボタンSC114は、イラスト素材の拡大縮小機能を起動するボタンである。Myイラスト箱ボタンSC115は、サーバ2に保存されているユーザの編集イラストを読み込む機能を起動するボタンである。画像読み込みボタンSC116は、イラストの背景となる画像を読み込む機能を起動するボタンである。描画・編集ボタンSC121は、各種図形を描画、編集する機能を起動するボタンである。イラスト保存ボタンSC122は、編集したイラストをサーバ2に保存する機能を起動するボタンである。
The illustration reading button SC111 is a button for starting an illustration material reading function. The color change button SC112 is a button for activating a function for changing the color (line color, paint color, etc.) of the illustration material. The rotation button SC113 is a button for starting a function of rotating the illustration material. The enlargement command button SC114 is a button for starting an illustration material enlargement / reduction function. The My illustration box button SC115 is a button for starting a function of reading the user's edited illustration stored in the
表示順入れ替え操作領域SC131は、編集イラストを構成する各イラスト要素(イラスト素材や図形等)の表示順を設定する操作を行う領域である。本実施形態では、いわゆるレイヤ機能が実装され、各イラスト要素の表示が重なり合う領域には、各イラスト要素に対して設定された表示順に従って、優先されるイラスト要素が表示される。 The display order changing operation area SC131 is an area for performing an operation for setting the display order of each illustration element (illustration material, figure, etc.) constituting the edited illustration. In the present embodiment, a so-called layer function is implemented, and in a region where the display of each illustration element overlaps, priority illustration elements are displayed according to the display order set for each illustration element.
図5Bは、編集中におけるイラスト編集画面を例示する図である。図5Bの編集領域SC101には、パワーショベル、トラック、作業員等のイラスト素材や、地面を表す図形SC151等のイラスト要素が配置されている。図5Bには、パワーショベルを表すイラスト素材が選択されており、選択されている要素を表す選択枠SC102が表示されている。また、図5Bには、選択されている可動イラスト素材のプリセットスタイルを変更するための設定バーSC141及びプリセットスタイルを確定するための確定ボタンSC143が示されている。設定バーSC141は、画面横方向を長手とする所定の棒状領域の上でつまみ部をスライドさせる操作を受け入れるGUI部品(いわゆるスライダ)である。設定バーSC141及び確定ボタンSC143は、プリセットスタイルを変更する機能が起動されている場合に表示される。プリセットスタイルの変更の詳細については後述する。 FIG. 5B is a diagram illustrating an illustration editing screen during editing. In the editing area SC101 of FIG. 5B, illustration materials such as a power shovel, a truck, and a worker, and illustration elements such as a graphic SC151 representing the ground are arranged. In FIG. 5B, an illustration material representing a power shovel is selected, and a selection frame SC102 representing the selected element is displayed. FIG. 5B also shows a setting bar SC141 for changing the preset style of the selected movable illustration material and a confirm button SC143 for confirming the preset style. The setting bar SC141 is a GUI component (a so-called slider) that accepts an operation of sliding the knob on a predetermined bar-shaped area having the longitudinal direction in the horizontal direction of the screen. The setting bar SC141 and the confirmation button SC143 are displayed when the function for changing the preset style is activated. Details of the preset style change will be described later.
ここで、ユーザが、イラスト編集画面におけるイラスト読み込みボタンSC111の押下し、イラスト編集プログラムによって編集イラストを読み込む機能が起動されたとする。ステップS105〜S109では、イラスト素材が読み込まれ、画像生成部F14によって管理される編集イラストに追加される。なお、ここでは単一のイラスト素材の読み込みについて説明するが、複数のイラスト素材が編集イラストに順に追加されてもよい。 Here, it is assumed that the user presses the illustration reading button SC111 on the illustration editing screen and the function of reading the edited illustration is started by the illustration editing program. In steps S105 to S109, the illustration material is read and added to the edited illustration managed by the image generation unit F14. Although reading of a single illustration material will be described here, a plurality of illustration materials may be added to the edited illustration in order.
まず、ステップS105では、端末1のイラスト編集プログラムが、イラスト編集画面におけるイラスト読み込みボタンSC111の押下を検出する。次に、ステップS106では、端末1の素材取得部F11が、イラスト素材のリストを要求する素材リスト要求をサーバ2へ送信する。
First, in step S105, the illustration editing program of the
次に、ステップS107では、サーバ2の素材画像送信部F21が、素材リスト要求を受信し、イラスト素材のリストを要求元の端末1へ送信する。具体的には、サーバ2は、イラストデータベースD21のイラスト素材テーブルに格納される各イラスト素材の名称及び画像データのリストを生成して送信する。
Next, in step S107, the material image transmission unit F21 of the
次に、ステップS108では、端末1の素材取得部F11が、イラスト素材のリストを受信し、受信したイラスト素材のリストに基づいて、イラスト素材を選択するためのイラスト素材選択画面を表示する。なお、ステップS106〜S108は、「素材取得ステップ」の一例である。本実施形態では、端末1が、イラスト素材の画像データをリストとしてまとめて取得するが、イラスト素材の画像データは、必要に応じて個別に取得されてもよい。
Next, in step S108, the material acquisition unit F11 of the
図6は、イラスト素材選択画面を例示する図である。イラスト素材選択画面では、分類タブSC201によって選択されている分類に属する各イラスト素材が、名称とイラストとを用いて選択領域S211に表示される。可動部を有する可動イラスト素材については、可動部が代表の位置にあるイラスト(例えばスタイル番号が1であるプリセットスタイル)が表示される。図6の選択領域S211には、重機に分類されるイラスト素材が表示されている。ユーザは、端末1のポインティングデバイス16等によって、表示されたイラスト素材のうちの何れか1つを選択可能である。
FIG. 6 is a diagram illustrating an illustration material selection screen. In the illustration material selection screen, each illustration material belonging to the category selected by the category tab SC201 is displayed in the selection area S211 using the name and the illustration. For a movable illustration material having a movable part, an illustration (for example, a preset style with a style number of 1) where the movable part is in a representative position is displayed. In the selection area S211 of FIG. 6, illustration materials classified as heavy machinery are displayed. The user can select any one of the displayed illustration materials by using the
次に、ステップS109では、端末1の素材選択部F12が、イラスト素材選択画面を介して、イラスト素材を選択する操作を受け付け、受け付けた操作に応じて、新たに表示対象となるイラスト素材を選択する。当該選択後、Webブラウザの表示は、イラスト素材選択画面からイラスト編集画面へ切り替わる。選択されたイラスト素材は、画像生成部F14によって管理される編集イラストのイラスト要素として追加され、イラスト編集画面の編集領域SC101に表示されることになる。ステップS109は、「素材選択ステップ」の一例である。
Next, in step S109, the material selection unit F12 of the
ここでは、ユーザが、イラスト編集画面の編集領域SC101に表示される可動イラスト素材を選択し、当該選択された可動イラスト素材に対するプリセットスタイルの変更の操作を行ったとする。例えば、プリセットスタイルは、可動イラスト素材を選択した後において、ポインティングデバイス16の右クリック操作があった場合に表示されるコンテキストメニューから変更可能である。表示されるコンテキストメニューには、プリセットスタイルの変更するためのメニュー項目が含まれる。
Here, it is assumed that the user selects a movable illustration material displayed in the editing area SC101 of the illustration editing screen and performs an operation of changing a preset style for the selected movable illustration material. For example, the preset style can be changed from a context menu displayed when a right-click operation of the
ステップS110では、端末1において、ユーザが選択した可動イラスト素材に対して、設定されるプリセットスタイルが変更され、可動部の表示が編集される。プリセットスタイルは、上述の図5Bにおける設定バーSC141等の操作によって変更される。
In step S110, the preset style set for the movable illustration material selected by the user is changed in the
図7Aは、重機の可動部編集処理におけるユーザインタフェースを説明する説明図である。図7Aには、重機に属する可動イラスト素材の一例であるパワーショベルについて、その可動部であるアーム部の位置が各位置に変位した形体である4つのプリセットスタイルが示されている。各プリセットスタイルには、それぞれ、スタイル番号の値1〜4が割り当てられている。ポインティングデバイス16のドラッグ等によって、設定バーSC141におけるつまみ部SC142が左右にスライドされると、編集対象のパワーショベル
に対して設定されたスタイル番号の値がスライド先の位置に応じて変化する。変化したスタイル番号の値に応じて、編集対象のパワーショベルのプリセットスタイルが変更され、表示されるパワーショベルのアーム部の位置が変化する。
FIG. 7A is an explanatory diagram illustrating a user interface in the movable unit editing process of the heavy machinery. FIG. 7A shows four preset styles of a power excavator that is an example of a movable illustration material belonging to a heavy machine, in which the position of an arm portion that is a movable portion is displaced to each position.
図7Bは、作業員の可動部編集処理におけるユーザインタフェースを説明する説明図である。図7Bには、可動イラスト素材の一例である旗を握って交通誘導を行う作業員について、その可動部である腕の位置が各位置に変位した形体である7つのプリセットスタイルが示されている。各プリセットスタイルには、それぞれ、スタイル番号の値1〜7が割り当てられている。ポインティングデバイス16のドラッグ等によって、設定バーSC141におけるつまみ部SC142が左右にスライドされると、編集対象の作業員に設定されたスタイル番号の値がスライド先の位置に応じて変化する。変化したスタイル番号の値に応じて、作業員のプリセットスタイルが変更され、表示される作業員の腕の位置が旗とともに変化する。
FIG. 7B is an explanatory diagram illustrating a user interface in the movable part editing process of the worker. FIG. 7B shows seven preset styles that are shapes in which the position of the arm, which is a movable part, is displaced to each position for a worker who holds a flag, which is an example of a movable illustration material, and guides traffic. .
このようなスライド操作によって、可動イラスト素材を可動部を動かすような操作感で、プリセットスタイルを変更できる。変更されたプリセットスタイルは、確定ボタンSC143の押下により確定する。このようなユーザインタフェースを実現するステップS110の可動部の編集の処理の詳細については、後述する。 By such a slide operation, the preset style can be changed with an operation feeling that moves the movable part of the movable illustration material. The changed preset style is confirmed by pressing the confirm button SC143. Details of the edit processing of the movable part in step S110 for realizing such a user interface will be described later.
ここで、ユーザが、イラスト編集画面の編集領域SC101に表示されるイラスト素材を、ポインティングデバイス16を用いてドラッグし、編集領域SC101内でドロップする操作をしたとする。ステップS111では、端末1の表示態様設定部F13が、イラスト素材の位置を変更する操作(ドラッグ及びドロップ)を受け付け、受け付けた操作に従って、イラスト素材の表示位置をドロップ先の位置に設定する。
Here, it is assumed that the user has dragged the illustration material displayed in the editing area SC101 of the illustration editing screen using the
ステップS111の後、処理の流れは図4Bへ続く。ここで、ユーザが、イラスト編集画面の描画・編集ボタンSC121を押下したことを契機に、イラスト編集プログラムによって、各種図形を描画、編集する機能が起動されたとする。ステップS112では、端末1において、ユーザの操作に応じて図形が描画、編集される。
After step S111, the process flow continues to FIG. 4B. Here, it is assumed that when the user presses the drawing / editing button SC121 on the illustration editing screen, a function for drawing and editing various graphics is started by the illustration editing program. In step S112, the
図8は、図形描画の例を説明する説明図である。図8には、地面を表す多角形を描画する様子が例示されている。図8に示すように、目安となる格子状のグリッド線が画面に表示され(A)、ユーザがポインティングデバイス16を用いてクリック操作をしてグリッド線の格子点を指定すると(B)、指定した格子点を頂点とした多角形が描画される(C)。当該多角形の境界線で囲まれた内部を特定色で塗りつぶすこともできる(D)。当該多角形を示す図形は、画像生成部F14が管理する編集イラストに、イラスト要素として追加される。
FIG. 8 is an explanatory diagram illustrating an example of drawing graphics. FIG. 8 illustrates a state in which a polygon representing the ground is drawn. As shown in FIG. 8, a reference grid line is displayed on the screen (A). When the user performs a click operation using the
ここで、ユーザが、イラスト編集画面の編集領域SC101内のイラスト素材を選択した後、回転ボタンSC113や拡大コマンドボタンSC114を押下したとする。この場合、イラスト編集プログラムによって、イラスト素材の回転機能や拡大縮小機能が起動される。ステップS113では、端末1の表示態様設定部F13が、ユーザの操作を受け付け、受け付けた操作に応じて、イラスト素材の表示の向きや大きさの設定を変更する。
Here, it is assumed that the user selects an illustration material in the editing area SC101 of the illustration editing screen and then presses the rotation button SC113 or the enlargement command button SC114. In this case, the illustration editing program activates a rotation function and an enlargement / reduction function of the illustration material. In step S113, the display mode setting unit F13 of the
図9は、回転、及び拡大・縮小の編集におけるユーザインタフェースを説明する説明図である。図9(A)では、イラスト素材の回転の編集におけるユーザインタフェースが説明される。このユーザインタフェースでは、回転原点の指定操作が受け付けられた後、設定バーSC141を用いて向きが指定される。設定バーSC141におけるつまみ部SC142が左右にスライドされると、編集対象のイラスト素材の向きがスライド量に応じて回転するように変化し、表示が更新される。 FIG. 9 is an explanatory diagram for explaining a user interface in editing of rotation and enlargement / reduction. FIG. 9A illustrates a user interface in editing illustration material rotation. In this user interface, after a rotation origin designation operation is accepted, the direction is designated using the setting bar SC141. When the knob portion SC142 in the setting bar SC141 is slid left and right, the direction of the illustration material to be edited changes so as to rotate according to the slide amount, and the display is updated.
図9(B)では、イラスト素材の拡大・縮小の編集におけるユーザインタフェースが説明される。このユーザインタフェースでは、設定バーSC141におけるつまみ部SC142が左右にスライドされると、選択中の編集対象のイラスト素材の大きさがスライド量に応じて変化し、表示が更新される。 FIG. 9B illustrates a user interface in the illustration material enlargement / reduction editing. In this user interface, when the knob SC142 in the setting bar SC141 is slid left and right, the size of the illustration material to be edited is changed according to the slide amount, and the display is updated.
ここで、ユーザが、イラスト編集画面のイラスト保存ボタンSC122を押下したことを契機に、端末1のイラスト編集プログラムによって、編集イラストをサーバ2に保存する機能が起動されたとする。ステップS114〜S115では、編集イラストの画像データがサーバ2に保存される。
Here, it is assumed that the function of saving the edited illustration in the
まず、ステップS114では、端末1のイラスト編集プログラムが、編集イラストの保存のための操作を受け付け、編集イラストをサーバ2に保存するための保存要求をサーバ2へ送信する。送信される保存要求には、編集イラストを表すSVG形式の画像データ、ユーザ操作により入力された保存名称、及びユーザIDが含まれる。当該画像データには、編集イラストのイラスト要素となっているイラスト素材全てについてのデータが含まれる。
First, in step S <b> 114, the illustration editing program of the
次に、ステップS115では、サーバ2が、保存要求を受信し、受信した保存要求に基づいて、編集イラストの画像データをイラストデータベースD21の保存テーブルに保存する。サーバ2は、ユーザIDの値が保存要求に含まれるユーザIDであり、保存名称が保存要求に含まれる保存名称である保存先のレコードを、保存テーブルに追加する。保存先のレコードの画像データの値には、保存要求に含まれる画像データが設定される。なお、既に保存先のレコードが格納されている場合には、レコードの追加の処理は行われず、画像データの設定値の更新のみが処理される。このように保存された編集されたイラストのデータは、Myイラスト箱ボタンSC115の押下により起動されるユーザの編集イラストを読み込む機能によって、サーバ2から端末1へ送信され、端末1で読み込むことができる。
Next, in step S115, the
ここで、ユーザが、編集イラストを出力する操作を行ったとする。当該操作は、例えば、ポインティングデバイス16を用いて、イラスト編集画面の編集領域SC101に表示される編集イラストをドラッグし、書類の編集等を行う外部アプリケーションプログラム(例えば、ワープロや表計算のプログラム)の操作ウィンドウにドロップする操作である。
Here, it is assumed that the user performs an operation of outputting an edited illustration. This operation is performed by, for example, an external application program (for example, a word processor or a spreadsheet program) that uses a
ステップS116では、端末1のイラスト編集プログラムが、編集イラストの画像データを外部アプリケーションプログラムに出力する。具体的には、まず、端末1の画像生成部F14が、編集領域SC101に表示されるイラストをドラッグして、Webブラウザのウィンドウ外のウィンドウへドロップする操作を受け付けた場合に、編集イラストのSVG形式の画像データをPNG(Portable Network Graphics)等のラスタ形式の画像ファイルデータに変換する。次に、イラスト編集プログラムは、変換した画像ファイルデータをドロップ先の外部アプリケーションプログラムへ引き渡す。例えば、ドロップ先の外部アプリケーションプログラムが、工事の書類を編集するプログラムである場合、当該外部アプリケーションプログラムは、受け取った画像ファイルデータに基づいて、編集中の書類に、編集イラストを貼り付ける処理を行う。
In step S116, the illustration editing program of the
図10は、イラスト編集システムを用いて編集されたイラストを含む施工手順書の例を示す図である。図10には、図4BのステップS116で出力された編集イラストの画像データが挿入された、施工手順を説明する施工手順書の一部が例示される。図10が示すように、施工手順書は、イラスト素材や地面を表す図形の組み合わせにより表現された編
集イラストE11を含む。本実施形態のイラスト編集システムによって、このようにイラストが活用された好適な書類を作成することができる。
FIG. 10 is a diagram illustrating an example of a construction procedure manual including an illustration edited using the illustration editing system. FIG. 10 illustrates a part of the construction procedure manual explaining the construction procedure in which the image data of the edited illustration output in step S116 of FIG. 4B is inserted. As shown in FIG. 10, the construction procedure manual includes an edited illustration E11 expressed by a combination of illustration materials and graphics representing the ground. The illustration editing system of this embodiment can create a suitable document in which illustrations are utilized in this way.
図11は、可動部の表示の編集処理の流れを例示するフローチャートである。この処理の流れは、図4AにおけるステップS110の処理の詳細を示す。この処理の流れで、端末1において、編集対象となる可動イラスト素材が選択され、設定バーSC141及び確定ボタンSC143がイラスト編集画面に表示された状態で実行され、図7A、図7Bを用いて説明したユーザインタフェースが実現される。
FIG. 11 is a flowchart illustrating the flow of edit processing of the display of the movable part. This process flow shows the details of the process of step S110 in FIG. 4A. In this process flow, the mobile illustration material to be edited is selected in the
ステップS201では、表示態様設定部F13が、確定ボタンSC143の押下がされたか否かを判定する。ステップS201で確定ボタンSC143の押下がされたと判定された場合、編集対象の可動イラスト素材のプリセットスタイルが確定し、可動部の表示の編集処理の流れが終了する。一方、ステップS201で確定ボタンSC143の押下がされたと判定されなかった場合、処理はステップS202へ進む。 In step S201, the display mode setting unit F13 determines whether or not the confirm button SC143 has been pressed. If it is determined in step S201 that the confirm button SC143 has been pressed, the preset style of the movable illustration material to be edited is confirmed, and the flow of edit processing for display of the movable portion ends. On the other hand, if it is not determined in step S201 that the confirm button SC143 has been pressed, the process proceeds to step S202.
ステップS202では、表示態様設定部F13が、設定バーSC141のつまみ部SC142のスライド操作が検出されたか否かを判定する。ステップS202でスライド操作が検出されたと判定された場合、処理はステップS203へ進む。一方、ステップS202でスライド操作が検出されたと判定されなかった場合、処理はステップS201へ戻る。 In step S202, the display mode setting unit F13 determines whether or not a slide operation of the knob SC142 of the setting bar SC141 has been detected. If it is determined in step S202 that a slide operation has been detected, the process proceeds to step S203. On the other hand, if it is not determined in step S202 that a slide operation has been detected, the process returns to step S201.
ステップS203では、表示態様設定部F13が、設定バーSC141のつまみ部SC142の位置に応じて、編集対象の可動イラスト素材のスタイル番号を決定する。本実施形態では、スタイル番号の取り得る値それぞれが、設定バーSC141の長さを当該取り得る値の個数で区分した各範囲に割り当てられている。スタイル番号は、つまみ部SC142が当該区分された各範囲の何れに位置するかに従って決定される。 In step S203, the display mode setting unit F13 determines the style number of the movable illustration material to be edited according to the position of the knob SC142 of the setting bar SC141. In the present embodiment, each possible value of the style number is assigned to each range obtained by dividing the length of the setting bar SC141 by the number of possible values. The style number is determined according to which of the divided ranges the knob SC142 is located.
ステップS204〜S205では、ステップS203で決定されたスタイル番号に応じて編集対象の可動イラスト素材のプリセットスタイルの設定が変更される。本実施形態では、プリセットスタイルの変更が、表示されるレイヤの変更により実現される。まず、ステップS204では、画像生成部F14が、編集対象の可動イラスト素材の画像データが有する全レイヤを非表示状態に設定する。次に、ステップS205では、画像生成部F14が、編集対象の可動イラスト素材の画像データについて、ステップS203で決定されたスタイル番号の値に対応するレイヤのみを表示状態に設定する。ステップS204〜S205の処理は、例えば、画像生成部F14が管理する編集イラストのSVGの画像データのうち、SVG形式で表された可動イラスト素材の画像データを、XMLパーサ等を介して更新することで実現できる。ステップS204〜S205は、「画像生成ステップ」の一例である。 In steps S204 to S205, the preset style setting of the movable illustration material to be edited is changed according to the style number determined in step S203. In the present embodiment, the preset style is changed by changing the displayed layer. First, in step S204, the image generation unit F14 sets all the layers included in the image data of the movable illustration material to be edited to a non-display state. Next, in step S205, the image generation unit F14 sets only the layer corresponding to the style number value determined in step S203 to the display state for the image data of the movable illustration material to be edited. In the processing of steps S204 to S205, for example, the image data of the movable illustration material represented in the SVG format among the SVG image data of the edited illustration managed by the image generation unit F14 is updated via an XML parser or the like. Can be realized. Steps S204 to S205 are an example of an “image generation step”.
ステップS206では、画像表示部F15が、可動イラスト素材の表示を更新する。画像表示部F15は、プリセットスタイルが変更された編集対象の可動イラスト素材を含む編集イラスト全体の表示を更新する。具体的には、画像表示部F15は、画像生成部F14によって管理される編集イラストのSVG形式の画像データを、WebブラウザのSVGのレンダリングエンジンにレンダリング処理させ、Webブラウザの編集領域SC101に表示する。ステップS206は、「画像表示ステップ」の一例である。 In step S206, the image display unit F15 updates the display of the movable illustration material. The image display unit F15 updates the display of the entire edited illustration including the movable illustration material to be edited whose preset style has been changed. Specifically, the image display unit F15 causes the SVG rendering engine of the web browser to render the image data of the edited illustration managed by the image generation unit F14 in the rendering area SC101 of the web browser. . Step S206 is an example of an “image display step”.
<作用効果>
以上説明した本実施形態では、設定されたプリセットスタイル、位置、大きさ、向き、色等の表示態様に従ったイラスト素材の表示を含む編集イラストの画像データが生成され、外部アプリケーションプログラムに出力された。この際、複雑な編集操作等を要さずに
、イラスト素材の選択操作や設定バーSC141の操作等によって、編集イラストを得ることが可能であった。加えて、イラスト素材の画像データがインターネット3を介して取得されたので、イラスト素材を収集する格段の作業負担を要しなかった。また、イラスト編集プログラムが、端末1で動作するWebブラウザ上で実行されたため、編集にあたってイラスト編集プログラムのインストール等の格段の準備作業も要さなかった。よって、工事に関するイラストについて、編集された所望のイラストを、簡単、迅速に得ることができる。
<Effect>
In the present embodiment described above, the image data of the edited illustration including the display of the illustration material according to the preset preset style, position, size, orientation, color, and other display modes is generated and output to the external application program. It was. At this time, it is possible to obtain an edited illustration by selecting an illustration material or operating the setting bar SC 141 without requiring a complicated editing operation. In addition, since the image data of the illustration material was acquired via the
工事に関するイラストでは、同一の重機や作業員等の要素が表示される場合であっても、重機や作業員がアーム部や腕等の可動部を有するので、イラストに描かれる場面によって、可動部が異なる位置にある形体の表示が求められることがある。本実施形態では、設定バーSC141の比較的簡単な操作によって、アーム部等の可動部の位置が変位された可動イラスト素材の表示が得られた。当該操作は、つまみ部SC142をスライドさせると可動部が動くという直感的に分かりやすい操作感を有するため、取扱説明書を読む等の操作方法の学習を必ずしも要さない。よって、工事に関する所望のイラストを、好適な操作感で、簡易迅速に得ることができる。また、本実施形態では、イラスト素材を回転する機能や拡大縮小する機能においても設定バーSC141を用いた操作が採用されたため、ユーザは、統一的な操作感で、イラスト編集プログラムを好適に操作することが可能である。 In illustrations related to construction, even if elements such as the same heavy machinery and workers are displayed, since heavy machinery and workers have movable parts such as arms and arms, depending on the scene depicted in the illustration, movable parts May require the display of features in different positions. In the present embodiment, the display of the movable illustration material in which the position of the movable part such as the arm part is displaced is obtained by a relatively simple operation of the setting bar SC141. Since this operation has an intuitive and easy-to-understand operational feeling that the movable portion moves when the knob SC142 is slid, learning of an operation method such as reading an instruction manual is not necessarily required. Therefore, a desired illustration related to the construction can be obtained simply and quickly with a suitable operational feeling. In this embodiment, since the operation using the setting bar SC141 is adopted in the function of rotating the illustration material and the function of enlarging / reducing, the user preferably operates the illustration editing program with a unified operation feeling. It is possible.
また、本実施形態では、可動イラスト素材の可動部の表示の編集処理が、表示されるレイヤの変更によって実現された。そのため、複雑な計算処理等を要さない、効率的な処理の実行によって、工事に関する所望のイラストを得ることができる。計算性能が低い端末1を用いたとしても、迅速に所望のイラストを得ることが可能となる。
In the present embodiment, the editing process for displaying the movable part of the movable illustration material is realized by changing the displayed layer. Therefore, it is possible to obtain a desired illustration related to construction by executing efficient processing that does not require complicated calculation processing or the like. Even if the
<変形例>
(設定バーSC141の変形例)
上述の実施形態では、可動イラスト素材のプリセットスタイルを変更するための操作を受け入れるGUI部品が、画面横方向を長手とする棒状領域の上でつまみ部S142をスライド可能な設定バーSC141であった。プリセットスタイルを変更するための操作を受け入れるGUI部品は、このような設定バーSC141と異なるものであってもよい。
<Modification>
(Modification of setting bar SC141)
In the above-described embodiment, the GUI part that accepts an operation for changing the preset style of the movable illustration material is the setting bar SC141 that can slide the knob portion S142 on the bar-shaped region whose longitudinal direction is the horizontal direction of the screen. The GUI component that accepts an operation for changing the preset style may be different from the setting bar SC141.
図12は、可動部の表示の編集における操作部品の変形例を例示する図である。図12(A)〜(C)が示すようなGUI部品が、設定バーSC141の代わりに採用されてもよい。図12(A)は、画面縦方向を長手とする棒状領域SC511上でつまみ部SC512をスライド可能なGUI部品を示す。ポインティングデバイス16のドラッグ等によって、図12(A)のつまみ部SC512がスライドされると、編集対象の可動イラストに設定されるスタイル番号の値がスライド先の位置に応じて変化し、プリセットスタイルが変更される。
FIG. 12 is a diagram illustrating a modified example of the operation component in editing the display of the movable part. GUI parts as shown in FIGS. 12A to 12C may be employed instead of the setting bar SC141. FIG. 12A shows a GUI component that can slide the knob portion SC512 on a rod-shaped region SC511 having a longitudinal direction in the screen vertical direction. When the slider SC512 in FIG. 12A is slid by dragging the
また、図12(B)は、環状領域SC521に沿ってつまみ部SC522をスライド可能なGUI部品を示す。ポインティングデバイス16のドラッグ等によって、図12(B)のつまみ部SC522がスライドされると、編集対象の可動イラストに設定されるスタイル番号の値がスライド先の位置に応じて変化し、プリセットスタイルが変更される。
FIG. 12B shows a GUI component that can slide the knob SC522 along the annular region SC521. When the knob SC522 in FIG. 12B is slid by dragging the
また、図12(C)は、画面横方向に隣接した2個のボタンSC531、SC532からなり、隣接する側と逆側に向かう方向を表すラベルが付されたスピンボタンを示す。図12(C)の各ボタンの押下に応じて編集対象の可動イラストに設定されるスタイル番号の値が変化し、プリセットスタイルが変更される。 FIG. 12C shows a spin button that includes two buttons SC531 and SC532 adjacent to each other in the horizontal direction of the screen and has a label indicating the direction toward the opposite side. In accordance with the pressing of each button in FIG. 12C, the value of the style number set in the movable illustration to be edited changes, and the preset style is changed.
また、スタイル番号の値は、端末1に接続されるキーボードの十字キーの押下操作や、レバー形状の物理的なつまみ部をスライド可能な入力デバイスにおけるスライド操作に応じて、変化してもよい。
The value of the style number may be changed according to a pressing operation of a cross key on a keyboard connected to the
(複数の可動部)
上述の実施形態では、可動イラスト素材が単数の可動部を有することが前提であったが、可動イラスト素材は、複数の可動部を有してもよい。例えば、可動イラスト素材が2個の可動部を有する場合、当該可動イラスト素材の画像データは、2個の可動部に対応する2種類のスタイル番号の値の全組合わせそれぞれに応じて2個の可動部が変位した形体のイラスト素材それぞれを表す複数のレイヤのデータを含む。この場合、2種類のスタイル番号の組とレイヤとが1対1に対応付けられる。このようにすることで、複数の可動部を有する重機等のイラスト素材の表示を用いて、より自由度の高いイラスト編集が可能となる。
(Multiple moving parts)
In the above-described embodiment, it is assumed that the movable illustration material has a single movable part, but the movable illustration material may have a plurality of movable parts. For example, when the movable illustration material has two movable parts, the image data of the movable illustration material includes two pieces according to all combinations of two types of style number values corresponding to the two movable parts. It includes data for a plurality of layers representing each illustration material of the feature with the movable part displaced. In this case, a pair of two types of style numbers and a layer are associated with each other one-to-one. By doing so, it is possible to edit illustrations with a higher degree of freedom using display of illustration materials such as heavy machinery having a plurality of movable parts.
(その他の機能)
イラスト編集システムは、背景画像を編集イラストに合成する機能を有してもよい。この場合、ユーザが、ポインティングデバイス16等を用いて、端末1の補助記憶装置14に記憶されている背景画像を示す画像ファイルのアイコン等をドラッグし、イラスト編集画面の編集領域SC101にドロップする操作を行う。イラスト編集プログラムは、当該操作を受け付けると、当該画像ファイルを読み込み、画像ファイルが示す背景画像が最背面側に表示されるように、編集イラストの表示を前面側に重ねて合成する。このような機能により、例えば、ユーザは、工事現場等の写真と工事に関するイラストとを重ね合わせた画像を簡単に作成することができる。
(Other features)
The illustration editing system may have a function of combining a background image with an edited illustration. In this case, the user drags the icon of the image file indicating the background image stored in the
1 端末(コンピュータ、画像処理装置)
2 サーバ
3 インターネット(ネットワーク)
D21 イラストデータベース
SC141 設定バー
SC142 つまみ部
1 Terminal (computer, image processing device)
2
D21 Illustration database SC141 Setting bar SC142 Knob section
Claims (9)
ネットワークに接続されるコンピュータに、
前記素材の画像データを格納する素材画像格納手段から、前記ネットワークを介して、前記素材の画像データを取得する素材取得ステップと、
受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択ステップと、
受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定ステップと、
前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成ステップと、
を実行させ、
前記格納される素材の画像データは、前記素材において他の部分との位置関係が変化可能な部分である可動部の位置が互いに異なる、前記素材の複数の形体それぞれを表す画像データを含み、
前記表示態様設定ステップでは、前記表示対象となる素材に対して、前記可動部の位置が互いに異なる複数の形体のうちの何れかが設定され、
前記画像生成ステップでは、前記設定された形体における前記可動部の位置が、前記素材が表示されるときの代表の位置となる画像データが生成される、
を実行させるためのプログラム。 A program that generates an image related to construction based on an image of an object related to construction or material representing a person,
To a computer connected to the network,
A material acquisition step for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode, based on image data of the material to be displayed ;
And execute
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
A program for running
前記画像生成ステップにおいて生成された画像データを、前記Webブラウザの表示画面に表示する画像表示ステップを更に前記コンピュータに実行させる、
請求項1に記載のプログラム。 The program is a program executed on a Web browser that runs on the computer,
Causing the computer to further execute an image display step of displaying the image data generated in the image generation step on a display screen of the Web browser;
The program according to claim 1.
請求項1または2に記載のプログラム。 In the display mode setting step, an operation of sliding a slidable knob portion on a predetermined trajectory is accepted, and the position of the movable portion is different from each other according to the position where the knob portion is slid. Is set,
The program according to claim 1 or 2 .
請求項1から3の何れか一項に記載のプログラム。 The image data of at least part of the material stored in the material image storage means is graphic data indicating a heavy machine,
The program according to any one of claims 1 to 3 .
請求項1から4の何れか一項に記載のプログラム。 The image data of at least a part of the material stored in the material image storage means is graphic data indicating a construction worker.
The program according to any one of claims 1 to 4 .
請求項1から5の何れか一項に記載のプログラム。 In the display mode setting step, at least one of position, size, color scheme, and orientation is set for the material.
The program according to any one of claims 1 to 5 .
ネットワークに接続されるコンピュータが、
前記素材の画像データを格納する素材画像格納手段から、前記ネットワークを介して、前記素材の画像データを取得する素材取得ステップと、
受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択ステップと、
受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定ステップと、
前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成ステップと
を実行し、
前記格納される素材の画像データは、前記素材において他の部分との位置関係が変化可能な部分である可動部の位置が互いに異なる、前記素材の複数の形体それぞれを表す画像データを含み、
前記表示態様設定ステップでは、前記表示対象となる素材に対して、前記可動部の位置が互いに異なる複数の形体のうちの何れかが設定され、
前記画像生成ステップでは、前記設定された形体における前記可動部の位置が、前記素材が表示されるときの代表の位置となる画像データが生成される、
情報処理方法。 An information processing method for generating an image related to construction based on an image of an object related to construction or a material representing a person,
A computer connected to the network
A material acquisition step for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
Information processing method.
前記素材の画像データを格納する素材画像格納手段から、前記ネットワークを介して、前記素材の画像データを取得する素材取得手段と、
受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択手段と、
受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定手段と、
前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成手段と
を備え、
前記格納される素材の画像データは、前記素材において他の部分との位置関係が変化可能な部分である可動部の位置が互いに異なる、前記素材の複数の形体それぞれを表す画像データを含み、
前記表示態様設定手段は、前記表示対象となる素材に対して、前記可動部の位置が互い
に異なる複数の形体のうちの何れかを設定し、
前記画像生成手段は、前記設定された形体における前記可動部の位置が、前記素材が表示されるときの代表の位置となる画像データを生成する、
画像処理装置。 An image processing apparatus that is connected to a network and generates an image relating to construction based on an image of a material representing a thing or person relating to the construction,
Material acquisition means for acquiring image data of the material from the material image storage means for storing the image data of the material via the network;
Material selection means for selecting a material to be displayed from materials whose image data is stored in the material image storage means according to an operation to be accepted;
Display mode setting means for setting a display mode for the selected material to be displayed according to an operation to be received;
Image generating means for generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
The display mode setting means is configured such that the position of the movable part is relative to the material to be displayed.
Set any of the different shapes to
The image generation means generates image data in which the position of the movable part in the set feature is a representative position when the material is displayed.
Image processing device.
工事に関する物または人を表す素材の画像データを格納する素材画像格納手段と、
前記端末からアクセスがあった場合に、工事に関する画像を生成するためのプログラムを、前記アクセス元の端末へ送信するプログラム送信手段と、
前記素材画像格納手段に格納された画像データを前記端末へ送信する素材画像送信手段と
を備え、
前記端末へ送信されるプログラムは、
前記端末に、
前記サーバから、前記素材画像格納手段に格納された素材の画像データを取得する素材取得ステップと、
受け付ける操作に応じて、前記素材画像格納手段に画像データが格納される素材のうちから、表示対象となる素材を選択する素材選択ステップと、
受け付ける操作に応じて、前記選択された表示対象となる素材に対して、表示態様を設定する表示態様設定ステップと、
前記表示対象となる素材の画像データに基づいて、前記設定された表示態様に従った前記素材の表示を含む画像データを生成する画像生成ステップと
を実行させ、
前記格納される素材の画像データは、前記素材において他の部分との位置関係が変化可能な部分である可動部の位置が互いに異なる、前記素材の複数の形体それぞれを表す画像データを含み、
前記表示態様設定ステップでは、前記表示対象となる素材に対して、前記可動部の位置が互いに異なる複数の形体のうちの何れかが設定され、
前記画像生成ステップでは、前記設定された形体における前記可動部の位置が、前記素材が表示されるときの代表の位置となる画像データが生成される、
サーバ。 A server capable of communicating with a terminal,
Material image storage means for storing image data of a material representing an object or person related to the construction;
A program transmission means for transmitting a program for generating an image relating to construction to the access source terminal when accessed from the terminal;
Material image transmission means for transmitting the image data stored in the material image storage means to the terminal,
The program transmitted to the terminal is
In the terminal,
A material acquisition step of acquiring image data of the material stored in the material image storage means from the server;
A material selection step for selecting a material to be displayed from materials whose image data is stored in the material image storage means in accordance with an operation to be accepted;
A display mode setting step for setting a display mode for the selected display target material in accordance with an operation to be received;
An image generation step of generating image data including display of the material according to the set display mode based on image data of the material to be displayed ;
The image data of the stored material includes image data representing each of the plurality of features of the material, the positions of the movable parts being portions where the positional relationship with other parts of the material can be changed,
In the display mode setting step, for the material to be displayed, any one of a plurality of shapes whose positions of the movable part are different from each other is set.
In the image generation step, image data is generated in which the position of the movable part in the set feature is a representative position when the material is displayed.
server.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015099695A JP6587237B2 (en) | 2015-05-15 | 2015-05-15 | Program, information processing method, image processing apparatus, and server |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015099695A JP6587237B2 (en) | 2015-05-15 | 2015-05-15 | Program, information processing method, image processing apparatus, and server |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2016218538A JP2016218538A (en) | 2016-12-22 |
JP6587237B2 true JP6587237B2 (en) | 2019-10-09 |
Family
ID=57581242
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015099695A Active JP6587237B2 (en) | 2015-05-15 | 2015-05-15 | Program, information processing method, image processing apparatus, and server |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6587237B2 (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021186906A1 (en) * | 2020-03-18 | 2021-09-23 | 日鉄テックスエンジ株式会社 | Constrution plan creation system, construction plan creation method, and program |
CN112148944A (en) * | 2020-09-22 | 2020-12-29 | 西京学院 | Manufacturing method, manufacturing system, terminal and storage medium of manual fiber picture |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3366313B2 (en) * | 1990-04-24 | 2003-01-14 | 株式会社日立製作所 | Program operation status display method and system |
JPH0635998A (en) * | 1992-07-20 | 1994-02-10 | Taisei Corp | Input device and input sheet for drawing supporter for construction work |
JPH08263677A (en) * | 1995-03-22 | 1996-10-11 | Tokyu Constr Co Ltd | Device for preserving graphic pattern |
JPH1046813A (en) * | 1996-08-08 | 1998-02-17 | Hitachi Ltd | Equipment and method of assisting building plan |
JP2001243485A (en) * | 2000-02-29 | 2001-09-07 | Sanki Eng Co Ltd | Procedure manual generating method |
JP2004287486A (en) * | 2003-03-19 | 2004-10-14 | Nippon Dentsu Co Ltd | Construction work network sales system, machining and shipment support system, installed equipment remote maintenance system, and equipment setting software |
JP2009151683A (en) * | 2007-12-21 | 2009-07-09 | Win Corp | Floor plan preparing device and floor plan preparing program |
JP6309185B2 (en) * | 2012-08-07 | 2018-04-11 | 任天堂株式会社 | Image display program, image display apparatus, image display system, and image display method |
-
2015
- 2015-05-15 JP JP2015099695A patent/JP6587237B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2016218538A (en) | 2016-12-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10528217B2 (en) | Automatically generating column layouts in electronic documents | |
JP5792287B2 (en) | Spin control user interface for selecting options | |
US9367199B2 (en) | Dynamical and smart positioning of help overlay graphics in a formation of user interface elements | |
JP6018045B2 (en) | Temporary formatting and graphing of selected data | |
US8458596B1 (en) | Method and apparatus for a mashup dashboard | |
EP2748738B1 (en) | Method of creating a snap point in a computer-aided design system | |
US9787752B2 (en) | Hotspot editor for a user interface | |
KR101494844B1 (en) | System for Transforming Chart Using Metadata and Method thereof | |
US9146659B2 (en) | Computer user interface including lens-based navigation of graphs | |
US9274686B2 (en) | Navigation framework for visual analytic displays | |
US20140253574A1 (en) | Development Environment For Capture Of Image Data From A Mobile Device | |
US10365791B2 (en) | Computer user interface including lens-based enhancement of graph edges | |
EP3028188A1 (en) | Three dimensional conditional formatting | |
JP2010182004A (en) | Folder management device, folder management method, and folder management program | |
US20130067322A1 (en) | Automatically generated style rules for page design | |
US20150012817A1 (en) | Browser-Based Designer Tool For A User Interface And The Administration Of Tiles | |
JP2012064207A (en) | Host device and content display method of the same | |
JP5988450B2 (en) | Method for displaying nodes, computer for displaying nodes, and computer program therefor | |
JP6587237B2 (en) | Program, information processing method, image processing apparatus, and server | |
JP2009193196A (en) | Gui system, gui generation method, program, and recording medium | |
JP5991365B2 (en) | Form system, information processing apparatus, processing method thereof, and program | |
JP2012088981A (en) | Electronic document management system | |
EP1691278A1 (en) | Method and computer system for editing documents | |
CN113672210A (en) | Triangular icon code generation method and device and readable storage medium | |
JP5084702B2 (en) | Analysis data input device, CAE device, analysis data input method, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20171109 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20181122 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20190108 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20190311 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20190813 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20190903 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6587237 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |