Three.js - Particle Text

clockmaker

License: MIT License

Fork
5
Fav
17
View
6941
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 485 lines
  • HTML 4 lines
  • CSS 10 lines

テキストパーティクルデモ

たくさんのパーティクルが集まっていく感じのデモ。

昔作ったデモの焼き直し

Flash Alternativa3D や Papervision3D で作ったものを移植。

使ったライブラリ

  • TweenMax
  • CreateJS (EaselJS)
  • three.js

知りたいこと

たくさんのPlaneGeometryを使ったのでドローコール多すぎで困っています。いい感じにドローコールを押させる方法が three.js にはないでしょうか?

池田 泰延さんはTwitterを使っています: "Three.jsでちょっとしたコードを試し書きしたのですが、ドローコールを最適化する方法はあるのかしら? http://t.co/L8ggbkEIRK THREE.PlaneBufferGeometry クラスを使えばいいのかな? http://t.co/FqsHD6omoq"

(Twitter参照)

  • Three.js - Particle Text
  • Three.js - Particle Text

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

clockmaker

Author

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

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by