X
Canvasについて語ろう
0174Name_Not_Found垢版2012/06/09(土) 10:38:02.38ID:???
おいおい、ここがcanvasの総合スレかよ…
part5くらい行ってるんだろうな、と思ったら全然書き込みが無いのな。

canvasを使っている人って少数派なのか？
0175Name_Not_Found垢版2012/06/09(土) 10:55:05.51ID:???
別段書くことないしな
質問するにしても数えるほどしかメソッドないしググって終了
0176Name_Not_Found垢版2012/06/09(土) 13:35:39.43ID:???
canvasは意外に敷居が高くて無理ポ
というより>>173の人見ればわかるけど
描画処理は文系理系の差が出る分野だからな
自由自在にできる>>173の中の人が羨ましいわ
0177１７３垢版2012/06/10(日) 11:02:54.20ID:ABo3Xo2V
でも本当に使える人間ってのは数学まっったくできないのにフォトショで面白いことができる人なんだぜ〜
0178Name_Not_Found垢版2012/06/10(日) 11:07:43.05ID:ABo3Xo2V
131にスーパーバラ曲線をつけたぜ
これはマジですごいぜ
0179Name_Not_Found垢版2012/06/13(水) 17:15:43.04ID:EN4DvDde
透過・合成のところが参考になりました
そのまま真似してもよろしいでしょうか？
0180Name_Not_Found垢版2012/06/13(水) 17:23:43.07ID:???
バラ曲線綺麗だね
なんとか絨毯の柄みたいだ
0181じゃがりきん垢版2012/06/14(木) 10:53:31.73ID:zU/m6Hnn
>>179
いいぜ
でもまだ高速化できるからあれ見て自分で考えるといいぜ〜
0182Name_Not_Found垢版2012/06/14(木) 11:46:11.30ID:zU/m6Hnn
あ
0183Name_Not_Found垢版2012/06/14(木) 21:21:56.69ID:???
10000行超えてるんですがｗｗｗｗｗｗｗｗ
すげえな
もうライブラリ化しちゃえばいいのに
0184Name_Not_Found垢版2012/06/14(木) 22:27:12.59ID:Kpb62vJK
>>181
がんがるぜ〜


真似してみた
0185Name_Not_Found垢版2012/06/16(土) 10:38:08.09ID:Y1BAW2JD
ライブラリ化ってどうやるか知らないぜ〜
0186Name_Not_Found垢版2012/06/16(土) 20:01:35.80ID:???
オブジェクトを一つ作ってネームスペースの代わりにして、そこに全部突っ込むんだ。
とりあえずは、それでおk
0188Name_Not_Found垢版2012/06/19(火) 15:09:51.18ID:BKNFn4aE
スバラッ
0189Name_Not_Found垢版2012/06/22(金) 18:23:35.56ID:???
Canvas敷居高いって本気かよ
ペラ紙１枚に収まる程度の貧弱APIなのに……
0190Name_Not_Found垢版2012/06/22(金) 23:51:37.92ID:???
おそらくペンタブと比べてみたいなニュアンスだろう
0191Name_Not_Found垢版2012/06/24(日) 01:40:16.98ID:???
APIの少なさは敷居と関係ないのでは？
JSだってselectに数字並べて表示させるのと
アニメーション実装でグラフィカルで動的なコンテンツ作成じゃ
敷居の度合いが違うでしょう
canvasに線1本ひいて俺canvasできるんだぜとかは誰も言わない
0192Name_Not_Found垢版2012/06/24(日) 01:47:46.66ID:???
>>187はすごいな
古いPCからスタートおしたら死にそうになったけど
一番右下からタヌキ　ライオン　フクロウに見えないでもない
0193Name_Not_Found垢版2012/06/24(日) 08:08:06.02ID:???
達人がCanvas使うとこうなる
ttp://geoquake.jp/experimental/HTML5/HTML5Shooter/
0196Name_Not_Found垢版2012/06/24(日) 20:20:40.45ID:???
でかいのはpngをbase64_encodeしてスクリプトに組み込んでるからだ
画像部分を消したら664kbから20kbになったぞｗ
でもまぁクロージャーコンパイラー使ってるとはいえ
20kbでこれとはすごいな
こういう作品が出れば出るほどcanvasの敷居が高く感じられる
0197１８７垢版2012/06/28(木) 12:10:45.31ID:???
つべに動画あげて台湾人に売り込んできたぜー
0199Name_Not_Found垢版2012/06/28(木) 14:07:26.90ID:???
魔神　でアップロード日で検索したら出たわ
0200Name_Not_Found垢版2012/06/28(木) 16:31:16.44ID:???
カラパイアで紹介されてたの見た。作者は何者なんだ？
0201Name_Not_Found垢版2012/07/05(木) 20:50:33.77ID:???
じゃがりこさんの作ったものまとめないの
0202じゃ 垢版2012/07/06(金) 12:23:31.74ID:l5DQpmYb
>>201
ないぜ〜

