Git Product home page Git Product logo

tldraw-graph-physics-interop's Introduction

tldraw physics + graph layout

This repo demonstrates two "collections", physics and graph layout, working together.

This was thrown together with no sleep in Heathrow terminal 2, so it's nothing fancy. For more on the collections system, see here. See also the physics and graph layout collections.

This repo just added a few lines to the PhysicsCollection, by checking (very crudely) if a shape is part of the graph collection and treating it as a kinematic rigidbody if so. In the future I'll move this integration out of the physics collection and work to make the collections system helpful for handling collection overlap. Ideas welcome.

"Tutorial"

  1. Make a graph with shapes and arrows
  2. Add some other shapes for the physics simulation
  3. Select the shapes you want in the graph sim and hit "Add" on the right hand side of the toolbar (the UI for the graph collection)
  4. Select everything and hit "Add" on the left hand side of the toolbar (the UI for the physics collection)

The result of the above steps is that you have all the shapes in the physics sim, and a subset of those shapes in the graph sim.

tldraw-graph-physics-interop's People

Contributors

orionreed avatar

Stargazers

Fabio Dias Rollo avatar Elijah Spina, PhD avatar Cristian Vasquez avatar

Watchers

 avatar  avatar

Forkers

areai51

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.