Works

RASENGAN Art.

螺旋丸ぐるぐる [こちら](http://unlekker.net/) を参考にさせてもらいました。 三次元座標変換の習作モーショングラフィックです。 Clickで色が変わります。 ## [フルスクリーンでどうぞ](http://jsrun.it/calmbooks/RasenganArt)

  • 8480
  • 34

バラバラたいぷ

嫌いな言葉をタイプすると、 少しだけストレス発散になります。 フルスクリーンはこちら http://jsrun.it/calmbooks/barabara_type 参考 http://jsdo.it/kimmy/fyTg ※ Chrome

  • 3328
  • 19

画像1つで、手書き風にピクピク化

画像1つで、よく映像とかで使われる、 ピクピクする手書き風の動きを表現します。 リロードで動きと画像が変わります。 背景はノート風。

  • 8157
  • 22

CSSだけでスルスルDropDownMenu!

タイトル: CSSだけでスルスルDropDownMenu! コード概要: Safari or Chromeでみるべし! Firefoxだとスルスルしない。 topプロパティの%指定を使用しているとこがポイント。 親ボックスのheightをtransitionしてますヾ・_・) 更新日時: 2011/1/23 制作者: calmbooks

  • 129987
  • 77

2D Image to 3D Model (2D画像の3D化)

自前計算で三角形分割。 3D化といっても、2値化して奥行きをつける感じです。 ドラッグアンドドロップで 画像を変えることができます。 が、結構シンプルな画像じゃないと うまくいきません。あしからず フルスクリーン http://jsrun.it/calmbooks/2dImageTo3dModel

  • 3024
  • 10

Bézier Art RGB

2013.06.22 構造まるわかりモード搭載( Please Click!! ) Full screan http://jsrun.it/calmbooks/BezierArtRGB

  • 5405
  • 19

CSS3でサルをカク

CSS3のプロパティを使って描いているサルです。 Twitter や jsdo.it に使っている自分のアイコンをお手本にしています。 違いは髪の毛が一本のところ。 Safari と Chrome でバンザイします。 IEだと面白いことに。

  • 31508
  • 35

JSで「ひっぱって更新」のUI

スマホでよくある「ひっぱって更新」のUIです。 PCでもみれるようにしましたが、 タッチデバイスで見ていただけると嬉しいです。 http://jsrun.it/calmbooks/pullRefresh (こちらからフルスクリーン) Androidは確認してないです。

  • 7185
  • 23

jsdo.it WebSocket Controller のスティック部分

http://jsdo.it/controller jsdo.it WebSocket Controller のスティック部分です。 PCでも扱えるように、 マウスイベントとタッチイベント両方に対応しています。

  • 19469
  • 13

進め!CSSロード

cssでつくったゲームです。 時間計測とTwitter投稿のところ以外はcssのみです。 最後のほう結構イライラします。 クリアして結果をツイートしよう! Google Chrome or Safari のほうが楽しめます。

  • 38073
  • 38

なつかしのスペースシューティング

  • 6768
  • 4

:hoverを応用した動的グラデーション

マウスを動かすと色が変化します。 cssだけでつくってます。 IEでも動く(はず)! フォトギャラリーとかに使えなくもない。

  • 7924
  • 9

鏡餅+(お餅カウンター) for jsdo.it

## 退屈な正月を13分くらい暇つぶしできるスマホサイト [http://2013-sumatsubushi.kayac.com/](http://2013-sumatsubushi.kayac.com/) からの移植です。 (なのでちょっと雑コードです。) 素材は 会社の後輩 [@ritohha](http://twitter.com/ritohha) 作

  • 1818
  • 3

Draw rainbow flower

花もようが描かれます

  • 3161
  • 5

jsfind.it 〜うんこを探せ〜

うんこを探してください。

  • 7140
  • 21

border-radiusでバウンドキャラ

  • 3018
  • 7

CUBE サル with Three.js WebGL

Three.js 勉強中

  • 2416
  • 2

Sprite Generator(自分用)

いい感じのスプライト画像生成ツールが見つからないので 自分でつくってみたオレオレジェネレータです。 DRAG & DROP で使えます。 ※ Chromeでのみ動作確認 ※ 列数だけ指定できます ※ 基本的に画像サイズは統一する ## [フルスクリーンでつかう](http://jsrun.it/calmbooks/SpriteGenerator) Canvas実装なので、サーバを介さないのがよい

  • 3901
  • 2

画像処理 勉強用

二値化 グレースケール モザイク を勉強しました。

  • 1739
  • 3

GruGru Effect

https://github.com/calmbooks/UnityGruGruEffect ↑をGLSLに移植。

  • 1053
  • 1

Three.jsでシーン全体をぼかす(ポストエフェクトでブラー)

こないだお仕事で実装したやつをjsdoitに残す。

  • 3176
  • 8

GLSL Manga Effect Line

マンガ風の効果線です。

  • 1511
  • 1

GridShader for GLSL

お仕事で実装したやつをjsdoitに残す。

  • 920
  • 0

Web Audio API test

Web Audio API のテストです。

  • 2553
  • 10

Skills

  • HTML5
  • CSS3
  • JavaScript
  • CoffeeScript
  • SCSS

Hot tags

Categories

HTML / CSS / JavaScript