2016-01-01から1年間の記事一覧

CentOS7に NVIDIA GTX1080をインストールする

ここを参考にした。 http://blog.livedoor.jp/rootan2007/archives/52090548.html ># systemctl set-default multi-user.target ># reboot - ># mv /boot/initramfs-$(uname -r).img /boot/initramfs-$(uname -r)-nouveau.img ># dracut --omit-drivers nouv…

TreeWalkerを使ってフォームの中の要素をエンターキーで移動する(書き換え中)

なんとなくだが過去に教えていただいたものが蘇る 最近は、このUIは嫌われたか忘れ去られたか。 (function () { function filter (n) { switch (n.tagName) { case 'INPUT' : if ('hidden' === n.type) break; case 'TEXTAREA' : case 'SELECT' : if (n.disa…

配列の中の文字列と同じだったら、それぞれの文字列ごとにカウントする

/* 与えられた文字列の出現回数をそれぞれカウントする 使い方 var hoge = MultiCounter.create (['a', 'b', 'c']); hoge.countup('a'); hoge.countup('a'); hoge.countup('b'); var rst = hoge.getCount (); => [2, 1, 0] */ (function () { function Multi…

パソコンを新調した。しかもできるだけパーツは白を基調とするも、ケースはピンク色

ビデオカードは何つけよう? 色は白をだな ビデオカードがデカすぎ! それを支える棒が付いてきたけど、ケースの横の蓋と干渉するので諦めた。 ワイヤーで吊す。まぁこれで良し。 MB: ASUSTeK SABERTOOTH/Z170/S CPU: Intel CPU Core i7-6700K CPUクーラー: …

台風だ

ここは大丈夫。あと数時間の辛抱。 珍しいな〜。

JavaScript:マウスのドラッグ操作により、3次元の物体の回転を制御する

/* マウスのドラッグ操作で、3次元の物体の回転を制御する */ (function () { var INIT_QUATERNION = [1, 0, 0, 0]; function RotationController (element) { this.target = element; this.mouseX = null;//マウス座標の基点 this.mouseY = null;//マウス座…

右目の視力がほぼゼロになる

これで3回め。車の運転もできない。大きなストレスとなる。 治療の成果がなかなか現れない。

JavaScriptで選択問題作成(3)

それにしても、やっちまったなぁ〜 JavaScriptで選択問題作成(3) http://okwave.jp/qa/q9174815.html <meta charset="utf-8"> <style> fieldset.q ul { list-style: none; } </style> <body> <h1>問題</h1> <fieldset class="q"> <legend>Q1. 九州の県は次のうちどれですか?</legend> <ul> <li><label></label></li></ul></fieldset></body></meta>

テキストデータから文字列を取り出したい

http://okwave.jp/qa/q9172829.html正規表現は関数の外に展開したほうがよかったな。 そもそも取り出すテキストの中に同じキーワードがあるならば破たんするか。 製作時間60分を目標としていたのに、超えてしまった。 5日間も休んでいた筋トレを再開した。…

Canvasで網目模様を描く方法を教えてください。その6

球体をマウスドラッグにより回転させる。しかも慣性によりマウスアウトしたあとも少し回る。 3D canvas { background : #000; } //http://jsdo.it/totetero/without_polygon //http://stardustcrown.com/reading/rotate3d.html //http://d.hatena.ne.jp/gyuq…

Canvasに球体を表示させマウスのドラッグにより回転させる

クォータニオンによる回転を学び、正しく動作するように改良した。 要点は、前回のクォータニオンとマウスをドラッグした時のクォータニオンの積が 現在の回転クォータニオン数で、マウスアウトしたときは、 その積を前回の回転クォータニオン数として記憶す…

Canvasで網目模様を描く方法を教えてください。その5の派生

地球のテクスチャーマッピング。 基本的なところを勉強中。 マウスで操作できるのだが、イベントハンドラあたりを書き直した。 こちらは問題ないのだが、その5に適用すると球体の反対側を表にしたとき動作が逆になる。 あぁ〜時間がほしい。また忙しくなる…

Canvasで網目模様を描く方法を教えてください。その5

マウスのドラッグにより球体の回転を行えるように改良した。 しかし、動作がおかしい <meta charset="UTF-8"> <title>3D</title> <style> canvas { background : #000; } </style> <body> <canvas width="1024" height="700"></canvas> <script> (function () { function CanvasController (canvas) { this.canvas = canvas; this.mouseX = 0; this…</body></meta>

種市は、桜満開(喜利屋さんで撮影)

CANVASで網目模様を描く方法を教えて下さい.その4

面の明るさを計算できるようにした。 面の法線ベクトルを調べ、平行光源とのベクトルの角度を抽出して明るさを調べる。 もう高速化には限度がありそうなので、オブジェクト指向っぽく書き直すかな。 (プログラムが読みづらい) <meta charset="UTF-8"> <title>3D</title> <style> canvas { background :</style></meta>…

CANVASで網目模様を描く方法を教えて下さい.その3

動かしてみたら、球体と回転にミスがあることが判明。 OKWave にも投稿したし、これで安眠できる。めでたし、めでたし。 <meta charset="UTF-8"> <title>3D</title> <style> canvas { background : #fff; } </style> <body> <canvas width="1024" height="512"></canvas> <script> function ball (r, n, n1) { var rst = [], a = [], b = [], c = []; var pi = M…</body></meta>

CANVASで網目模様を描く方法を教えて下さい.その2

ここまでやったなら、「俺流」といえるかもしれない。 <meta charset="UTF-8"> <title>3D</title> <style> canvas { background : #ddd; } </style> <body> <canvas width="1024" height="512"></canvas> <script> function prism (r, h, n, n1) { var i, j, k, x, y, yn, z; var rst = [], top = [], btm = [], b = [0], c = [r]; v…</body></meta>

久々にCanvasで3Dのオブジェクトを描画してみる。(隠面処理付き)

草刈りで疲れているというのに、興味をそそられた。 睡眠時間がないじゃん! しかも今日は筋トレの日。 ベンチプレスが50キロで停滞中。 CANVASで網目模様を描く方法を教えて下さいhttp://okwave.jp/qa/q9151762.html <meta charset="UTF-8"> <title>3D</title> <style> canvas { background : #ddd; } </style></meta>…

みたび間違えたよ

http://okwave.jp/qa/q9131681.html idx=1 だよな <html> <meta charset="utf-8"> <title>q9131681.html</title> <body> <dl id="hoge"> <dd>222</dd> <dd>333</dd> <dd>AAA</dd> <dd>AAB</dd> <dd>BBB</dd> <dd>BBC</dd> <dd>CCC</dd> <dd>CCD</dd> </dl> <script> function firstCharType (e) { var t = e.t…</body></meta></html>

雪を降らせる。その2

ちょっとずつ改良(?)する オブジェクトの定義のやりかたがスマートなのか?! <meta charset="utf-8"> <title>Snow</title> <style> body { background-color:black; overflow: hidden; } </style> <body> <script> var Snow = new function () { if ( 'undefined' === typeof addEventListener || 'undefined' === typeof setI</body></meta>…

オブジェクトを勉強しなおす

雪を降らせるスクリプトを過去のHDDから拾ってきた。 こういうスクリプトを見たとき感動したことを思い出す。 じっくりと眺めている。 基本というかこのテーマが「オブジェクトを移譲しまくる!」なのだが、 未だにこんな書き方の発想を1から作ることができ…

ちょっと余計なこと

<html> <meta charset="utf-8"> <title>スライドショー</title> <body> <p> <img src="a1.jpg" id="Ga" alt="images"> もし違うタイミングで複数の箇所の画像を替えたいとしたなら? <script> function Changer (target, speed, imgs) { this.target = target; this.speed = speed; this.imgs = imgs; this.timerId = null; this.index = 0; } C…</p></body></meta></html>