Hình dạng toán học và hình khối cứng bằng cách sử dụng canvas và javascript

Question

Tôi có một người bạn cũ là một nhà toán học. Anh ấy có toán học riêng để nén các công thức của mình, những công thức cực kỳ đẹp.

Anh ấy làm việc trong một chương trình có tên Mathematica, công cụ này biến đổi các công thức cho hình dạng 3D.

Tôi tự hỏi liệu có thể lấy các số liệu này bằng Canvas và JavaScript không? Xem công thức và hình đính kèm.

Tôi biết rất ít về điều này. Nhưng tôi sẽ vui mừng nếu một số người có thể cho tôi xem một ví dụ.

Answer 1

Kể từ khi bạn đề cập đến Mathematica tôi sẽ sử dụng nó để cung cấp một vài ví dụ khác cho giá trị khác nhau của t. Tôi không thể giúp bạn với vải mặc dù.

Đây là mã Mathematica:

With[{a = 3, t = 0.7}, 
RegionPlot3D[ 
    10^-(t x + y)^10 + 10^-(-t x + y)^10 + 10^-(t y + z)^10 + 
    10^-(-t y + z)^10 + 10^-(t z + x)^10 + 10^-(-t z + x)^10 > 
    5/2, {x, -a, a}, {y, -a, a}, {z, -a, a}, PlotPoints -> 50, 
    Boxed -> False, Axes -> None 
]] 

t = 0,2

t = 0,4

t = 0,7

0.123.

t = 1

Answer 2

Đó chắc chắn là có thể. Bạn có thể xem thư viện javascript-surface-plot và ví dụ làm việc tại http://www.grvisualisation.50webs.com/javascript_surface_plot.html. Nó tạo ra một mô hình 3D từ một công thức toán học có thể được quét và xoay theo mong muốn.

Nếu bạn xem mã cho ví dụ này, có một chức năng thiết lập mà bạn cần phải cập nhật cho bất kỳ công thức nào bạn muốn. Chỉ cần chuyển đổi công thức toán học của bạn thành javascript.

Tôi không chắc chắn bạn muốn làm gì với các mô hình này khi bạn có, nhưng thư viện này có vẻ phù hợp với yêu cầu của bạn. Tìm kiếm html canvas 3d plot cũng sẽ xuất hiện thêm các thư viện.

Answer 3

Bạn đang thực sự hỏi hai câu hỏi:

1. Có bất kỳ thư viện vải 3D: YESK3D
2. Có thư viện toán học cho javascript: YESdiscussed here

Nếu bạn đang thực hiện các phương trình toán học lõi cứng (có vẻ như bạn), bạn nên làm nó trong một thứ như MatLab/Maple và bán phá giá nó trong một tập tin sau đó sử dụng một thư viện canvas 2D để render hình ảnh. Tôi có rất nhiều dữ liệu 3D và tôi làm điều đó.Tôi chạy một kịch bản Python mà tính toán các điểm sau đó nối nó vào một tập tin html (nhớ, các trang web không thể đọc dữ liệu từ tập tin, vì vậy bạn phải bao gồm các dữ liệu như là một phần của tập tin html của bạn). Sau đó, tôi tải tệp html và hiển thị tạo hình ảnh bằng cách sử dụng EaselJS

Answer 4

Tôi nghĩ rằng WebGL sẽ là lý tưởng cho việc này. Nó được tăng tốc đồ họa trong các trình duyệt mới nhất và có thể hiển thị ở chế độ 3D đầy đủ.

Có thể có các thư viện ở đó có thể hiển thị từ các chức năng ngoài hộp, nhưng đó là một công nghệ mới, do đó bạn có thể phải tự viết nhiều.