[過去ﾛｸﾞ] + JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
515: 2015/11/02(月)19:21 ID:??? AAS
なに。
文句でもあるの。
516: 2015/11/02(月)19:35 ID:??? AAS
てす
517: 2015/11/02(月)20:42 ID:??? AAS
れす
518: 2015/11/02(月)21:41 ID:??? AAS
正規表現でsplitも出来るし
split使う方がスマートじゃないわ
ぼけてるの？
519(2): 2015/11/02(月)21:42 ID:??? AAS
canvasに大量の画像を任意の場所に配置するのは
どういう方法が考えられるでしょうか。
ゲームでよく見るスキルツリーのシミュレーションを作りたいと思っています。
path of exileのPoE Builderのようなものがイメージに非常に近いです。
ソースを見てみると何千行もありどこで何の処理をしているか
ほとんど理解できず、助言を頂けたらと思った次第です。
canvasもここのソースを見て初めて知った程度のレベルです。
外部ﾘﾝｸ:poebuilder.com
よろしくお願いします。
520: 2015/11/02(月)21:44 ID:??? AAS
あきらめろん
521: 2015/11/02(月)22:08 ID:??? AAS
とりあえずcanvasの勉強するのが一番の近道になると思う
522: 2015/11/02(月)23:01 ID:??? AAS
>>506
text.indexOf('\r'), text.indexOf('\n') を比較して若番で slice
523(1): 2015/11/03(火)00:06 ID:??? AAS
>>519
そのサイトの外部ﾘﾝｸ[js]:poebuilder.com
みてみると少なくともCanvasのメソッドのdrawImageは使ってみるみたい
＞どういう方法
となるとピンキリなのでかなり初歩的なことをいうと
１）canvas要素を取得する
var canvas = $('#canvas_hoge')[0];//記述が面倒なのでjquery
２）２Dコンテキストを取得する
var ctx = canvas.getContext('2d');
３）１，２までは常例。このctxを使って色々とやる
省12
524: 2015/11/03(火)00:08 ID:??? AAS
訂正 ＞たくさんあるマテリア？円盤？の画像はdrawImage
は不要で
525(1): 2015/11/03(火)00:23 ID:XWhC8bdi(1) AAS
オフセット値は「基準点からの差(距離)で表した値」ってit用語辞典に
あるのですが、
配列における個々の値をオフセット値って言う(?)ようなのですが、
全然わかりません。わかりやすく教えて下さい。
526(1): 2015/11/03(火)00:48 ID:??? AAS
>>519
すまんよくみたら
＞マウスで移動、拡大する度に
再描画なんてしていなく
cssの要素zoomプロパティだった
最初に通常の大きさで円盤やら道やら全部描画して
あとはcssでzoomなりなんなりする
明るくなるエフェクトは何でやってるのかはわからん
527: 2015/11/03(火)01:15 ID:??? AAS
>>523,526
回答ご苦労様だが、その内容を理解できる奴がする質問ではないのは分かるだろ。
普通はこんな馬鹿は無視して終わりだよ。
528(1): 2015/11/03(火)02:20 ID:??? AAS
>>506-522
最初から1文字ずつチェックして、LFを探す。
LFがあれば、その前の文字が、CRかどうかで処理を分ける
>>525
配列における個々の値を、オフセット値とは言わない。
たぶん誤植か、君の勘違い
例えば、オフセット値とは、50〜200の各座標値があるとき、
各座標値から50を引いて、0〜150で考えた方がわかりやすいとか、
相対座標と絶対座標の差(ズレ)を表す数字で、この例の50
529: 2015/11/03(火)11:26 ID:??? AAS
>>528
>>506の件、1文字ずつ走査するぐらいならString#indexOfで十分では？
1文字ずつはIE7も考慮するとString#charAtを使わなくてはならないので効率が悪い
530(3): 2015/11/03(火)15:01 ID:??? AAS
>>506
外部ﾘﾝｸ:jsfiddle.net
531(3): 2015/11/03(火)15:40 ID:??? AAS
>>530
function getFirstLine3 (string) {
return (string.match(/^[^\r\n]+/) || [string])[0]
}
はい一行
532(1): 2015/11/03(火)16:00 ID:??? AAS
>>531
>>508-509
533: 2015/11/03(火)16:10 ID:??? AAS
>>532
>>511-513
534(1): 2015/11/03(火)16:24 ID:??? AAS
スマートの基準が人それぞれだから回答者同士でいがみあっても仕方ない
パフォーマンス基準、コードの短さ基準、いろいろ基準がある
最も、正規表現を使うなら /^[^\r\n]*/.exec(string) で十分だと思うが
上下前次1-新書関写板覧索設栞歴
あと 468 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.017s