Hello Engine

Quick Start

Build your first Hello Engine project in 5 minutes

Quick Start

Get up and running with Hello Engine in just 5 minutes. This guide will walk you through creating a simple interactive demo.

Step 1: Access Hello Engine

  1. Navigate to your Hello Engine dashboard
  2. Click “New Project”
  3. Choose “Blank Project” template

Step 2: Write Your First Code

Create a simple bouncing ball:

// Create an entity
const ball = Engine.createEntity();

// Add components
ball.addComponent('Transform', {
  position: { x: 400, y: 100 },
  rotation: 0,
  scale: { x: 1, y: 1 }
});

ball.addComponent('Sprite', {
  texture: 'ball.png',
  width: 50,
  height: 50
});

ball.addComponent('Physics', {
  velocity: { x: 0, y: 0 },
  gravity: 9.8,
  bounce: 0.8
});

// Update system
Engine.onUpdate((delta) => {
  const transform = ball.getComponent('Transform');
  const physics = ball.getComponent('Physics');
  
  // Apply gravity
  physics.velocity.y += physics.gravity * delta;
  
  // Update position
  transform.position.y += physics.velocity.y * delta;
  
  // Bounce off ground
  if (transform.position.y > 550) {
    transform.position.y = 550;
    physics.velocity.y *= -physics.bounce;
  }
});

Step 3: Run Your Project

  1. Click the Play button (or press Ctrl+Enter)
  2. Watch your ball bounce!
  3. Try modifying the gravity or bounce values

Step 4: Share Your Creation

  1. Click Share in the top-right
  2. Copy the generated link
  3. Share with anyone - no account required to view!

Next Steps

Now that you’ve created your first project:

Tips

💡 Hot Reload: Changes apply instantly - no need to restart

💡 Console: Press F12 to open developer tools for debugging

💡 Templates: Use starter templates for common project types

💡 Shortcuts: Ctrl+S to save, Ctrl+Enter to run

Ready to build something amazing? Join the community and show us what you create!