W
Creative browser ecosystem WebVrDev
End-user manual

WEB AR Gravity

A practical user manual for WEB AR Gravity by WebVrDev, a browser-based WebXR tool for AR and VR drawing, 3D sketching, primitive creation, scene interaction, physics setup, material changes, and GLB export.

Quick start

Use these steps for the fastest first session.

01

Open the app and enter XR

Click Enter AR / VR. The app first attempts immersive AR. If your browser or headset does not support AR, it tries immersive VR instead.

02

Open the main HUD

In XR, press B or Y to show the floating HUD. This is the main control panel for drawing, materials, physics, and export.

03

Choose a working mode

Switch between Draw, Geometry, and Grab. Draw is best for freehand lines, Geometry for flat faces, and Grab for selecting and moving objects.

04

Export your result

Use Export GLB and pick the quality level that matches your need: fast and light, balanced, or highest detail.

Controls

The app includes both desktop controls and XR controller shortcuts.

Desktop controls

ActionHow it works
Orbit cameraClick and drag in the main view.
ZoomUse the mouse wheel.
PanUse the ArcRotate camera pan behavior in the browser view.
Enter XRClick Enter AR / VR.
GravityToggle Gravity from the bottom toolbar.
Switch modeClick Mode to cycle Draw → Geometry → Grab.
ClearRemove the current scene content with Clear.
Open manualClick Manual.

XR controller shortcuts

ButtonAction
B / YShow the main HUD.
XSwitch mode.
AToggle gravity.
ThumbstickZoom the HUD or scale the selected object, depending on context.
Squeeze / FinishIn Geometry mode, you can finalize the current face.

Working modes

Each mode is focused on a different type of action.

Draw mode

Use Draw mode to create freehand 3D strokes in space. The look and behavior of each new stroke depend on the current brush radius, spacing, material, mass, and simplify values.

  • Best for sketching, gestural forms, and quick volume ideas.
  • Material presets and sliders affect new strokes.
  • Gravity and physics settings affect how finished objects behave.

Geometry mode

Geometry mode is a point-by-point face builder. You place vertices one after another, preview the face, then finalize it when ready.

  • Single click places a vertex.
  • Double click finalizes the face from the placed vertices.
  • The Finish action also finalizes the current geometry.
  • Undo removes the last geometry point while you are still building the face.

Grab mode

Grab mode is for interacting with existing objects. Use it to select, move, scale, and organize elements in your scene.

  • Pick an object to select it.
  • Selected objects show an outline.
  • Use the thumbstick to scale the selected object when the context allows it.
  • Multi-select, grouping, and ungrouping are handled through the HUD.

Main HUD

The floating HUD is the main workspace for editing and scene management in XR.

Scene and history tools

  • Gravity toggles scene gravity on or off.
  • Mode switches between Draw, Geometry, and Grab.
  • Undo removes the last finished object. In Geometry mode it removes the last placed point.
  • Redo restores the last undone object.
  • Delete removes the selected object or selected objects.
  • Finish finalizes geometry currently being built.
  • Hide HUD closes the panel and returns more view space.

Draw settings

  • Brush Radius controls stroke thickness.
  • Spacing controls the distance between generated points along a stroke.
  • Mass changes object weight used by physics.
  • Simplify reduces or increases path complexity.
  • Max Objects sets the scene object cap for workflow control.

Material options

  • Preset materials: Default, Gold, Silver, Rust, Wood, and Jeans.
  • Manual sliders let you adjust Color, Metallic, and Roughness.
  • If nothing is selected, these settings apply to new strokes and new objects.
  • If an object is selected, the editable material values update on that object.

Physics options

  • Active objects are affected by gravity.
  • Passive objects behave as static objects.
  • Collision shape choices are Mesh, Convex, Box, and Sphere.
  • If nothing is selected, the chosen physics options become the default for future objects.
  • If an object is selected, the new settings are applied to that object.

Primitives and shape creation

The Geometry Primitives section can spawn:

  • Cube
  • Sphere
  • Cylinder
  • Ring
  • Plane

Selection, grouping, and multi-select

  • Objects can be selected and highlighted.
  • Multi-select mode lets you build a selection of several objects.
  • Selected objects can be grouped into one grouped object.
  • A grouped object can later be ungrouped back into its stored child objects.

Exporting your scene

The app exports to GLB and offers three quality levels.

Low

Use Low when you want the lightest file and the fastest export. Good for testing, rough sharing, and quick checks.

Med

The balanced option. This is the default choice and works well for most everyday exports.

High

Use High when you want more geometry detail. Expect larger files and slower export times.

Recommended workflow

Build and test with Med. Switch to Low only when you need the smallest export, or High only when the extra detail is worth the larger GLB.

Frequently asked questions

Quick answers to common questions about WEB AR Gravity, XR entry, controls, and export.

How do I enter AR or VR?

Click Enter AR / VR. The app tries immersive AR first and falls back to immersive VR when AR is not available on your headset or browser.

What is the fastest way to start drawing?

Enter XR, open the HUD with B or Y, stay in Draw mode, and begin sketching in 3D space with the current brush, material, and physics settings.

What is the difference between Draw, Geometry, and Grab?

Draw creates freehand 3D strokes, Geometry builds flat polygon faces point by point, and Grab lets you select, move, scale, group, and organize existing objects.

Which export quality should I use?

Med is the best default for most users. Choose Low for the smallest GLB files and faster tests, or High for more geometry detail.

Tips for smoother use

These practical habits make the tool easier to control.

Precision tips

  • Turn gravity off while placing or arranging objects precisely.
  • Use Geometry mode for cleaner planar surfaces instead of sketching them freehand.
  • Hide the HUD when you need a clear view of the scene.
  • Use Convex, Box, or Sphere collision when you want simpler, more stable physics behavior.

Troubleshooting basics

  • If AR does not start, the app may switch to VR automatically.
  • If you are still building a face in Geometry mode, press Finish before changing tasks.
  • If an object is not reacting the way you expect, check whether it is set to Active or Passive.
  • If the GLB feels too heavy, export again with Low or Med.
About this manual

This guide is written for end users and focuses on the current interaction model of WEB AR Gravity. It is intended to be opened as the app help page, for example from a file named help.html.