2012.11.28 | 

こんにちは、muchoです。
たまたま見かけたソースの中に便利なものがあったのでメモ。

配列から指定した値を取り除く!というものです。
spliceの変形です。



  Array.prototype.remove = function() {
    var i, j, l, m;
    l = arguments.length;
    i = 0;
    while (i < l) {
      m = this.length;
      j = 0;
      while (j < m) {
        if (arguments[i] === this[j]) {
          this.splice(j, 1);
          m--;
        } else {
          j++;
        }
      }
      i++;
    }
    return this.length;
  };


これだと、prototypeを書き換えてしまうので、それもどうかと思いつつ、
この機能がもともと実装されてたらいいのになーと思ったり。

使う時はこんな感じで。



  var ary = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
  ary.remove(5);
  ary.remove(8, 9, 0);
  console.log(ary); //[1, 2, 3, 4, 6, 7]
  


2012.10.29 | 

今年もあと2ヶ月となりました。
こんばんはmuchoです。
3ヶ月ぶりのエントリーです。

いくつかの案件で、カードを敷き詰めたような、
いわゆるMasonry Layoutを実装したのですが、
それが有名なライブラリではうまくいかず、自作してみました。

参考にしたのはこの3つ
jQuery Masonry
http://masonry.desandro.com/

Isotope
http://isotope.metafizzy.co/

jquery.vgrid.js
http://blog.xlune.com/2009/09/jqueryvgrid.html

どれもソートが可能な反面、隙間がところどころに発生してしまい、
そこを詰めたいな、ということになり、そこそこ詰めるように
作り直してみました。
言葉では美味く説明できませんが、
サンプルを見て頂くと分かりやすいと思います。
http://devjam.github.com/jquery.cram.js/

なるべく隙間を埋めてしまう仕様上ソートはできません。
順番が変わっても隙間を無くしたいという方はどうぞ。

ソースはこちら
https://github.com/devjam/jquery.cram.js

2012.10.15 | 

おはようございます。
一ヶ月前THREE.JSを利用してFPSゲームを作ってみました。
前「THREE.JS を利用してFPSゲームを作ってみよう1」のソースをベースにして作ってみました。
いろんなスクリプトが追加されましたので全体的の流れを説明しつつファイルをアップロードします。
ご参考になるといいと思います。

「ゲームのアップデートは有ります。もっといい企画を立ってまたブログします。」

:: GAME INFO ::
TITLE : SHIFTBIRD
PROGRAM SUPPORT : kaminary
CHARACTER DESIGN : Mucho

:: HOW TO GAME ::
90秒以内にアイテムを使って鳥を撃って落とすゲームです。

:: 操作 ::
ITEM
ITEM1 = KEY [1] 連発銃
ITEM2 = KEY [2] ショットガン
ITEM3 = KEY [3] 砂時計

MOVE
上 = KEY [W]
下 = KEY [S]
左 = KEY [A]
右 = KEY [D]

ATTACK
SHOT = MOUSE [LEFT BUTTON]



//全体的な流れです。

init() 
     THREE.JS基本設定 
     Camera setting
     Render setting

     //ターゲット表示
     CrossHair setting 

contentLoad()
   //回りの風景
     skybox img load
   bullet modeling json&teture load
      
setup()
     controller setup
     skybox setup
     //キャラクター生成
     chr setup [BoxMan class (MD2CharacterComplex.js) ]
     chr camera setup

addEvent()
     mouse Event
     keyboard Event

gamestart()
     game time setup
     game option setup
     game item setup

     //鳥作り ShiftBird.jsからclass import
     bird make [shifrBird class (ShiftBird.js) ]


animation()
     gameStatus check
     camera position check
     controller update

     //character 移動とアニメーションアップデート
     chr update

   //たまと鳥のヒットテスト 
     bullets & birds hit check



source : ShiftBird.zip

SHIFTBIRD

2012.08.21 | 

///
このメモのブックマークレットはうごかなくなりました。
新しいバージョンのメモはこちら
URLに対するフェイスブックのいいね数を調べるツール。その3
///

どうも。kaminalyです。
以前、「URLに対するフェイスブックのいいね数を調べるツール。
をメモったんですが、
それを改良したので、またメモっていますよ。

ブックマークレットの意味がよくわからず、
このツールを堪能できていない人も多いようですね。。。
このツールは「いいねどんだけ〜」のリンク部分を右クリックしてブックマークに保存したり、
ブックマークバーにリンクをドラックしてブックマークしたりしておいて、
いいね数を調べたいサイトをブラウザで開いた状態で、
保存しておいたブックマークを押す(開く)とアラートでお知らせするというものです。

ではどうぞ。

いいねどんだけ〜Ver2(超他力本願バージョン)

こちらは、@hidekiyさんのプロキシ
海外のシェアカウントサービスのsharedcount.com
@dankogaiさんのxhrの実装をマッシュアップして作りました。
せっかくjQurey.ajaxからxhrにしたのに、IEでの挙動があやしいので、
ChromeやFirefoxなどで使うのをお勧めします。

アラートにerrorと出ることがありますが、
ページの取得に失敗したときに出るものです。
何度試してもerrorになる場合は・・・あきらめてください(汗

興味ある人は続きの開発メモもご覧下さい。
(続きを読む...)

2012.08.09 | 

ども。kaminalyです。

先日Unibaさんと合同でWebGL(Three.js)/GLSLな勉強会をしました。
会社以外で前にでて話すってのは、なかなか機会がないので良い刺激になった。
あと、勉強会に参加してくれた方々の反応が良かったので、
ほっこりした感じで終わる事が出来た。
バンドマンだった時の寒いMCを思い出す。
もし、みんなが無反応だったら、やけ酒だったろうね。酒飲めないけど。

と、話がそれましたが、
その勉強会の時、Unibaの今野さん(@nulltask)が
Three.jsのDomRendererというニッチなネタでせめていて、
その時ふと、Three.jsを使ってサイトをぶっ壊すネタを思いつきました。
くだらないです。ええ、くだらないし、役にも立たないです。

↓をブックマークして使うとブックマークレットとして使えます。
explosion

ただ押すと、このサイトが吹っ飛びます。

まだ実装途中ですが、爆発音を付けたいと思ってます。
爆発音鳴るようにしました。

ソースはgithubに置いてあります。てけとーに遊んでみてください。
https://github.com/kaminaly/explosion.js