【重要】サービス終了のお知らせ

Fork
10
Fav
26
View
22421
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 69 lines
  • HTML 2 lines
  • CSS 1 lines
Three.jsの最適化テクニックの紹介。

大量のオブジェクトを配置したい場合は、THREE.GeometryUtils.merge()メソッドを利用してジオメトリを結合すると効果的です。

ジオメトリを結合することによってGPUに対するドローコールが少なくなります。ドローコールの回数はパフォーマンスに最も影響します。


最適化前のデモはこちら
http://jsdo.it/clockmaker/threejs-normal-cubes

このテクニックはFlashのStage3Dでも同様の効果が得られます。


WebGLを使っていますので、WebGL対応ブラウザでしか見れません。
FlashのStage3Dで作れば、どのPCブラウザでも同じようなデモが再生できますが…
  • [Three.js] Performance Tips : marge geometry
  • Three.js r53
  • [Three.js] Performance Tips : marge geometry

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

onhime_linescrowonhime_lines:

Three.js

Forked

sort by