canvasで作ったのはこのスレにあげたのでほぼ全部だぜ
あとはこんなのだぜ

canvas使ってないjavascript
ブロックくずし
http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=240&file=aaaa.html
パズル
http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=240&file=vvv.html

エクセル
ピンボール
http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=243&file=nnn.xls


コードがさらにベタベタだぜ！
0203Name_Not_Found垢版2012/07/06(金) 20:48:43.47ID:???
ソースどうにか汁ｗｗｗｗ
//ifとか書いてるけどネストしてたりすると
どこのifかさっぱりわからないと思うわこれｗｗｗ
0204Name_Not_Found垢版2012/07/08(日) 12:50:25.78ID:udMyyPfZ
ちなみにどこまで行った？
0205Name_Not_Found垢版2012/07/09(月) 07:16:34.46ID:FuvFKy+C
ブロック崩しやっと終わった
stage25が鬼畜すぎるｗｗｗ
0207じゃ垢版2012/08/05(日) 12:18:23.04ID:Y+KFicop
今>>187に魔神を追加してばっかでな〜んも作ってないぜ〜
0209Name_Not_Found垢版2012/08/15(水) 12:42:57.51ID:aImIa3Fi
相変わらず、糞コードだな。
0210Name_Not_Found垢版2012/09/11(火) 23:57:02.91ID:???
ttp://www.riaxdnp.jp/?p=1570

この解説が断片的でわからないんですよ。コピペしても動かない。
誰か動くサンプル書いてくれませんか。
0211Name_Not_Found垢版2012/09/14(金) 21:30:06.34ID:0ZCdrfRy
>>210
さくっと見ただけだけど

複数の画像をよーいどんで読み込み→貼り付けってすると
読み込みの早い順になるから
画像読み込み→loadイベント→処理→次

ってやろうとしているんだと思う
で、キャッシュしているとloadが発火しないんじゃないかな

個人的には先に全部読み込み完了させておいてから処理するほうが好きだな
0212Name_Not_Found垢版2012/09/15(土) 22:21:29.30ID:???
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
0216Name_Not_Found垢版2012/10/18(木) 19:11:48.40ID:YuSwgUtq
ドラゴンタートル強ぇ
0217Name_Not_Found垢版2012/11/04(日) 10:49:00.13ID:???
これ内部でレベルとかあがってんの？
レベルうｐ目的で全部の敵倒してみたがHP減るだけで倒し損か？
ソース見て解析しろってことですね
0218Name_Not_Found垢版2012/11/04(日) 17:55:16.65ID:???
HTML見ればレベルアップとかないって書いてある
0219Name_Not_Found垢版2012/11/04(日) 22:27:46.70ID:???
質問です。
canvasのWebページをキャプチャし新しいタブに表示するプログラムがあるのですが
さらに、キャプチャした画像の色を（例として赤を緑に、青を黄色になど）変換したいと
思っているのですが手がつかず困っています。
どなたか教えて頂けませんか？

0220Name_Not_Found垢版2012/11/04(日) 22:28:33.19ID:???
//ページ全体をキャプチャ
(function(){
var win = window.content;
var w = win.innerWidth + win.scrollMaxX;
var h = win.innerHeight + win.scrollMaxY;
var pos = chromeWindow.document.getElementById('main-window');
var scrollbox = chromeWindow.document.createElement('scrollbox');
scrollbox.width = '1';
scrollbox.height = '1';
pos.appendChild(scrollbox);
var canvas = win.document.createElement('canvas');
canvas.style.display = 'inline';
canvas.width = w;
canvas.height = h;
scrollbox.appendChild(canvas);
var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.save();
ctx.scale(1.0, 1.0);
ctx.drawWindow(win, 0, 0, w, h, "rgb(255,255,255)");
ctx.restore();
gBrowser.addTab(canvas.toDataURL("image/png"));
pos.removeChild(scrollbox);
})();

getColordata(関係あるかどうか)など調べていますがわかっていません。
よろしくお願いします。
スレチだったらすみません

0221Name_Not_Found垢版2012/11/05(月) 14:19:12.03ID:ki1QF9hM
スクショできるの知らんかったけどスクショしてcanvasに貼り付けれるなら
後はcanvasからime=getImageData()でバイナリデータとっていじれるぜー

