Giter VIP home page Giter VIP logo

quantum9innovation / 3d-grapher Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 0.0 86 KB

A simple 3d graphing program for the web designed for everything from scene rendering to describing vector fields.

Home Page: https://quantum9innovation.github.io/3d-Grapher

License: GNU General Public License v3.0

JavaScript 100.00%
graphing-calculator 3d-graphics-renderer 3d-grapher vector-field scene-rendering

3d-grapher's Introduction

3d-Grapher

Simple. Fast. Accurate.

The flexibility you need in a simple framework designed to accomodate everything from scene rendering to vector fields. Here's what you can do:

  • Multiple Perspectives (see rotationSpeed)
  • 3d Animations (update mathematical models as they are being rotated)
  • Vector Fields (see vector_field_grapher.js)
  • Scene Lighting (move light_source)
  • Surface Plotting (see surface_grapher.js)

Everything can be described mathematically [1] (graph of x, y axes, parametric, etc.) or as a more natural series of planes [2] stacked on top of each other to form basic shapes (i.e. a cube). This flexibility allows for faster 3d graphics and speeds up the design process immensely.

[1] See the 'que' framework for everything from fluid flow to data visualization

[2] See the 'io' framework for everything from 3d art to scene rendering

Seeing is believing

Get an idea of the powerful rendering engine by checking out these quick demos powered by a few lines of code:

  1. https://quantum9innovation.github.io/graph (surface_grapher.js)
  2. https://quantum9innovation.github.io/vector (vector_field_grapher.js)
  3. https://quantum9innovation.github.io/plane/ (plane_renderer.js)

Contribute!

Want to help?

  • Try creating (or tackling) a first good issue
  • Grow the Wiki
  • Fork me
  • Create/merge pull requests

3d-grapher's People

Contributors

polydynamical avatar quantalabs avatar quantum9innovation avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

3d-grapher's Issues

Wow

Dude this is amazing.

Positional Rendering

Render the graph from back to front based on the orientation of the viewer to avoid functions crossing over themselves.

Rotation

Every 180 degrees, the program rotates back to its original position, which is confusing and clunky. Please help/fix before the final release!

Memory Usage

Unfortunately, the pre-release uses a lot of browser memory (actually only about 2 MB at the most), but ideally we would want to lower this to smoothen out the animations (they are a bit clunky). Please branch off this repository and give a quick fix if possible. ๐Ÿ˜‰

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.