WWWで利用されるグラフィックス技術

# WWWで利用されるグラフィックス技術

2004年度・前期・水曜日 3コマ
担当 香川考司

「WWWで利用されるグラフィックス技術」（教養ゼミナール、担当: 香川）のホームページです。
受講者はこのページを随時チェックするようにしてください。

更新履歴

※ このページには（意図的に）グラフィックス・アニメーションはありません。
だって重いもの。

シラバスより、「授業の概要」の抜粋:

このゼミではインターネット（特にWorld Wide Web）で利用されるグラフィックス・
アニメーションなどに関する最近提案された技術の規格・ツールなどについて調べ、
それを利用してプレゼンテーション作品を作成します。
ツールは基本的にフリー（無料）で利用できるものを利用します。
利用するフォーマット・言語としては、JavaScript, SVG, Flash, X3D,
Javaなどが考えられますが、それ以外のものを利用しても、もちろん構いません。

## お知らせ

講評
最終レポートについて
第2回発表の注意事項を掲載しました。
発表の注意事項を掲載しました。
ゼミの掲示板を開設しました。
質問などに利用して下さい。
（私も見るようにしますが、
できるだけ、受講生同士で積極的に質問に答えあうように下さい。）
アクセスのためのパスワードは授業中にお知らせします。
試しにWikiも置いてみました。
何に使えるかわかりませんが、適当に遊んで下さい。

## 授業予定

第1回（4/14） — 主にゼミの進め方の説明
第2回（4/21） — 調査テーマ例の説明
第3回（4/28） — HTMLについて（前半）
第4回（5/12） — HTMLについて（後半）
第5回（5/19） — テーマの決定・グループ分け
第6回（5/26） — 30分くらい私が適当に話をして、
その後はグループで作業してもらいます。
第7回（6/2） — 第1回発表（その1）
第8回（6/9） — 第1回発表（その2）
第9回（6/16）— 第1回発表（その3）
第10回（6/30）— 第2回発表（その1）
第11回（7/7）— 第2回発表（その2）
第12回（7/10）— 第2回発表（その3）
第13回（7/14）— 第2回発表（その4）
第14回（7/21）

## 配布資料

シラバス
注釈つきシラバス
HTMLについて
JavaScriptについて
Gnuplotについて

## 拙文集

私がむかし書いた覚え書きのような文章です。
情報がやや古くなっている可能性があります。

SWFファイルフォーマットについて
SVGの勧め
（文中のSVGファイル）
X3Dについて
（文中のX3Dファイル）

MLSwf …
私が作成したSWF生成用のライブラリです。
Objective Camlという言語用です。

## いろいろなリンク

全く整理できていませんが、
とりあえず、いくつかのリンクを挙げておきます。

調べてもらうが課題なので、ここにはごくわずかの入口しか紹介していません。

### Webページ編

#### Search Engine

なにはともあれ、たいへんお世話になるページです。

Google
Goo
Yahoo! Japan

いずれも有名な検索エンジンです。

#### Software Archive

フリーウェア・あるいはシェアウェアをあつめたサイトです。

Vector
窓の杜

### 有名どころ…

#### HTML

HTMLは言わずと知れた、WWWページの記述用言語です。

W3C（HTMLの仕様）
初めての ホームページ講座
牛飼いとアイコンの部屋 … Web素材集です。

HTMLについては多くの資料・作成ツールが既に出ていますので、
これをテーマに選ぶなら、かなり凝ったものを探す必要があります。

HTMLについて（配布資料）

#### ECMAScript (JavaScript)

JavaScriptはHTMLなどのなかに埋め込む形で記述するスクリプト言語（簡単なプログラミング言語）です。

ECMAScript
… JavaScriptの標準仕様です。
一撃必殺JavaScript日本語リファレンス

テーマに選ぶ時の注意点はHTMLと同様です。

JavaScriptについて（配布資料）

#### Java

