投稿者 スレッド: html5+jQueryを使うと面白いモノが!  (参照数 244 回)

admin

  • Administrator
  • Hero Member
  • *****
  • 投稿: 59143
    • プロフィールを見る
html5+jQueryを使うと面白いモノが!
« 投稿日:: 7月 10, 2020, 02:47:40 pm »
html5+jQueryを使うと面白いモノが!

筆談ボードとか、ホワイトボード、お絵かきソフトなどのアプリは一杯あって
選ぶのが大変な位です。簡単に使えて、見やすいものを作ってみました。(た
だ複雑になるとなかなか作るのが難しいので)html5+jQueryを使っていろいろ
遊んでみました。

始めに「手書きホワイトボード」これはマウスでボードに書くだけ、線の太さ
も2種類、色も4種類、消去は一気に全部消せる。全画面をある色にすることも
出来る。文字を書いて失敗したときは背景の色で塗ることで消しゴムで消すよ
うになる。これはネットに繋がなくでもindex.htmlをダブルクリックすること
でも使える。(自分のPC上で)。またタブレット(Android)で該当URLにアク
セスして使うことが出来る。ipadは不明。
プロジェクターに繋いだときなど黒板がわりに。Zoomのホワイトボードの代わ
りに画面共有で使う。また聴覚障害者の筆談ツールとしても使える。

手書きホワイトボード
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/wboard/

次にWeb Whiteboardは上記より少し複雑になっている。テキスト文字を打ち込
むことも出来る。線の幅は細かく調整出来る。線の透明度も変えられる。なか
なかの優れものです。でもタブレット(Android)では全く動作しない。ipad
は不明。

Web Whiteboard
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/

次にお絵かきソフト(html5_Canvas)。
Webにあるお絵かき掲示板のようなことはほとんど出来る感じのお絵かきソフ
トです。色の種類も線の太さ、色の透明度も任意で選ぶことが出来る。また書
いた作品は自分のパソコン、タブレットに保存することが出来る。タブレット
(Android)でも動作します。ipadは不明。

お絵かきソフト(html5_Canvas)
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/oekaki/

この3つのソフトウェアは自分のPCに置いておいて、index.htmlをダブルクリ
ックするだけで動作する。但し、Web Whiteboardはネットワークに繋がってる
必要がある。
« 最終編集: 7月 10, 2020, 02:50:52 pm by admin »