[過去ﾛｸﾞ]
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (1002ﾚｽ)
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net http://peace.5ch.net/test/read.cgi/hp/1444186237/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
522: Name_Not_Found [sage] 2015/11/02(月) 23:01:06.14 ID:??? >>506 text.indexOf('\r'), text.indexOf('\n') を比較して若番で slice http://peace.5ch.net/test/read.cgi/hp/1444186237/522
523: Name_Not_Found [sage] 2015/11/03(火) 00:06:25.13 ID:??? >>519 そのサイトのhttp://poebuilder.com/scripts/main-684797ca.js みてみると少なくともCanvasのメソッドのdrawImageは使ってみるみたい ＞どういう方法 となるとピンキリなのでかなり初歩的なことをいうと １）canvas要素を取得する var canvas = $('#canvas_hoge')[0];//記述が面倒なのでjquery ２）２Dコンテキストを取得する var ctx = canvas.getContext('2d'); ３）１，２までは常例。このctxを使って色々とやる sample.gifをcanvas_hogeの左上から右に10、下に20のところに、横幅30px,縦幅40pxで表示したいときの例。 ctx.drawImage('sample.gifのパス', 10,20,30,40); poebuilder.comのサイトではおそらく 背景画像（http://poebuilder.com/images/passive-tree/Background1-4698c9cb.png）をdrawImageで その上に大きい円盤画像（http://poebuilder.com/images/passive-tree/Group_Background_2-f9d9fcf5.gif）をdrawImageで その上に道筋をctx.lineTo（）などで、or道筋の光るエフェクト その上にマテリア？小さい円盤（https://poebuilder.com/images/passive-tree/KeystoneFrameAllocated-ac95f890.png）などをdrawImageで たくさんあるマテリア？円盤？の画像はdrawImage の順にcanvas上に上書き描画していると思われる マウスで移動、拡大する度にcanvasの表示部分（878px,619px）に”何が”、”どれだけ”描画されるのかを計算して ↑の手順で再描画しているので、（たぶん）人間が見える部分だけを描画していることがポイント 例えば、画面が拡大されたら小さい円盤もdrawImageで拡大して〜、あの円盤は見えないから描画しない〜、みたいに http://peace.5ch.net/test/read.cgi/hp/1444186237/523
524: Name_Not_Found [sage] 2015/11/03(火) 00:08:55.70 ID:??? 訂正 ＞たくさんあるマテリア？円盤？の画像はdrawImage は不要で http://peace.5ch.net/test/read.cgi/hp/1444186237/524
525: Name_Not_Found [] 2015/11/03(火) 00:23:07.98 ID:XWhC8bdi オフセット値は「基準点からの差(距離)で表した値」ってit用語辞典に あるのですが、 配列における個々の値をオフセット値って言う(?)ようなのですが、 全然わかりません。わかりやすく教えて下さい。 http://peace.5ch.net/test/read.cgi/hp/1444186237/525
526: Name_Not_Found [sage] 2015/11/03(火) 00:48:05.20 ID:??? >>519 すまんよくみたら ＞マウスで移動、拡大する度に 再描画なんてしていなく cssの要素zoomプロパティだった 最初に通常の大きさで円盤やら道やら全部描画して あとはcssでzoomなりなんなりする 明るくなるエフェクトは何でやってるのかはわからん http://peace.5ch.net/test/read.cgi/hp/1444186237/526
527: Name_Not_Found [sage] 2015/11/03(火) 01:15:51.09 ID:??? >>523,526 回答ご苦労様だが、その内容を理解できる奴がする質問ではないのは分かるだろ。 普通はこんな馬鹿は無視して終わりだよ。 http://peace.5ch.net/test/read.cgi/hp/1444186237/527
528: Name_Not_Found [sage] 2015/11/03(火) 02:20:56.94 ID:??? >>506-522 最初から1文字ずつチェックして、LFを探す。 LFがあれば、その前の文字が、CRかどうかで処理を分ける >>525 配列における個々の値を、オフセット値とは言わない。 たぶん誤植か、君の勘違い 例えば、オフセット値とは、50〜200の各座標値があるとき、 各座標値から50を引いて、0〜150で考えた方がわかりやすいとか、 相対座標と絶対座標の差(ズレ)を表す数字で、この例の50 http://peace.5ch.net/test/read.cgi/hp/1444186237/528
529: Name_Not_Found [sage] 2015/11/03(火) 11:26:59.74 ID:??? >>528 >>506の件、1文字ずつ走査するぐらいならString#indexOfで十分では？ 1文字ずつはIE7も考慮するとString#charAtを使わなくてはならないので効率が悪い http://peace.5ch.net/test/read.cgi/hp/1444186237/529
530: Name_Not_Found [sage] 2015/11/03(火) 15:01:17.07 ID:??? >>506 http://jsfiddle.net/cau4mx8d/ http://peace.5ch.net/test/read.cgi/hp/1444186237/530
531: Name_Not_Found [sage] 2015/11/03(火) 15:40:26.79 ID:??? >>530 function getFirstLine3 (string) { return (string.match(/^[^\r\n]+/) || [string])[0] } はい一行 http://peace.5ch.net/test/read.cgi/hp/1444186237/531
532: Name_Not_Found [sage] 2015/11/03(火) 16:00:14.72 ID:??? >>531 >>508-509 http://peace.5ch.net/test/read.cgi/hp/1444186237/532
533: Name_Not_Found [sage] 2015/11/03(火) 16:10:07.51 ID:??? >>532 >>511-513 http://peace.5ch.net/test/read.cgi/hp/1444186237/533
534: Name_Not_Found [sage] 2015/11/03(火) 16:24:38.04 ID:??? スマートの基準が人それぞれだから回答者同士でいがみあっても仕方ない パフォーマンス基準、コードの短さ基準、いろいろ基準がある 最も、正規表現を使うなら /^[^\r\n]*/.exec(string) で十分だと思うが http://peace.5ch.net/test/read.cgi/hp/1444186237/534
535: Name_Not_Found [sage] 2015/11/03(火) 16:36:56.17 ID:??? ロジック上の無駄は省くべきだが、コードが短ければ良いというものでもないよな http://peace.5ch.net/test/read.cgi/hp/1444186237/535
536: Name_Not_Found [sage] 2015/11/03(火) 16:44:28.40 ID:??? どっちにしろ var foo = new Hoge(text); var line = foo.getLine(); while (line !== null) { なんか; line = foo.getLine(); } とか foo.bar(function (line) { なんか; }); のような感じで使えるようにしておくかな俺なら http://peace.5ch.net/test/read.cgi/hp/1444186237/536
537: Name_Not_Found [sage] 2015/11/03(火) 16:48:35.24 ID:??? どちらかというと俺は>>530の関数で第一引数がString型でない時に例外が発生する仕様が気になる >>531も同様の問題を抱えているが、>>534のように書けば修正されるな http://peace.5ch.net/test/read.cgi/hp/1444186237/537
538: Name_Not_Found [sage] 2015/11/03(火) 17:59:55.41 ID:??? >>537 配列を引数にとると例外すら発生しなかったので修正した http://jsfiddle.net/cau4mx8d/1/ http://peace.5ch.net/test/read.cgi/hp/1444186237/538
539: Name_Not_Found [sage] 2015/11/03(火) 19:31:10.08 ID:??? お前らの話を見ている限り、お前らは絶対的にコードを書き足りていない。 書けば上手くなるものではないけど、書かなければ上手くなることはない。 だから、今のお前らはもっとコードを書かないと駄目だ。 >>530,538 君はコードを書いた。それはいいことだと思うし、君はそれによって前進したいようだ。 ならばちょっと手助けしてみようと思う。 getFirstLine1では、Math.minを使ってはいけない。そして処理の順番が逆だ。 多分君には意味が分からないと思うが、逆に、この順番にした理由、Math.minを使った理由もないだろ？ だったら何故駄目なのか考えてみることだ。 getFirstLine2では、前置にこだわりが見られるが、ここら辺は流儀にもよる。 個人的には後置にするところだが、まあこのコードはありだろう。 こだわりを持つこと自体は悪いことではない。 http://peace.5ch.net/test/read.cgi/hp/1444186237/539
540: Name_Not_Found [sage] 2015/11/03(火) 20:11:01.96 ID:??? >>539がコード書きまくった熟練のコードを見せてくれるそうです http://peace.5ch.net/test/read.cgi/hp/1444186237/540
541: Name_Not_Found [sage] 2015/11/03(火) 20:16:13.06 ID:??? 足りてないのはコードを書くのではなく、読む量が全然足りてない。 新人のコードをレビューすると全然他者のコードを読んできていないのがわかる。 俺の下に付いた人には、先人の美しいコードをどんどん読ませることにしている。 すぐに生産性が上がりバグの作り込みが減る。 http://peace.5ch.net/test/read.cgi/hp/1444186237/541
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 461 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.012s