JavaはWebのクライアント側/サーバ側双方で、
広く利用されているプログラミング言語です。

java.sun.com … Javaの本家本元です。
日本語の Java関連情報
日本語 Java News

Javaは本格的なプログラミング言語なので、1年生の前期の段階では、
やや難しいかも知れません。RISEの人はどうせ3年生でAppletなどについては勉強します。

計算機ネットワーク工学 I
… 私の担当している 3年生向きの授業のページです。
言語処理系テイクアウトのコーナー
… この中でJavaのプログラムを作成するためのキット（JDK）のインストール方法を説明しています。
Javaのデモ
… JDKに付録のJavaのデモです。

### 記述言語・規格編

#### SVG

SVGはXMLベースの（つまりHTMLに良く似た）文法を持つ、
ベクトルグラフィックスのフォーマットです。

XMLとは
eXtensible Markup Languageの略である。
文書に構造を埋め込むマークアップ言語の一種である。
HTMLと同じように
<…>〜</…>という形のタグを用いる。

SVG (W3C) … 規格の制定元です。
AdobeのSVGページ

Adobe SVG Viewerダウンロード

Corel SVG Viewerダウンロード

SVGを作成するためのツールについては、
このページのJackSVG,
Sodipodi,
Batikなども参照して下さい。

SVGをブラウザで見るためには、プラグイン（上記の
Adobe SVG Viewerまたは
Corel SVG Viewer）
のインストールが必要です。

SVGの勧め（拙文）（文中のSVGファイル）

#### X3D・VRML

X3DはXMLベースの3次元グラフィックスのフォーマットです。
昔からあるVRML(Virtual Reality Modeling Language)をXML化したものです。

Web3D Consortium … X3D, VRMLの規格の制定元です。
VRML Plugin and Browser Detector
… もともとプラグインのインストールをチェックするためのページですが、
X3D, VRMLに関する情報がまとめられています。

X3Dを見るためには、プラグインのインストールが必要です。
現時点では BS Contact VRMLをお勧めします。
（ここから
ダウンロードページに直接ジャンプします。）

X3Dについて（拙文）（文中のX3Dファイル）

VRMLは次期尚早であまり流行りませんでしたが、
ネットワークとパソコンのグラフィックスカードの性能が上がるにつれて、
3Dグラフィックスも再び脚光を浴びているようです。

3Dウェブ検索 … あまり関係ないかな。
見た目が格好良いので紹介します。

X3D・VRMLを作成するためのツールについては、このページの
Blender, OpenFX
などを見て下さい。

#### SWF (Flash)

有名な Macromedia Flashが使用するフォーマットですが、フリーで
SWF形式を作成できるツールがいくつか出てきています。

SWFのプラグインは、通常最初からブラウザにインストールされていますが、
もしなければ、
Macromedia Flash Playerダウンロードセンターから、
ダウンロードして下さい。

OpenSWF
… SWFの規格を紹介しているページです。

SWFファイルフォーマットについて（拙文）

SWFを作成するためのツールについては、このページの
Powerbullet,
OpenOffice.org,
Flasmなども見て下さい。

#### PDF

AdobeのAcrobatでおなじみのPDF(Portable Document Format)ですが、仕様は一般に公開されています。

PDFReference （巨大なファイルなので注意して下さい。）

フリーのPDF作成ツールもいくつかあります。

Ghostscript
PrimoPDF …
プリンタとして使用できるPDF作成ツールです。

### SVG用ツール編

#### JackSVG

#### SVG形式でPowerPoint(Impress)のようなプレゼンテーションを作成するためのツールです。

JackSVG

#### [New!]
Sodipodi

#### SVG出力をサポートしたドローソフトのようです。

Sodipodi

### SWF用ツール編

#### Powerbullet

Powerbullet（パワーブリット）は、フリーのSWF(Flash)作成ツールです。
日本語フォントは今のところ使用できないようですが…。

