Có công cụ vật lý nước cho javascript không?

Question

Tôi muốn tạo bản trình diễn bằng cách sử dụng javascript và <canvas>, tôi đã nghĩ đến việc tạo một sinh vật nhỏ đang di chuyển, nhìn từ trên xuống và bơi trong môi trường nước.

Khái niệm "nghệ thuật":

Có cái gì tôi có thể sử dụng để bắt đầu dự án này, hay tôi cần để tạo ra tất cả mọi thứ từ đầu?

Answer 1

http://rumpetroll.com/ là mã nguồn mở và có các loại phong trào thể bạn có thể sửa đổi để làm như bạn muốn

Answer 2

Chỉ cần một ý tưởng, nhưng bạn có thể tìm kiếm cho một công cụ Java và sau đó sử dụng GWT để biên dịch nó để Javascript.

Answer 3

Xin lỗi tôi không biết của một thư viện, nhưng tôi đã nhìn thấy một vật lý nước trong bản demo vải thời gian gần đây:

http://hakim.se/experiments/html5/wave/03/

lẽ bạn có thể nhận được một số nguồn cảm hứng đó ... bạn có thể có thể thực hiện nó với một thư viện vật lý JS bình thường như Box2DJS.

Answer 4

Tôi không chắc chính xác bạn dự định mô phỏng (hoặc tôi có nghệ thuật khái niệm :)), nhưng đây có thể là hướng: processing.js không phải là một công cụ vật lý, mà là một thư viện đồ họa port to javascript (sử dụng canvas) - http://processingjs.org/. Tuy nhiên, bạn có thể tìm thấy nội dung nào đó trong bản trình diễn tương tự với những gì bạn đang cố gắng tạo.

Một trong những ví dụ về thư viện xử lý ban đầu có mô phỏng chất lỏng tốt đẹp sử dụng hệ thống hạt và chạy nhanh trên processing.js - http://processing.org/learning/topics/fluid.html, tuy nhiên tốc độ khung hình rất kém. Bạn có thể tự mình thử tại http://processingjs.org/learning/ide - chỉ cần sao chép & dán mã từ ví dụ (và chuẩn bị cho máy tính của bạn thu thập dữ liệu để tạm dừng).

Bạn có thể thử điều chỉnh số hạt (pnum), để cải thiện tốc độ và chơi xung quanh với các biến khác.

Answer 5

Dưới đây là một bản demo http://code.almeros.com/code-examples/water-effect-canvas/