hjvogel / websim-ai

Pages and Tools

WebSim-AI

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.

Check Out My Code Running like a RoR = Record of Run

Explore live demos and experiments currently hosted on WebSim.AI:

WebSim.AI@Collab

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

Try Out These Tools and Games on websim.ai or profithon.site

Fullscreen Plugin

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 ;)

Croquet Portal

Dive into an interactive 3D environment that showcases the potential of collaborative simulations using Croquet, a powerful platform for building multiplayer applications.

Magic Worm

Experience the classic game of Snake with a magical twist. Control the worm, collect items, and grow longer while avoiding obstacles.

Tetris GH

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.

Wood Block

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.

WebSim 2D Robo

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);

Record of Run - Missing Full Accounted to Really RoAR

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!

Next - FinSim-AI

FinSim 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

websim-ai's Issues

How can I run exactly what you see on websim.ai on my local computer?

I have Claude and OpenAI API keys, but I can't seem to figure out how to run the actual page.