赤と青を変えるぜ↓
function kanten(ime){
var a,b,imed,len;
imed=ime.data;
len=imed.length;
for(a=0;a<len;a+=4){
b=imed[a];
imed[a]=imed[a+2];
imed[a+2]=b;
};
};

でもスクショしたもんは多分セキュリティ外さないとgetImageData()できないかもしれないぜー 外し方↓
クロームの場合：
アイコンを右クリ→プロパティ→リンク先→
〜.exe" の後に --allow-file-access-from-files をつける（先頭とケツに半角スペースをつけてね）
すでにクロームを開いている場合はいったん閉じる
ファイアーフォックスの場合：
アドレスバーにabout:configと入力してエンター→
security.fileuri.strict_origin_policyってとこでダブルクリック
0222Name_Not_Found垢版2012/11/05(月) 21:14:59.99ID:8AWmrkDb
寒天、いや寒転？
0223Name_Not_Found垢版2012/11/07(水) 12:40:48.65ID:???
>>221
どうもありがとうございます。
ちょっと動作確認してきます。
本当にありがとうございます。
0224Name_Not_Found垢版2012/11/07(水) 13:04:49.93ID:???
>>221
追記です。説明不足でした。
firefoxアドオンの開発のためにお聞きしました。
<overlay id="myOverlay"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml">
<statusbar id="status-bar">
<scrollbox width="1" height="1">
<html:canvas id="myCanvas" display="none" />
</scrollbox>
</statusbar>
</overlay>

XULを使用しています。
ボタンを押すことで→キャプチャ＋色の変換→出力
を考えています。どうにかして上記プログラムと組み合わせ？
を行いたいのですができていません。
参考にさせていただきます。ありがとうございます。
0226Name_Not_Found垢版2013/01/10(木) 06:19:39.98ID:rE/mitpA
　　★★★チベットの独立は日本の核心的利益である★★★
　　http://jbbs.livedoor.jp/bbs/read.cgi/study/3729/1226114724/78

　　￥￥￥￥￥￥￥『万有サロン』書き込み大賞・総額100万円￥￥￥￥￥￥￥￥￥￥￥￥

　　この掲示板に優秀な書き込みをして、総額100万円の賞金をゲットしよう！(*^^)v
　　　　万有サロン
　　　　　　http://jbbs.livedoor.jp/study/3729/
　　　　書き込み大賞の詳細
　　　　　　http://jbbs.livedoor.jp/bbs/read.cgi/study/3729/1069922074/78-
　　　　書き込み大賞の詳細(資料倉庫内)
　　　　　　http://www2.tba.t-com.ne.jp/a-z/omake/banyu/taisho.htm

　　また、あらゆる疑問に関する質問を、携帯電話やメールでも受け付けています。
　　　　電話番号　080-4437-4187
　　　　メール　　aaa-zzz@tba.t-com.ne.jp

　　￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥
0227Name_Not_Found垢版2013/01/15(火) 14:41:52.88ID:JWS69SWh
パワハラ犯罪にたいする刑事罰(※本投稿のコピペ歓迎です)
人事原則
１　現行法では、社員が仕事を怠けたり、能力不足、就業規則違反、目標を達成できなくても解雇をしたり叱責することは違法です。どんな駄目社員、嘘つき社員、怠け者も定年まで解雇が違法なのが現行の正社員制度です。
２　パワハラは社風にあわない社員、成績の振るわない社員を自主退職に追い込む言わば人事的措置として用いられることが多い。
※違法な解雇の和解金相場は、労働審判で３ヶ月、通常裁判で１年以上の報酬、さらに社員が和解を拒めば復職が可能です。弁護士への着手金は12〜15万円＋20%の和解金、和解拒否なら20〜50万円程度。

人事部・ホットライン・御用組合へ直訴
メリット：　一時的緩和や人事異動
デメリット：　役員へ情報筒抜け、危険分子の烙印（情報漏洩がホットライン直訴者に多いのは人事部の常識）、パワハラ放置で自主退職に追い込まれる

民事訴訟・調停・労働審判
メリット：　損害賠償
デメリット：　裁判費用、解雇措置、民事不介入で刑事事案化を阻止、長期係争、パワハラ上司の継続雇用

