10/14/2024 Edit: PhSim is no longer updated.
I have updated the PhSim editor. Here are the changes:
10/14/2024 Edit: PhSim is no longer updated.
I have been working on a JavaScript library called phsim that allows one to make 2d simulations of objects and make them do all sorts of interesting things. I have released the first alpha version (v0.1.0-alpha) of the phsim library and an editor that helps someone make these simulations.
You can get the phsim library from GitHub or you can download it from npm by downloading the phsim package.
As for the editor, you can try it by clicking this link: https://mjduniverse.com/phsim-editor-app/
Note that these are both in the alpha stage of development. This means that they might have bugs, so be careful when using these! If you see a bug for the GitHub library, please make a bug report. Likewise, if you see a bug in the PhSim editor, please email me or contact me on social media.
Enjoy!
Here is something that allows one to create circular objects that can go at a specified initial velocity: https://mjduniverse.com/gravity-simulator/
Objects can have a certain color, radius, and mass. Furthermore, one can zoom in and out using the buttons on the right.
I will soon update this. Here is a todo list:
10/14/2024 Edit: PhSim is no longer updated.
There is a GitHub repository for PhSim. Currently, there is virtually nothing in it yet. However, as of when this post was created, there is content in the 0.1.0-alpha branch. When version 0.1.0-alpha is completed, it shall be merged with the master branch.
Here is the link:
https://github.com/mjduniverse/phsim
Here is the link to the 0.1.0-alpha branch:
https://github.com/mjduniverse/phsim/releases/tag/v0.1.0-alpha
Please note this is not the PhSim editor. That will not be open source. However, the PhSim library is open source.
10/14/2024 Edit: PhSim is no longer updated.
PhSim is a JavaScript library that I am creating. I wanted to remake some of the games I created on Sploder.com using Matter.js. However, I created some code that I decided to use to create a new JavaScript library that runs on top of Matter.js because there are features that were not included in Matter.js that I wanted. The library was inspired partially by things such as Scratch and Sploder’s Physics creator. As mentioned before, it is built on top of the JavaScipt library Matter.js and it allows one to create a 2-dimensional simulation with ease. The simulation could be created out of a JSON object, which in turn can be edited with another creation of mine: the PhSim editor.
Take the following JSON:
{
"version": 1,
"audio": [],
"simulations": [
{
"layers": [
{
"objUniverse": [
{
"rectangle": true,
"x": 171,
"y": 135,
"w": 260,
"h": 185,
"cycle": -0.5485494024505281,
"strokeStyle": "black",
"lineWidth": 19,
"fillStyle": "gray"
},
{
"circle": true,
"x": 622,
"y": 121,
"radius": 42.5205832509386,
"cycle": 0.851966327173272,
"name": "untitled_(1)",
"strokeStyle": "#000000",
"lineWidth": "4",
"fillStyle": "#333333"
},
{
"circle": true,
"x": 567,
"y": 283,
"radius": 46.51881339845203,
"cycle": -0.4444192099010989,
"name": "untitled_(1)",
"strokeStyle": "#780000",
"lineWidth": "4",
"fillStyle": "#a73333"
},
{
"rectangle": true,
"x": 392,
"y": 401,
"w": 147,
"h": 109,
"cycle": 0,
"strokeStyle": "black",
"lineWidth": 3,
"fillStyle": "#623333"
},
{
"circle": true,
"x": 491,
"y": 86,
"radius": 45.5411901469428,
"cycle": 0.33563855032760925,
"name": "untitled_(1)",
"strokeStyle": "#780000",
"lineWidth": 5,
"fillStyle": "#623333"
},
{
"verts": [
{
"x": 124,
"y": 53
},
{
"x": 195,
"y": 54
},
{
"x": 199,
"y": 118
},
{
"x": 90,
"y": 165
},
{
"x": 40,
"y": 129
}
],
"path": true,
"strokeStyle": "#000000",
"lineWidth": "5",
"fillStyle": "#62ff33"
},
{
"verts": [
{
"x": 754,
"y": 259
},
{
"x": 640,
"y": 268
},
{
"x": 703,
"y": 307
},
{
"x": 643,
"y": 374
},
{
"x": 639,
"y": 430
},
{
"x": 687,
"y": 447
},
{
"x": 716,
"y": 417
},
{
"x": 733,
"y": 366
}
],
"path": true,
"strokeStyle": "#000000",
"lineWidth": "5",
"fillStyle": "#ff0048"
},
{
"verts": [
{
"x": 118,
"y": 290
},
{
"x": 60,
"y": 482
},
{
"x": 331,
"y": 427
},
{
"x": 129,
"y": 417,
"last": true
}
],
"path": true,
"strokeStyle": "#000000",
"lineWidth": "5",
"fillStyle": "#0000ff"
}
],
"name": "Untitled Layer"
}
],
"world": {
"grav": 1,
"bg": "white",
"border": 0,
"unit": 1
},
"superlayer": true,
"widgets": [],
"name": "Untitled Superlayer"
}
],
"box": {
"width": 800,
"height": 600
},
"camera": {
"x": 0,
"y": 0,
"c": 1
}
}
This code produces the following world of objects:
First, there are four basic shapes: irregular polygons, circles, rectangles, and regular polygons. Moreover, these form the main objects of a PhSim simulation. In addition, these shapes can have solid color backgrounds, sprites, or even a gradient.
Each body can have one or more widgets, which extend the functionality of an object. Some of these widgets are things that allow someone to make an object
Superlayers contain layers and have several properties that define a world. One of these properties is diagonal, constant gravity. However, there are also graphical features, such as background color. Superlayers can also act as levels for a game.
Furthermore, Superlayers can have a Newtonian gravity simulator enabled, which makes the objects attract each other. In addition to this, one can have no gravity at all.
In addition to simulating Newtonian gravity, one can turn a superlayer into a level. Therefore, one can make a game out of a PhSim simulation.
The PhSim editor will be a GUI that allows one to create PhSim worlds with little or no programming knowledge.
I created the following screenshot on September 9, 2020 (it is not finished and that is why it looks weird in many ways):
The Object Editor allows users to edit objects, as the name suggests. This allows one to add widgets to an object and modify it in many other ways. The Object Editor can add velocities, forces, rotations, text, and many other things to an object. Here are some screenshots of the Object Editor:
I will soon release more information about PhSim.
I have moved the Alphazoidverse website back to the azv.mjduniverse.com subdomain: https://azv.mjduniverse.com/
I have created a new page on my website. It is a list of JavaScript random snippets I made. Here is the link: https://mjduniverse.com/js-snippets/
As of January 10, 2020, I have very little content on the page. In fact, most of the code snippets as of now are boring. However, the page will be updated more and more.
On August 1, 2019, I have updated this website.
First, I have merged the Alphazoidverse website with the Mjduniverse.com main site; because there seems to be no need for a separate website for the Alphazoidverse. Second, I have turned the Alphazoidverse Factbook into a wiki, thus reviving Alphazoidversepedia. However, I have locked the wiki. Thus, it will act as the official source of information regarding the Alphazoidverse. Third, I have got rid of a few minor issues regarding the themes’ CSS.
The website has been changed to have a header that stays on the top of the screen.