スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークに追加 はてなブックマーク - スポンサーサイト

お絵かきサイト2ndpenに絵の投稿がありました。

Google App Engine で作成した、お絵かきサイト「2nd Pen」に、投稿がありました。

とても、かわいい絵です。ありがとうございます。
http://2ndpen.appspot.com/view?key=aghzfjJuZHBlbnITCxILRmlsZVN0b3JhZ2UY2bACDA

2ndpen1.jpg

http://2ndpen.appspot.com/
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - お絵かきサイト2ndpenに絵の投稿がありました。

theme : システム開発
genre : コンピュータ

ブラウザで、ペン画風なお絵かき

Google App Engine (Python) のトライアルシステムとして、ブラウザ上でペン画のような絵が描ける「2nd Pen」を作成してみました。
http://2ndpen.appspot.com/

ペン画の作成には、JavaScriptライブラリ「Ghostwriter」を使用しています。
https://developer.mozilla.org/en-US/demos/detail/ghostwriter-art-studio

作成した画像は保存できます。保存後、修正やコピーが出来ます。

pen1.jpg
pen2.jpg

はてなブックマークに追加 はてなブックマーク - ブラウザで、ペン画風なお絵かき

theme : JavaScript
genre : コンピュータ

SVG-edit 2.6 正式版が待ち遠しい

MyHome Portal Ver.3.16で、SVG-editを使ったお絵かき機能を追加しました。
http://ok2nd.blog87.fc2.com/blog-entry-253.html

SVG-editは現時点の正式版2.5.1を使っていますが、SVG-edit 2.6 alphaというのがあります。2.5.1に較べて、
「Support for Internet Explorer 9、In-group editing、Image library、Shape library、Context menu、Cut/Copy/Paste、Gridlines, snap to grid、Merge layers、Duplicate layer」等が追加されて、かなり高機能になっています。

SVG-edit 2.6 alphaは、インターネット上で利用可能ですので、これを使ってSVGを作成して、ソース表示してソースをコピーし、MyHome Portalのお絵かき側でペーストする方法を取ることで、SVG-edit 2.6 alphaの機能を使ったSVG画像をMyHome Portalお絵かきデータベースに登録することができます。

<SVG-edit 2.6 alpha>
http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html

はてなブックマークに追加 はてなブックマーク - SVG-edit 2.6 正式版が待ち遠しい

theme : JavaScript
genre : コンピュータ

Ver.3.16:SVGお絵かきと点描アニメ

MyHome Portal Ver.3.16をリリースしました。
http://ok2nd.web.fc2.com/download.html

新コンテンツ「お絵かき」を追加。「svg-edit」(ver.2.5.1)を使っています。
http://code.google.com/p/svg-edit/
「お絵かき」のデータは、SVGデータとしてデータベースに登録できます。
登録データはサムネイル一覧表示できます。サムネイルは、画像の縦横比を3:4として縮小します。
登録データは修正、削除できます。
登録データは、他ユーザーのものを含めて自分のデータとしてコピーして再利用できます。
IE6, 7, 8では、svg-editは動作しませんが、Google Chrome Frame pluginをインストールすると、svg-editが動作するようになります。
http://code.google.com/intl/ja/chrome/chromeframe/
画像表示、サムネイル一覧ができるのはChromeのみです。
svg-edit.jpg
svg-view.jpg
svg-list.jpg

「アルバム」に「点描アニメ」機能を追加。以下の「tenbyou.js」を使っています。
<canvas要素のピクセル操作で点描っぽいお絵描きアニメーション>
http://funenplacanen.com/blog/163
https://github.com/ykhs/tenbyou
サーバーロ-カルの任意の写真画像を点描アニメーション表示できます。
インターバル時間と描画レートを変更して、実行できます。
IE6,7では動作しません。IE8以降は未確認。
tenbyou.jpg

はてなブックマークに追加 はてなブックマーク - Ver.3.16:SVGお絵かきと点描アニメ

theme : JavaScript
genre : コンピュータ

プロフィール

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。