๐ŸŽ“ Tarcin Simulation Development Portal

Step 1 of 4

Step 1: Understand the Process & Get the Base Template

Welcome to your internship simulation development task! Youโ€™ll complete your simulation using the following 4 simple steps:

๐Ÿ“„ Base Simulation Template

Use base-template.html file as the foundation for your simulation. Youโ€™ll only modify or link the following three modular files:

Modular Files Youโ€™ll Update:

  • simulation.html โ€“ contains all simulation UI, sliders, visuals, and panels.
  • simulation.css โ€“ contains all custom styles for your simulation.
  • simulation.js โ€“ contains all simulation logic, physics, and animations.

๐Ÿ‘‰ Download Template Zip

๐Ÿ“˜ Quick Rules:

  • Do not modify global structure, CSS variables, or theme toggle logic.
  • Ensure all visuals go inside simulation.html.
  • Put all simulation-specific styling in simulation.css.
  • Write all logic and animation in simulation.js.
  • Ensure it works in both light and dark modes.
  • Include at least 3 small animations or transitions.

Step 2: Generate AI Simulation Prompt

Fill in your lesson details below. This generator will produce the full Golden Prompt โ€” Modular Simulation Generator. You can copy and paste it directly into ChatGPT.

Your generated AI prompt will appear here...

Step 3: Use ChatGPT or Other LLM

Now that you have your prompt copied, youโ€™re ready to generate your modular simulation files using an AI model.

๐Ÿ’ฌ Instructions:

  • Open ChatGPT.
  • Paste the prompt you copied from Step 2.
  • Ask the AI to generate three files: simulation.html, simulation.css, and simulation.js.
  • Download or copy each code block into individual files locally.
  • Place them in the same folder as base-template.html.
  • Open base-template.html to verify that your simulation loads properly.

Step 4: Upload Your Finished Simulation

After building and testing your simulation, compress your files into a .zip before uploading. Make sure your ZIP follows the correct folder structure shown below:

ZIP Folder Structure (inside your .zip):

  • base-template.html
  • simulation.html
  • simulation.css
  • simulation.js
  • (optional) any image or chart assets if used

๐Ÿ“ฆ Example ZIP name: Ravi_ProjectileMotion.zip


๐ŸŽ‰ All Done!

Thank you for completing your simulation task! Make sure your upload was successful before closing this page.