刑事告訴
メリット：　１パワハラ上司の解雇・懲戒、または２多額の和解金、１と２どちらでも被害者の雇用は維持
デメリット：　人事異動（出世コースから外れる）
◎録音は一方の当事者が取る限り合法です。※加害者に録音の同意を求める必要はありません。
◎告訴受理後の和解金は加害者の資産・収入に応じて変えてください。犯罪者の昨年の年収の半額程度×最大懲役年数が妥当です。
◎パワハラの被害についての告訴は１侮辱罪２脅迫罪３強要罪４威力業務妨害罪５傷害罪の順序で行ってください。警察・検察の協力（犯罪者の自宅・職場の強制捜査、留置所勾留）により罪の立証が楽になります。
◎刑事告訴した社員を解雇したり処遇面で著しい差別を行うことはないでしょうが、出世や管理職以上の昇進の可能性はあきらめるべきでしょう。
◎刑事告訴は民事訴訟と違って裁判による被害者への2次被害にありません。検察庁が被害者に代わって訴えをおこすので、無料で、時間と手間も告訴状をかくことと音声録音を残すだけです。
◎和解契約（公正証書・即決和解）では告訴した事実は秘匿事項となります。犯罪者が秘密保持契約を違反した場合の損害賠償金は、最低5000万円〜にしましょう。
0228Name_Not_Found垢版2013/02/04(月) 10:28:17.74ID:UA1BFfVR
保守
0229Name_Not_Found垢版2013/03/06(水) 15:51:24.08ID:0AOG3pFY
ボンバーマンもこれ使ってるの？
0233Name_Not_Found垢版2013/05/21(火) 23:37:22.32ID:???
whammy.jsというライブラリが面白い
canvasからwebm動画に変換できる
0235Name_Not_Found垢版2013/06/09(日) 01:04:07.62ID:???
>>234
すげーけど設定項目が多すぎ＆分かりにくくて頭がパンクしたｗ
あとやっぱ各ブラウザによる不安定さは何時までもネックやね
0237Name_Not_Found垢版2013/06/12(水) 00:34:59.39ID:???
やばい・・
Uint8Array＋blob＋createObjectURLが優秀すぎる
base64encodeせずに音を出せたぜ
0238Name_Not_Found垢版2013/08/28(水) NY:AN:NY.ANID:???
すみません。スレ違いだとは思いますがSVGについて教えてください。

フチ付きの二つの図形を結合させたいのですがHTML5のSVGで可能でしょうか?
可能でしたら解説サイトなど教えていただけないでしょうか?
0240Name_Not_Found垢版2013/08/28(水) NY:AN:NY.ANID:???
すみません。スレ違いだとは思いますがSVGについて教えてください。

フチ付きの二つの図形を結合させたいのですがHTML5のSVGで可能でしょうか?
可能でしたら解説サイトなど教えていただけないでしょうか?
0242Name_Not_Found垢版2013/08/29(木) NY:AN:NY.ANID:???
右クリックからリンク先のURLをポップアップで表示するChromeの拡張機能を作っています。
アラートではリンク先のURLが表示されるのですが、ポップアップではURLを表示することができませんでした。
また、ポップアップに文字を書き込むことを試したのですが何も表示されませんでした。
popup.htmlに別のjsファイルを読み込むようにしないとダメなのでしょうか？

function popUp(info) {
alert(info.linkUrl);
chrome.windows.create({
"url":"popup.html",
"type":"popup"
},function(win){win.document.write("abc")});
}
chrome.contextMenus.create({
"title": "ポップアップを表示",
"type": "normal",
"contexts": ["link"],
"onclick":popUp
});
0244Name_Not_Found垢版2013/10/01(火) 03:58:30.33ID:???
なるほど、相変わらずわからん
0246Name_Not_Found垢版2013/10/07(月) 13:11:22.53ID:???
あげるならさjsdo.itだかなんかのカヤックが運営するあそこにあげてよ
0247245垢版2013/10/08(火) 02:55:04.15ID:BYxKYpip
見てきたけどwonderflみたく左側にコード出るのかよ
俺のだと嫌がらせになるぜ〜
0248Name_Not_Found垢版2013/10/12(土) 01:02:44.71ID:???
コード管理大変そうなソースだな
改行とかあるあたりコンパイルしたってわけでもなさそうなのに
こんなコード書いてたら自分じゃ途中でわけわからなくなっちまうで
0252Name_Not_Found垢版2013/11/11(月) 13:30:52.86ID:???
少しはソースコードがましになってるｗｗｗ
がやはり何をやってるのかさっぱりわからん
0253Name_Not_Found垢版2013/11/11(月) 21:07:54.50ID:???
そのサイトで無改編のforkだけしてるやつなんなの
0254Name_Not_Found垢版2013/11/12(火) 10:39:47.28ID:???
有用性のあるサイトが全くないよな。
え、これフラッシュじゃないの? というくらいのカッコいいサンプルサイトとかないのかな。
0255２５１垢版2013/11/23(土) 06:06:17.92ID:KSATDeUj
みなさんのおかげでHotCodeに食い込みました
ありがとうございます＞＜
0256Name_Not_Found垢版2014/01/13(月) 20:29:49.69ID:???
じゃがりきんって人は数学者かなにか？
何者なんだ・・
0257Name_Not_Found垢版2014/01/20(月) 12:35:06.31ID:???
チョン大でユークリッド幾何教えてるって昔オフで言ってた
0258Name_Not_Found垢版2014/02/07(金) 22:01:42.13ID:???
大きな画像をcanvasに読み込んで縮小表示するとすげージャギります。
解決策ないですかね？

