SVG にちょっぴり感動。(^^;

登録日: 2003年10月 05日 記事: 1744

既に御存知の方が多いと思いますが、Firefox 1.1 (Deer Park Alpha 1) でめでたく SVG が標準ビルドに含まれるようになっています。
http://www.mozilla-japan.org/projects/deerpark/new-web-dev-features.html

Quote:

現在サポートされているのは SVG 1.1 Full の一部で、フィルタ、宣言型アニメーション、SVG 定義フォントなどの機能は実装されていません。

ちょっと調べてみたところ個人的に結構感動できたのでちとメモ。(^^;

http://firefox.geckodev.org/index.php?SVG
http://www.croczilla.com/svg/samples/
http://www.w3.org/Graphics/SVG/Test/
http://www.w3.org/Graphics/SVG/Test/20030813/htmlframe/full-index.html
http://www.openclipart.org/
http://www.openclipart.org/submissions.php
http://www.openclipart.org/incoming/tux_co.za_sean_wheller_01.svg
まとめサイトのページとそこに載ってるサンプル集。

更に ”firefox svg" でぐぐった時に出てきた作品。
http://www.pandora.nu/tempo-depot/notes/PC_side/Graphic_tools/d040430x3.htm
http://www.pandora.nu/tempo-depot/notes/blosxom/data/PC_side/Graphic_tools/ff09alpha.svg

temp_h wrote:

フル SVG の Firefox子を描く夢はかくして潰えました。

だそうです。
level さんも唯一お許しになった Firefox子と Thunderbird子の SVG 版を Firefox ネイティブで見ることはできなさそうです。
個人的趣味はともかく反響があって SVG 対応デモとして紹介するネタとしてはよいと思ったので、ちょっと残念。

http://www.pandora.nu/tempo-depot/notes/PC_side/Graphic_tools/d040117x4.htm
http://www.pandora.nu/tempo-depot/notes/blosxom/data/PC_side/Graphic_tools/rain.jpg
http://www.pandora.nu/tempo-depot/notes/blosxom/data/PC_side/Graphic_tools/rain.svg
特にこれに感動しました。いやはや、スバラシィ…
やっぱブラウザでそのまま作品を見れるというのは便利です。
かなり重いですが、不可逆圧縮の入っている jpeg より綺麗だと思います。

http://www.pandora.nu/tempo-depot/notes/The_other_side/Graffiti/d050327.htm
http://www.pandora.nu/tempo-depot/notes/blosxom/data/The_other_side/Graffiti/td_dnc.svg
AKG のヘッドホン良いですね。悩んだ挙げ句結局買いませんでしたが。(謎)

http://www.pandora.nu/tempo-depot/notes/The_other_side/Graffiti/d050422.htm
http://www.pandora.nu/tempo-depot/notes/blosxom/data/The_other_side/Graffiti/optn_8_2.svg
# 風邪に流されている帽子の布(名称不明)が重そうで、実は首の力が凄いんじゃないかと思ってしまう私には向かないな…
で、Opera 8 は　SVG Tiny に対応しているとのこと。
完全ではないにしても SVG Full に対応しているわけですから Firefox 1.1 でちょっとだけ追い越せるのかな。

ちなみにリンク先が localhost になってますねぇ。
# ここに書いてどーする。(^^;
http://www.pandora.nu/tempo-depot/notes/PC_side/Web_Browser/d040823.htm

Quote:

Opera もよろしく → 壁紙にしてみたよ

登録日: 2003年10月 27日 記事: 27

私が個人的に素晴らしいと思ったのは↓です。SVGとMathMLの大変実用的な使用例が見られます。
http://homepage3.nifty.com/anoda/oldpage/space/mlab16.xml

唯一の難点?は門外漢の私には何のことだかさっぱり分からないということでしょうか

登録日: 2003年10月 05日 記事: 1744

deegg wrote:

私が個人的に素晴らしいと思ったのは↓です。SVGとMathMLの大変実用的な使用例が見られます。
http://homepage3.nifty.com/anoda/oldpage/space/mlab16.xml

おお、完全に実用圏に入ってる気がしますね。
# SVG だけじゃなく MathML と組み合わせると良いのか…

他にも面白い例があったら紹介して下さい。(^^;

deegg wrote:

唯一の難点?は門外漢の私には何のことだかさっぱり分からないということでしょうか

息抜きに無意味な解説を入れてみる。
# あくまで息抜きなのでツッコミ不要。(^^;

一言で言うとカーボンナノチューブという、炭素を原子レベルで綺麗に並べて作った筒はやたらと頑丈で、凄い可能性を秘めてる素材ですよーって話。
# 誤解を恐れずいえばダイヤは炭素だということからも頑丈さがイメージできる。
ともすればちょっと強いくらいがなんだと思ってしまいそうなところだが、強度というのはものすごく実用的な話であり、その大事さを専門外の人にもイメージしてもらえれば幸せーって程度の話。

軌道エレベータというのは、静止軌道上(静止衛星が飛んでいる高さ)までのエレベータを作れば、滑車でものを持ち上げるのに力は殆ど要らないから、ロケットを飛ばすよりも非常に簡単にものを宇宙に持って行けるという発想。
興味を持たせるためとか計算練習用の SF ギャグネタですが、小型軽量化する際にも同じ発想で役立つわけですから、実際大事な話。

それに対してこの筆者はテーパーをかけた場合、つまり太さを場所によって変える場合について議論を追加してます。
ワイヤーは太さによって強度が違うわけで、カーボンナノチューブを用意せずとも既存の素材で太くすればいいじゃんっていう発想は、既存の素材では質量が大きくなりすぎるから結局駄目だよ、と批判しています。
ただ、テーパーについてはそもそもエレベータで議論すべき手法じゃないです。エレベータは物を上下させる前提があるわけで、高さと太さを1:1対応させてしまったら動かせません。残念ながら問題外。(^^;
# 物をつり下げるためだけの用途ならよかった。

フライホイールは物を回転させることでエネルギーを蓄えられる(またはエネルギーを制御できる)って話。
無限の速度で回転が可能なら、蓄えられるエネルギーは無限であり、電池などよりも遙かにエネルギーの高密度化が可能。一言で言えば小型化軽量化ができる。
また、回転させてから放り投げれば凄い速度でとばせるという利点もある。
# 室伏選手の砲丸投げと同じイメージ。(^^;
滑り台みたいなのを逆送して上っていってロケットを発射させようって話が現実にありますが、あれは加速に使える走行路長の制約があるのでなかなか難しい。しかしフライホイールであればその制約はない。

しかしフライホイールを高速回転させるには、ちぎれて飛んでいかないようにする必要があるわけで、その為には軽くて引っ張りに強い素材がいる(紐自体が重いと紐の重さのせいで切れる)。ここでもカーボンナノチューブの出番だよって話。

いずれも質量に対して強度が強いものが要求される例であり、その点は既存素材に対してカーボンナノチューブが圧倒的に優れているため、世界を変える可能性を秘めているわけです。

付録の計算は単純な計算練習ですが、まぁ、物理オタク達に任せておけば良いって話。
専門の人には自明だし専門外の人には不要だから付録なのでしょう。

ゲスト

Moz Draw : SVG+XBL でお絵かき(Line, circle が描ければ...)
http://www.nexgenmedia.net/svg/mozdraw/mozdraw.xml

実例ではないですが、
http://weblogs.mozillazine.org/roc/archives/2005/05/xtech.html
XTech 2005 では google がぐるんぐるん回ったようです。

SVG でなく Canvas ですが、
http://www.hixie.ch/advocacy/whatwg-presentation/#6
時計の針が win だと汚いですが、linux-cairo だと綺麗です。
Canvas Clock は Mac の DashBoard だと元からあるのかな？

登録日: 2003年10月 05日 記事: 1744

mal_blue wrote:

Moz Draw : SVG+XBL でお絵かき(Line, circle が描ければ...)
http://www.nexgenmedia.net/svg/mozdraw/mozdraw.xml

おー、必ず作られるアプリだけど、やっぱ意味もなく嬉しいなぁ。(^^;
# あまり関係ないけど、XUL の GUI 開発環境作ってくれればかなり実用的になりそう

mal_blue wrote:

実例ではないですが、
http://weblogs.mozillazine.org/roc/archives/2005/05/xtech.html
XTech 2005 では google がぐるんぐるん回ったようです。

以前は SVG 内部に他の XML は入れられないみたいな実装だったとか聞いたけど、SVG 内部に HTML を入れるってのは既に Firefox の仕様的に認められているのかな？

mal_blue wrote:

SVG でなく Canvas ですが、
http://www.hixie.ch/advocacy/whatwg-presentation/#6
時計の針が win だと汚いですが、linux-cairo だと綺麗です。
Canvas Clock は Mac の DashBoard だと元からあるのかな？

http://www.mozillazine.org/talkback.html?article=6461

Quote:

The canvas element was originally introduced by Apple for use in the Dashboard feature of Mac OS X.

http://www.apple.com/macosx/features/dashboard/
World Clock ってのがあるのかな。

いやはや素晴らしい。
てか、SVG 作成側のアプリをちょっと調べてみたら Adobe Illustrator 9 以降は SVG 出力に対応していたり、とっくに SVG まわりの環境って整備されてきてたんですね。全然知らなかった…(^^;

登録日: 2003年10月 09日 記事: 43 所在地: 新潟

# pass 変更できたのでログインして書き込み Smile

dynamis wrote:

# あまり関係ないけど、XUL の GUI 開発環境作ってくれればかなり実用的になりそう

mozilla 1.x のころから取り組みはあるのだけれど、進行が途絶える XUL IDE ですが、若干ながら動き出してます。
http://wiki.mozilla.org/XUL:IDE
eclipse ベースの Solid は期待できるかもかも。
SVG まであわせてってのは xulrunner 1.0 以降になる気がしますけど。

dynamis wrote:

以前は SVG 内部に他の XML は入れられないみたいな実装だったとか聞いたけど、SVG 内部に HTML を入れるってのは既に Firefox の仕様的に認められているのかな？

foreignObject ですね。SVG 1.1 にあります。XML 混合文書を扱うためにも外せないでしょう。
簡単なものなら以前からそこそこ表示できていました。
http://www.croczilla.com/svg/samples/foreign1/foreign1.xml
上にあげたものは XTech '05 用に foreignObject の実装を作り直したカスタムビルドによるものだそうです。
パフォーマンスが悪すぎるので、本体に入るにはまだ時間がかかりそうです。

dynamis wrote:

てか、SVG 作成側のアプリをちょっと調べてみたら Adobe Illustrator 9 以降は SVG 出力に対応していたり、とっくに SVG まわりの環境って整備されてきてたんですね。全然知らなかった…(^^;

ベクター形式の交換用の出力形式としてはソフトは大体出揃ってきたんじゃないでしょうか。静止画であれば十分使えそうです。
# イラレのSVG出力形式はちょっとアレという話を聞いたことがありますが...

登録日: 2003年10月 05日 記事: 1744

mal wrote:

# pass 変更できたのでログインして書き込み :)

一安心。;-)

mal wrote:

mozilla 1.x のころから取り組みはあるのだけれど、進行が途絶える XUL IDE ですが、若干ながら動き出してます。
http://wiki.mozilla.org/XUL:IDE
eclipse ベースの Solid は期待できるかもかも。
SVG まであわせてってのは xulrunner 1.0 以降になる気がしますけど。

若干でも動いてくれてますか。That's good news.
私もたまには eclipse 使おうかなぁ…(^^;

mal wrote:

dynamis wrote:

以前は SVG 内部に他の XML は入れられないみたいな実装だったとか聞いたけど、SVG 内部に HTML を入れるってのは既に Firefox の仕様的に認められているのかな？

foreignObject ですね。SVG 1.1 にあります。XML 混合文書を扱うためにも外せないでしょう。
簡単なものなら以前からそこそこ表示できていました。
http://www.croczilla.com/svg/samples/foreign1/foreign1.xml
上にあげたものは XTech '05 用に foreignObject の実装を作り直したカスタムビルドによるものだそうです。
パフォーマンスが悪すぎるので、本体に入るにはまだ時間がかかりそうです。

手持ちの書籍(Firefox Hacks)では

Quote:

Nesting other content inside SVG content won't work; write the SVG pieces so that they're pure SVG.

とあったので、進歩したんだなぁ…と思っていたところです。
カスタムビルドだったというのはちょっと残念ですが、動かせるコードが存在するというのは事実と言うことでめでたいです。

Firefox 1.1 は 1.0 リリースのために停滞していたコードに最新の Gecko の風を吹き込ませるバージョンだというのが実感できますね。
# 一方で Firefox としては設定 UI と拡張機能マネージャなどの変更がされているけど、やっぱこれは 0.1 の違いという感じなのでしょうね。

mal wrote:

dynamis wrote:

てか、SVG 作成側のアプリをちょっと調べてみたら Adobe Illustrator 9 以降は SVG 出力に対応していたり、とっくに SVG まわりの環境って整備されてきてたんですね。全然知らなかった…(^^;

ベクター形式の交換用の出力形式としてはソフトは大体出揃ってきたんじゃないでしょうか。静止画であれば十分使えそうです。
# イラレのSVG出力形式はちょっとアレという話を聞いたことがありますが...

クライアント向けソフトがちょっとアレな出力をするのはトップシェアソフトの常という感じですかね。(^^;