はてなブックマーク

はじめに 前回の記事ではthree.jsのCubeを迷路内で歩かせるものを作りました。 今回は別パターンの移動方法、経路探索を利用したマウスクリックベースの移動デモをやってみます。 下記は、今回用に書いたJSコードです。その他汎用ライブラリと合わせて読み込んでください。 FieldGenerator.js FieldStage.js MrCube.js RouteSearch.js フィールド生成 前回までは迷路が舞台でしたが、今回はマウスクリックベースの移動なので、戦略ゲームのようなフィールドを用意することにしました。 [Demo] Square_001 (WebGLRenderer or CanvasRenderer) [JSソース] マウスドラッグでフィールドの回転、マウスホイールでズームが行えます。 マウスのヒット判定 まずやらなければいけないのは、フィールドのどこをクリックしてい

はじめに 前回の記事ではthree.jsのCubeを使って迷路データを3Dで書きだすまでをやりました。 今回はその迷路の中を歩きまわるCube君を投入していきますよー。 ・・・その前に、JSコードがかさばるので前回分のコードは最適化して外部ファイルにしてます。事前に読み込んでください。 Maze.js Stage.js そして下記が、今回の開始時のスクリプトになります。 その他の外部ファイルは前回とほぼ同じですが "RequestAnimationFrame.js" だけ外してあります。 [Demo] Cube_001 (WebGLRenderer or CanvasRenderer) Cube_001 (CanvasRenderer) 配置と移動 壁と同じ要領で、Cubeを作って開始位置に設置します。また、矢印キーで上下左右に移動する実装もここで行っています。 [Demo] Cube_0

Dynamic Grid, Start/Finish Event Example - Variable grid layout. onStart onFinish

Simple Example - Variable grid layout. demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo demo

jquery.vgrid.js (demo005) Index demo001 demo002 demo003 demo004 demo005 demo006 demo007 demo008 demo009 demo010 Sort Example - Variable grid layout. AAA Foo Bar BBB Foo Bar CCC Foo Bar DDD Foo Bar EEE Foo Bar FFF Foo Bar GGG Foo Bar HHH Foo Bar III Foo Bar JJJ Foo Bar KKK Foo Bar LLL Foo Bar MMM Foo Bar NNN Foo Bar OOO Foo Bar PPP Foo Bar QQQ Foo Bar RRR Foo Bar SSS Foo Bar TTT Foo Bar UUU Foo Bar

テキストオートコンプリートjQueryプラグイン(jquery.gcomplete.js) by Google API いやー、Googleの検索って便利ですよね。特にローマ字で打ってんのに日本語候補出してくれるのがシビれます。 なので、あの恩恵を普通のテキストフィールドでも受けれるようにしたいなーって思って勢いで書きました。 もちろん、GoogleSuggest系のjQueryプラグインが山ほどあるのは知ってるんですが、山ほどありすぎて逆にわけわからんのでもっと混沌とさせようかと。。。 Demo Demo Page 利用方法はデモのソースを確認してください。 Download github zip file 利用には、jQuery本体(必須)とjquery.mousewheelプラグイン(オプション)が必要です。別途読み込んでください。 更新情報 v0.1.2 (20100223) バッ

Demo list - Variable grid layout. demo001 - Simple Example demo002 - Basic Option Example demo003 - Any Height Grid Example demo004 - FadeIn Option Example demo005 - Sort Example demo006 - Dynamic Grid, Start/Finish Event Example demo007 - Dynamic Image Grid, Start/Finish Event Example demo008 - Multi Box Grid Example demo009 - Grid Element Show/Hide Example demo010 - Drag And Drop Sort Example

RTMのリマインド機能みたいにSkypeメッセージ送りたい オレオレリマインダー的なものが必要だったので、PHPからSkypeチャットしてみたメモです。 LinuxはD-Bus経由で通信 調べたところ、Linux上でSkypeAPIを利用するには、アプリケーション間でやりとりを行ってくれるD-Busっていうのを使うらしい。 自分の場合は、すでにD-Busのパッケージが入ってたので特にすることはないが、なければ yum や apt-get で簡単に入るようだ。 あともちろん、Linux版のSkypeも必要。 runlevelは5 Skypeはテキストログインでは使えないっぽい。 なので、Linuxはグラフィカルログインである必要がある。 この時点で、ちょっとやる気が落ちてきた。 ちなみに、テキストログインで運用中の場合は、コマンドラインで telinit 5 と叩くとグラフィカルログインに動

XRDSって何？ ぶっちゃけ、よく知りません。 OpenID Provider の情報を記述したXML形式のファイルだと思います。 XRDSってどう使うの？ ＠ITに記事があるよ。 ・・・まぁ、説明はこれで済んでしまうんですが。。。 一応、導入ログ書きます。 XRDSファイルを作る とりあえず、Yahoo!、はてな、openid.ne.jp の OpenID Provider を記述したXRDSファイルを作る。 <?xml version="1.0" encoding="UTF-8"?> <xrds:XRDS xmlns:xrds="xri://$xrds" xmlns:openid="http://openid.net/xmlns/1.0" xmlns="xri://$xrd*($v*2.0)"> <XRD> <Service priority="0"> <Type>http://spe

そのスクリプト多重起動されたら困る クーロンで定期的に実行されるPHPスクリプトがあるんだけど、処理が長引くと多重起動しちゃう。 それは困るのでPIDファイルを利用しましょうって話。 PIDファイルってのは今回の場合、自分自身のプロセスIDを記述した、ただのファイルです。 実装してみる <?php /*PIDファイル名*/ $pid_file = "process.pid"; /** * PIDファイルの確認と作成 */ if(file_exists($pid_file)){ $_pid = trim(file_get_contents($pid_file)); system("kill -s 0 {$_pid}", $_status); if($_status){ unlink($pid_file); echo 'NOTICE: プロセスの存在しないPIDファイルを削除しました。'; }

BlogをMTからMiddleman+S3にしたよ Date: 2013/11/03 05:20 非同期ページ遷移なjQueryプラグイン書いたよ Date: 2011/05/15 21:07 【３】Cubeで遊ぼう！ 経路探索編 - はじめてのthree.js Date: 2011/04/24 07:42 【２】Cubeで遊ぼう！ Tweenアニメーション編 - はじめてのthree.js Date: 2011/04/18 12:33 【１】Cubeで遊ぼう！ 迷路生成編 - はじめてのthree.js Date: 2011/04/16 09:40 GoogleSuggestっぽいjQueryプラグイン書いたよ Date: 2010/02/21 07:20 可変グリッドレイアウトのjQueryプラグイン書いたよ Date: 2009/09/06 16:17 PHPからSkypeチャットを