Powerbullet

#### OpenOffice.org

OpenOffice.orgはPDFを生成でき、
さらにImpressはSWFフォーマットを作成できるので、ここに入れておきます。

OpenOffice.org日本ユーザー会
可知 豊 氏の「開け! 事務所」

#### KineticFusion

KineticFusionはRVMLというXMLの一種をSWFに変換してくれるプログラムらしいです。

Kinesis Software

#### Flasm

FlasmはFlashのActionScriptを編集するためのツールだそうです。

Flasm

### 3Dツール編

#### Blender

Blenderは、Windows, Linux, FreeBSD, MacOS Xなどで動作する
オープンソースの3Dモデリングソフトです。

Blender3D

#### [New!]
MLCad

#### LEGOTMのようにブロックを組み合わせて、
3Dモデルを作成するソフトウェアのようです。

LDraw

#### [New!]
OpenFX

#### オープンソースの3Dモデリングソフトのようです。

OpenFX

### 画像ツール編

#### Gimp

Gimp（ギンプ）はフリーの画像処理プログラムです。
（Adobe Photoshopと同カテゴリのソフトですが、操作感はかなり異なります。）
主にLinuxなどのUnix上で動作するソフトウェアですが、Windows版もあります。

最近（2004年3月）メジャーバージョンアップのGimp2.0が出ました。

Gimp（本家本元）
Gimp（日本語）

Gimpでは、Script-Fu というスクリプト言語で画像を処理することができます。

### プログラミング言語・ライブラリ編

#### Squeak

Squeakは、グラフィックス・アニメーションが得意な、
Smalltalk言語の最新の実装です。
WWWとはもともと直接関係ないですが、Webブラウザのプラグインもあるようです。

Squeak

Squeakは他のプログラミング言語を知らない人にとっても、
取っ付きやすい言語かもしれません。

#### Curl

「次世代リッチクライアント標準Webプログラミング言語」を目指しているそうです。
今のところ Windowsでしか動かないようですが…。

Curl社
（株）カール・アジアパシフィック

#### GD library

C言語でPNG, JPEGの画像を生成するためのライブラリですが、
Perl, PHPなど他の多くの言語からも利用可能です。

BOUTELL.COM

#### Batik

JavaでSVGのデータを扱うためのライブラリです。

Batik

#### Java3D

Javaで3Dグラフィックスを生成するためのライブラリです。

Java3D

#### FastScript3D

Java3Dを簡単なスクリプト言語で操作できるようにしたものです。

FastScript3D

#### SWF生成ライブラリ

さまざまな言語用にSWF生成ライブラリがあるので、
まとめて紹介します。

SSWF
… SWFをC言語で作成するためのライブラリです。
Ming, JaMing
… MingはC（またはPHP）でSWF形式を出力するためのライブラリです。
JaMingはMingを日本語化したものです。
JavaSWF2
… JavaでSWFを生成するためのライブラリです。

#### PDFJ

PDFを生成するPerlモジュールだそうです。

PDFJ

### その他編

#### MuPAD

#### MuPADは有名なMathematicaと似た数式処理ソフトですが、
高価なMathematicaと異なり、非営利ユーザにはフリーで使用できるLight Versionがあります。

MuPAD

#### gnuplot

#### gnuplotは有名なフリーのグラフ描画ソフトウェアです。

gnuplot

#### TeX

TeX自体は、論文などを作成するために使用する文書整形プログラムなので、
WWWともグラフィックスとも関係ないですが、
いろいろな関連ツールがあって、調べればWWWに応用できるかも…。

三重大学の奥村先生の日本語TeX情報
MetaPost
… PostScript形式を生成するグラフィクス記述言語

上記のリストに載っていないテーマでも、
WWWと（か？）グラフィックスに関係ある物なら、
もちろん結構です。
（というよりも、むしろ歓迎します。）

Koji Kagawa
(kagawa@eng.?????)