Web サイト内



掲示板CGIお絵かき対応化
 AskaVML BBS
 LightVML BOARD
 COMVML BOARD
 SunVML BOARD
 WebVMLForum
 PatioVML
 YY-VML BOARD
 T-NoteVML

お絵かきエディタ
 お絵かきヘルプ(v1.2 , v1.3)
 お絵かきヘルプ(v1.1a)
 エディタ設定解説(v1.2 , v1.3)

サポート掲示板

VML
VMLエディター・掲示板(古いβ版)
 VMLエディター
 VML掲示板
 VMLサンプル
VMLコードの利用
VML関連リンク

変更履歴
リンク
謝辞
その他
管理人にメール







HOME > VMLエディター・掲示板 (古いβバージョン) サンプル・その他

はじめに

※このページはVMLに興味のある方向けです。
当サイトができた頃から試験的に公開したまま長い間更新をサボっていますが、VMLのサンプルなどを含んでいるのでとりあえずこのままおいています。
VMLエディター・掲示板(β)は『掲示板CGIお絵かき化シリーズ』のベースになったものです。
VMLエディター・掲示板(β)は配布できるようにはなっていません。配布できるようにするかどうかも未定です。(欲しがる人なんかいないでしょうね)


※VMLエディター・掲示板 (古いβバージョン)の公開は2007/3/13停止いたしました。
いずれ何らかの形を変えて公開しようと思います。


VMLエディター・掲示板 (古いβバージョン)

VMLエディター(βバージョン)

ver0.80対応のヘルプ作成はサボっています。デザインや一部仕様が異なりますがv0.74のヘルプを参考にしてください。
下のVML掲示板のお絵描き機能を受け持つ付属ソフトとして作りました。
機能が多い上に説明が不十分ですので、VMLの予備知識と気力のある方向けです。(^_^;
ロード完了後の画面を見て頭の中が「??????...」で一杯になった人は早く立ち去ることをお勧めします。貴重な時間を無駄遣いせずにすみます。(笑)
VML学習中の方には各種サンプルを作る時などの支援ツールとして(時には)役立つかもしれません。
※書き込み可能ですので興味のある方は遠慮なく書き込んで下さって結構です。(但しサンプルとヘルプのスレッドは避けて下さい。)


VML掲示板(βバージョン)



特徴

  • VML(Vector Markup Language)で絵又はアニメ作品を作成し、掲示板で公開することができます*1
    • 通常のコメントの他に次のような作品を投稿できます。
      (図形。お絵描き作品。アニメーション作品。Nコママンガ作品。など)
      掲示板一覧画面で、VML作品は1フレームのみ表示又は(n)で表示されます。
      (nはフレーム数で、1より大きい時はアイコンをクリックすることで再生画面で全てのフレームを見ることが出来ます。)
    • 投稿後、VMLを含む再編集・削除が可能です。
  • VMLエディターは下記のような特徴があります。
    • 編集機能を備えています(複写、移動、拡大・縮小その他)。
    • 図形を擬似メモリーに複数登録・利用することが出来ます。*2
    • 任意の描画データを共有部品として登録・利用することができます。*3
    • 作成した作品のVMLコード*4は参照・コピーが可能です。
      HPをお持ちの方はサイトに貼り付けて使用する等に使えます。(VMLコードの利用)

*1:非公開オプションあり。
*2:現在、12個まで登録できます。
*3:現在、部品登録したデータは共有データとして誰でも利用できる環境になっています。予めご了承下さい。
*4:コードは無駄な記述を多く含む場合があります。


動作環境について

  • Internet Explorer ver5.5以上でないと正常に動きません。これ以外のブラウザは使えません
  • お絵描き・アニメの作成・再生は JavaScriptが動作する環境でないと使えません。
  • 解像度800x600以上を推奨します。(作成時に基準としたサイズは1024x768です)
  • アニメーションなど図形要素が多いものを作成するにはできるだけハイスペックなパソコンでの使用を推奨します。*
  • 現在、描画領域サイズは400x400に固定しています。


VMLサンプル

VML掲示板(v0.80)内で書き込んだVMLサンプルへのリンクです。
VML関連リンクの学習編で見つからないサンプルがひょっとしたらここで見つかるかもしれません。
備忘録的に作ったので雑な作りです。
(140) ← このようなアイコンは括弧内の数字の数だけアニメのコマが存在することを意味します。  (クリックすると別ウィンドウで再生画面が開きます。)


VMLコードの利用

VMLのコードを書くのが面倒という方にお勧めです
  1. VMLエディターで絵を描く
  2. テキストエディターなどでHTMLファイルを編集する
    VMLを表示するベースとなるHTMLファイルは下のものを使うか参考にして下さい。

VML関連リンク

VML関連情報は下記のリンクなどは如何でしょうか。

-学習編-

-番外?編-

  • VML editor(*1)
     シンプルなコードならこれで簡単に作れます。
     ※描いた図形のVMLコードを参照・利用することが出来ます。

  • WWW Paint Board
     上のVML editor(*1)とセットになった海外製お絵かき掲示板(VML+PHP)。
     お絵かき機能はシンプルでも立派(?)に『お絵かき』掲示板として使われているようです。
     ※「"WWW Paint Board" vml editor」(by Google) で検索すると使っているサイトがいろいろ見つかります。

  • VML editor
     *1とは異なるタイプのシンプルなVMLエディタです。
     ※残念なのはブラウザ上でお絵かきしてハイ!オシマイッ!ソレダケ?!という点でしょう。(^^;
     (デモソフト的な印象)

  • VMLmaker.com
     VMLmakerを使うと印刷によりVMLファイル(*.html)を生成することができます。
      US$ 99.95(Single user license) ,デモソフトもあります。(私はデモを試しただけです)