Welcome to the WebSim-AI repository! Here, you'll find a collection of pages and tools designed to demonstrate various simulations and games, all built to showcase the capabilities of modern web technologies and AI integrations.
Explore live demos and experiments currently hosted on WebSim.AI:
Join my journy on creating, refactoring and using Moldable Composables
an with refactored code on special Repos coming to one shot generations like my recent PoC: GitHub Builder built One Shot Page
Just add this plugin to your real url?plugin=@collab/fullscreen and get a draggable fullscreen button like Fullscreen Plugin Demo - find out why draggable feature is needed here ;)
Dive into an interactive 3D environment that showcases the potential of collaborative simulations using Croquet, a powerful platform for building multiplayer applications.
Experience the classic game of Snake with a magical twist. Control the worm, collect items, and grow longer while avoiding obstacles.
Play a modern web-based version of the timeless game Tetris. Arrange the falling blocks to clear lines and score points in this addictive puzzle game.
Enjoy a relaxing and challenging puzzle game where you need to fit wooden blocks into a grid. Test your spatial reasoning and problem-solving skills.
Explore 2D Robo code simulations powered by WebSim. Experiment with different scenarios and observe how various parameters affect the outcomes.
eg try out pasing in that Robo Code
// Advanced robot control code function exploreEnvironment() { if (goal) { // Calculate angle to goal const dx = goal.x - robotX; const dy = goal.y - robotY; const angleToGoal = Math.atan2(dy, dx);
// Calculate difference between current angle and angle to goal
let angleDiff = angleToGoal - robotAngle;
// Normalize angle difference to [-PI, PI]
while (angleDiff > Math.PI) angleDiff -= 2 * Math.PI;
while (angleDiff < -Math.PI) angleDiff += Math.PI;
if (Math.abs(angleDiff) > 0.1) {
// Turn towards goal
robot.setVelocity(0, angleDiff > 0 ? 0.5 : -0.3);
robot.setVelocity(0.5, 0);
} else if (!robot.detectObstacle()) {
// Move towards goal
robot.setVelocity(0.5, 0);
} else {
// Obstacle avoidance
robot.setVelocity(0, -0.3);
robot.setVelocity(0.5, 0);
}
} else {
// No goal, just explore
if (!robot.detectObstacle()) {
robot.setVelocity(0.5, 0);
} else {
robot.setVelocity(0, -0.3);
robot.setVelocity(0.5, 0);
}
}
} // Start exploration for 10 seconds robot.run(exploreEnvironment, 10000);
Keep track of the various simulations and games you try out. Note that a full account of runs is currently not implemented, but you can still explore and enjoy the available features.
Feel free to reach out if you have any questions or suggestions. Enjoy exploring WebSim-AI here or use just the Websim.ai platform!
Define best practice templates and composable structures for best one shot import & generation for single apps / extentions of exisitng apps - plugins, modular monoliths, fully composable architectures.
Demonstrate, Search, Predict - initial DSPy idas applied > how to help AI on the optimal input side to best generate the outputs
Why not auto-generate those repos with best practice sturctured HTML templates and READMEs plus Specs (Terms & Conditions) for each value chain?
Templates, Templates, Templates ... and optimize outputs - structuring code & data!
closing the loop to Structured Code as a Commodity