<img>タグで読み込んだ画像を縮小表示するときは、アンチエイリアスが効いて綺麗に表示されるのに…。
0259Name_Not_Found垢版2014/02/08(土) 12:22:17.39ID:???
等倍で読み込む→getImageData→自前縮小→put
0260Name_Not_Found垢版2014/02/08(土) 23:44:34.82ID:???
>>259
レスありがとうございます。
canvasの drawImage() を使ってリサイズせずに、
別の方法で画像をリサイズしてからcanvasにはリサイズ後の画像を等倍で描画しろ、ってことですね。

自前でリサイズ処理を実装するのが難しそうだ…。
ブラウザのcanvas実装が進化して、綺麗にリサイズできるようになる日が来るのを待ちますw
0261Name_Not_Found垢版2014/02/09(日) 16:41:57.72ID:???
drawImage()で縮小する方法として、
「いったん目的の画像と元画像の中間の大きさの画像を生成する」
っていう段階的にリサイズする手があるみたいですね。
ジャギー発生の条件が「画像の縮小率が 50% を下回る」ということらしいので、
段階的に縮小して50％を下回らないようにすればジャギらないようです。

Canvas drawImage() で画像を縮めすぎるとギザギザする問題を解消する
http://jsdo.it/21f/nvIM
0262Name_Not_Found垢版2014/02/11(火) 09:37:58.89ID:4E0HsFuc
そもそも50%以下でジャギるって仕様はどうなってんだ
バイリニア（周囲４マスしか参照しない）か？
0263Name_Not_Found垢版2014/02/12(水) 15:51:06.92ID:???
画像を円形にくり抜くのって出来ないの？
0266Name_Not_Found垢版2014/03/17(月) 18:29:00.18ID:9eq4Z8up
>>265
ザックリしか見てないけど
function ruup()などの関数名がイカス
0268Name_Not_Found垢版2014/03/23(日) 15:46:24.23ID:ykVxlW4K
詳しい方、おしえてください。当方、canvas初心者です。

canvasに４つの四角を描くプログラムを書いたのですが、
なぜか、４つめの枠線が薄くなります。

ソースコードを以下に上げたので、ご教示ください。m(_ _)m

ttp://sandbox323.wiki.fc2.com/wiki/canvas-test
0269Name_Not_Found垢版2014/03/23(日) 19:27:33.78ID:???
stroke()はrect()呼び出した後に毎回呼び出さず、最後に一回だけ呼び出せばいい
0270Name_Not_Found垢版2014/03/23(日) 20:12:22.08ID:???
>>269
レスありがとうございます。

/* 四角を描く */
ctx.strokeStyle = 'rgb(255, 0, 0)'; //赤
for ( var key in coordinates ) {
ctx.rect( coordinates[key].x, coordinates[key].y, 25, 25);
}
ctx.stroke();

としてみたら、４つとも同じ色の枠線になったのですが、
なぜか少し薄い赤です。

それで、当てずっぽうですが、

/* 四角を描く */
ctx.strokeStyle = 'rgb(255, 0, 0)'; //赤
for ( var key in coordinates ) {
ctx.rect( coordinates[key].x, coordinates[key].y, 25, 25);
}
ctx.stroke();
ctx.stroke();

とstroke()を2回繰り返したら、４つとも普通の赤になりました。

自分のブラウザ（chrome最新版）がおかしいんでしょうか？
0271Name_Not_Found垢版2014/08/01(金) 21:21:33.37ID:rp6Y6Wdn
Canvas Fingerprintingはクッキーより怖いのか技術的に調べてみた
ttp://techracho.bpsinc.jp/morimorihoge/2014_07_29/18555
0273Name_Not_Found垢版2015/02/17(火) 18:46:25.11ID:???
幾何学の図形を描くのにCanvasは適していますか。
他にHTMLドキュメントで表現できる方法はありますか。
SVGのほうが最適でしょうか。
新着レスの表示
レスを投稿する

ニューススポーツなんでも実況