canvasでのお絵かきソフトの作り方と実例
ブログの運営者：金子晃之 YouTubeチャンネル登録者120万人超。パソコン関連の著書を4冊出版してます。 HTML5にcanvasという機能があり、それを使って簡単なスマホでもパソコンでも使えるお絵かきソフトを作って見ました。 色々なサイトを参考にさせてもらって作れました。 参考にしたサイトが多すぎて省かせてもらいますが、すごい機能つけてる人もいっぱいいるんだなと感心しつつ作ってみました。 お絵かきソフトは他に良い機能をもったソフトがいっぱいあるので、わざわざ作る必要もないのですが興味ある人は使ってみて自分でも作って見てください。 私は絵がめちゃめちゃ下手なので、ぐちゃぐちゃに書いてみました。 絵が得意な人はいいなーっていつも思うだけで結果書かないので、自分はうまくならないんですよね。 お絵かきソフトを使って見る お絵かきソフトの使い方使い方は簡単です。 １つ前に戻るボタンは「描きミス
HTML5のcanvas+Node.js+WebSocketでリアルタイムお絵描き共有アプリを作ったよ : ミームの死骸を越えてゆけ
5月201118 HTML5のcanvas+Node.js+WebSocketでリアルタイムお絵描き共有アプリを作ったよ タグ ：node.jsJavascriptHTML5expresssocket.ioWebSocket Tweet Node.jsの勉強がてら作ってみた。 サーバーサイドとクライアントサイドが全部Javascriptで書けるというのは思った以上に気持ちいい。expressのフレームワークも最小限な構成で、ちょっとNode.jsを試したいときに助かる。 SocketSketch(公開停止中) さくらVPS上で動かしてる。いろいろバグありますが超α版ってことでご勘弁ください。あと「こんな機能あったらおもしろそう」というのがあれば教えて下さい。頑張って考えてみます。 大したもんじゃないけどソースコードはGitHubに...。↓ memerelics/sketch-node -
クリエイトウェーブ開発日記 FlashCS6のHTML5書き出したアニメをスマートフォンの画面に最適化させる
おつかれさまです。フッチーです。 最近FlashCS6のHTML5書き出しオプション「Toolkit for CreateJS」の使い方がようやっと判ってきました。 http://www.adobe.com/jp/devnet/createjs/articles/getting-started.html にも書いてありますが、CS6の「Toolkit for CreateJS」は、FlashをHTML5に変換するツールではありません。 Flashを使ってHTML5コンテンツ制作を開発・補助するものです。 慣れてくると、これが結構便利です。 jActionみたいに、複雑なゲームを作るのには向かないけど、アニメ制作とか、ちょっとした演出に使うのには最適です。 SNSゲームの、ちょっとした演出にも十分使えるのではないかと思っているところです。 さて、「Toolkit for CreateJS」を
Dragon (Fireworks) - jsdo.it - Share JavaScript, HTML5 and CSS
// #! jsx // forked from Event's "Web Creator's Contest Q the 2nd【vol.1】エントリー用コード" http://jsdo.it/Event/frf8 import 'js/web.jsx'; import 'timer.jsx'; class Config { static const COUNT = 750; static const GRAVITY = 1.2; static const ALPHA = 0.15; static const WIND = 0.25; static const LIFE = 32; static const SPARK_LIFE = 8; } class _Main { static function main(args:string[]):void { var canvas = dom
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
