verlet-js:超酷的開源JavaScript物理引擎

來源:互聯網
上載者:User

verlet-js是一個使用JavaScript編寫的物理引擎,支援粒子系統、距離約束、角度約束等, 通過verlet-js,你可以在應用中實現一些非常酷的、具備物理特性的效果,比如碰撞、滾動、滑動或彈跳。

verlet-js的一些特性如下:

  • Simulation(類比):包含複合實體的根對象,用於在一個情境中驅動實體的所有物理特性和動畫效果
  • Composites(複合實體):用於情境內的高層次的對象(比如球、串連物、布料等等)
  • Particles(粒子系統):空間中的粒子點,用於響應各種操作(重力、拖拽等)
  • 約束:將粒子串連在一起,使它們能夠互相交流,包括固定(將一個粒子固定到空間中的某個位置)、距離約束(通過一定的直線距離綁定2個粒子)、角度約束(通過一定角度綁定3個粒子)

你可以通過以下連結查看相關樣本:

  • 一些形狀
  • 分形樹
  • 布料
  • 蜘蛛網

Google之前上線了一個
Google Gravity項目,你會發現所有的頁面元素紛紛落下,你還可以隨意拖動視窗,視窗中的元素也會做出相應的動作,效果相當驚豔,這利用了
Box2D物理引擎(類似於verlet-js)。現在通過verlet-js,你也可以做出類似的效果。

verlet-js源碼託管在GitHub上,採用MIT許可證。

項目地址:
https://github.com/subprotocol/verlet-js

附:另一個類似的可拖拽的布料物理效果:
http://codepen.io/stuffit/pen/KrAwx(大幅拖拽或點擊右鍵可有布料撕爛的效果) 或者
http://lonely-pixel.com/

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.