_shimizu

群馬県高崎市在住のエンジニア 。サーバ管理したり、自動組版のスクリプト組んだり、サイト作ったりして生きてます。データビジュアライゼーションとオープンデータにハマってます。Webデザイン & JS勉強中。   I luv javascript!

Works

d3.js pack

http://shimz.me/blog/d3-js/2652

  • 4823
  • 2

d3.js pie

http://shimz.me/blog/d3-js/2652

  • 8879
  • 2

d3.js Treemap

http://shimz.me/blog/d3-js/2652

  • 4947
  • 0

d3.js stack

http://shimz.me/blog/d3-js/2652

  • 5797
  • 1

D3.js 折れ線グラフ

  • 3878
  • 2

d3.js ネットワーク(Force Layout)

d3.jsはデータビジュアリゼーションのためのライブラリです。 http://d3js.org/ SVGを使用しているため、IEはver9以上でないと動きません。 正式にはこの手の図の事を、力学モデル というらしいです。 http://ja.wikipedia.org/wiki/%E5%8A%9B%E5%AD%A6%E3%83%A2%E3%83%87%E3%83%AB_(%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0)

  • 17639
  • 3

d3 hexbin

【D3.js】地図上にHexbin(六角形)を表示する http://shimz.me/blog/d3-js/2881

  • 6071
  • 0

【snippet】jQuery UI ドラッグ&ドロップ

jQuery UI drag&drop http://jqueryui.com/demos/draggable/ http://jqueryui.com/demos/droppable/ 追記 z-index調整してみた。

  • 2618
  • 1

enchant.js ブロック崩しもどき

当たり判定の学習用。 chromeでしか動作確認していません。 パッドの移動は、ドラッグ or タッチで。 クリアもゲームオーバーもありません。 ボールの挙動が変です orz 当たり判定って、「Spriteの下辺に接触したかどうか」といった判定ってどうやるものなんでしょうか? 素材はこちらからいただきました。 http://hp.vector.co.jp/authors/VA006860/block/gazou/index.html

  • 3741
  • 0

経路探索 + enchant.js

chrome推奨 クリックした場所へ移動。 フルスクリーンだとステージのサイズが合わなくなって動かない orz

  • 5951
  • 5

【snippet】テーブルを編集できるようにする(Edit in Place)

jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする(Edit in Place) http://shimz.me/blog/?p=1505

  • 15537
  • 1

シンプル シューティング

「ゼロから始めるenchant.js入門」を入手したので、勉強中 http://www.amazon.co.jp/dp/4048862588 第6章を写経中 元のサンプルは以下 simpleShooting http://9leap.net/games/1034 素材は以下からいただきました。 背景 http://www.ikachi.org/graphic/scroll/01.html 自機 http://game.yu-nagi.com/htm/senntouki1.htm

  • 7496
  • 1

rot.js + encant.js マップジェネレーター

rot.js http://ondras.github.com/rot.js/hp/ クリックするとマップが生成されます。 RPGを作るのに便利なアルゴリズムを提供する「rot.js」 http://shimz.me/blog/?p=1343

  • 11814
  • 4

自動着色

画像がアップロード出来るようになったらしいので、テスト javascript で自動着色やってみた。 http://shimz.me/blog/?p=238

  • 1668
  • 5

最短経路探索

chrome 推奨 Macだと等倍が効かなくて、迷路がズレズレだったので、とりあえず全角にしてみました。 A-starの方がうまくいっていない気がするんだけど、なにを間違えているのかがわからない orz 参考にさせていただいたサイト。 Dijkstra's AlgorithmとA-Star AlgorithmをJavaScriptで実装してみた http://jx-script.blogspot.jp/2009/08/dijkstras-algorithma-star.html JavaScriptで自動迷路生成 http://s-bot.net/entry/277.php

  • 6138
  • 7

Skills

  • Wordpress
  • jQuery
  • HTML5
  • CSS
  • JavaScript
  • PHP
  • SQL

Hot tags

Categories

HTML / CSS / JavaScript