https://github.com/polygonjs/example-plugin-physics

https://github.com/polygonjs/example-plugin-physics

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/polygonjs/example-plugin-physics
• Owner: polygonjs
• Created: 2021-01-28T00:32:28.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-27T16:35:45.000Z (over 2 years ago)
• Last Synced: 2024-04-17T22:14:51.452Z (7 months ago)
• Language: JavaScript
• Size: 4.74 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Polygonjs Plugin Physics Example

This repository shows how to use the [Physics Plugin](https://github.com/polygonjs/plugin-physics) for the WebGL engine [Polygonjs](https://github.com/polygonjs/polygonjs).

![Physics Example](https://github.com/polygonjs/example-plugin-physics/blob/main/doc/physics_examples.jpg?raw=true)

## Open the scene in the WebGL editor

`yarn && yarn polygon`

and open your browser at:

`http://localhost:8091?scene=default`

This will open the scene saved in this repo. It is a simple scene with the following setup:

The right branch, which creates the moving rigid bodies:

- a Text node to create the geometry of a word

- a Scatter node to create points on the text

- a AttribCreate to add the `pscale` attribute on each point, with the expression `1*rand(@ptnum+945)+0.5`, which will give a random scale to each rigid body.

- a Copy node to create boxes on all the points

- a PhysicsRbdAttributes to add the attributes necessary to the simulation

- another AttribCreate node to randomize the `restitution` attribute.

The left branch, which creates the static rigid bodies:

- a box node to create a box

- a transform to scale the geometry

- a second transform to position the object

- a PhysicsRbdAttributes to set the attributes for the simulation. The difference to the moving RBDs is that `active` is set to false, and `mass` is set to a very high number.

- both boxes are merged (make sure to have the merge node set to `separate objects` by setting `compact` to false), so that their geometries are not merged into a single object.

and finally both branches are merged into the `PhysicsSolver`, where all attributes are set to default.

![Physics plugin example in the Polygonjs node-based Editor](https://github.com/polygonjs/example-plugin-physics/blob/main/doc/physics_example_in_editor.jpg?raw=true)

## Open the export scene without the editor

`yarn && yarn run snowpack dev`

and open your browser at:

`http://localhost:8080/`