clockmaker

FlashやHTML5を中心に活動するテクニカルディレクター / インタラクティブデベロッパー
株式会社ICS代表 / 筑波大学非常勤講師

Twitter (JP) : http://twitter.com/clockmaker
Twitter (EN) : http://twitter.com/clockmaker_en

Blog (JP) : http://clokcmkaer.jp/blog
Blog (EN) : http://clokcmkaer.jp/blog-en

Works

Three.js - Particle Text

# テキストパーティクルデモ たくさんのパーティクルが集まっていく感じのデモ。 # 昔作ったデモの焼き直し - [昔の3DデモをFlash Player 11(Stage3D)へ移植してみた 第2弾 | ClockMaker Blog](http://clockmaker.jp/blog/2011/10/convert-stage3d/) - [ベクターテキストを扱えるようになったPapervision3D | ClockMaker Blog](http://clockmaker.jp/blog/2008/12/papervision_vector_font/) Flash Alternativa3D や Papervision3D で作ったものを移植。 # 使ったライブラリ - TweenMax - CreateJS (EaselJS) - three.js # 知りたいこと たくさんのPlaneGeometryを使ったのでドローコール多すぎで困っています。いい感じにドローコールを押させる方法が three.js にはないでしょうか? [池田 泰延さんはTwitterを使っています: "Three.jsでちょっとしたコードを試し書きしたのですが、ドローコールを最適化する方法はあるのかしら? http://t.co/L8ggbkEIRK THREE.PlaneBufferGeometry クラスを使えばいいのかな? http://t.co/FqsHD6omoq"](https://twitter.com/clockmaker/status/608991298029125632) (Twitter参照)

  • 4271
  • 17

[Away3D] Fire Particles

Away3D TypeScriptで燃え盛る炎の表現を作ってみました。 詳しくはブログでの解説記事をご覧くださいませ。 http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/

  • 2291
  • 4

Rainbow Particles using CreateJS

# About HTML5 CanvasとCreateJSを使って作成したパーティクルデモです。 時間が経過すると文字が浮かび上がってきます。 This is the particle demo using HTML5 Canvas and CreateJS suite. The text will be shown when the time has elapsed. # Reference Google+にて詳しい解説を紹介していますので、実装方法が気になる方はご参照ください。 [Google+](https://plus.google.com/102594170131511973965/posts/fZ8mxm436Ca) ※Google+のフォローはお気軽に。 # Frameworks * CreateJS

  • 5074
  • 11

CreateJS - Particle Emitter (using facebook flow)

■CreateJS パーティクルデモ HTML5デモはCreateJSを使ってるので、パーティクルの動きが滑らかです。 iPhone 6 Plusの大画面でもヌルヌル動きます。 ■JavaScriptはfacebook flowを使用 flow codeを使ってjsxでコンパイルしたコードを貼り付けています。 flow codeってaltJSな感じですね。 ■詳しくはブログ記事を見て下さい! facebook flowでHTML5 Canvasデモを作ってみた - ICS LAB http://ics-web.jp/lab/archives/3611

  • 7241
  • 22

[Away3D] Particles

# HTML5とJSで3D表現に挑戦! # WebGL対応の本格派フレームワークAway3Dを使ったパーティクルデモ [解説記事はこちら](http://clockmaker.jp/blog/2014/01/webgl-away3d-particle/)

  • 2496
  • 9

Butterfly 3D

< more info > http://clockmaker.jp/blog/2010/10/canvas_js_demo/ < thanks > http://github.com/mrdoob/three.js/

  • 16121
  • 34

ShuffleText Example

  • 9431
  • 27

ForceMap Arrows

  • 14253
  • 32

Apple Watch Menu MODOKI

# Apple Watch Menu MODOKI ## Library - CreateJS ## altJS - TypeScript 1.4.1 (ECMA Script 5)

  • 8275
  • 15

Emotion Fractal in HTML5

詳しくはこちらを参照ください。 https://plus.google.com/102594170131511973965/posts/6UKtNSSrAMn

  • 10117
  • 38

Colorful Lines

Colorful Lines @author clockmaker @see http://clockmaker.jp/blog/ forked from wonderfl http://wonderfl.net/c/qlFz

  • 29292
  • 67

Tree in the breeze

Tree in the breeze @author clockmaker @see http://clockmaker.jp/blog/ forked from wonderfl http://wonderfl.net/c/9KQy/

  • 35164
  • 86

Particle 3000

みんな大好きパーティクル (JavaSript, HTML5バージョン) @author clockmaker @see http://clockmaker.jp/blog/ wonderflのパーティクル祭りを参考 http://wonderfl.net/c/436W/

  • 124663
  • 145

Apple Watch MODOKI

# Apple Watch Modoki ##Usage ### Libraries - CreateJS ### altJS - TypeScript 1.4.1 (ECMA Script 5) ### Tool - Flash Pro CC (HTML5 Canvas)

  • 4390
  • 10

Skills

Hot tags

Categories

HTML / CSS / JavaScript