update docs

Author: shakiba

docs/pages/pin.md

@@ -111,18 +111,9 @@ component.alpha(alpha, textureAlpha);
 
 Fit to given size. Valid modes are:
 
-- `contain`: like `in`, but evenly pads component to fill the entire scaleWidth/Height
-- `cover`: like `out`, but evenly crops it to scaleWidth/Height
-- `in`: maximum scale which keeps component edges inside the scaleWidth/Height
-- `out`: minimum scale which keeps component edges outside scaleWidth/Height
+- `contain`: component contains within the provided size
+- `cover`: component covers the provided size
 
 ```javascript
-component.pin({
-  scaleMode: mode,
-  scaleWidth: width,
-  scaleHeight: height,
-});
-
-// Shortcut method:
 component.fit(width, height, mode);
 ```

docs/pages/setup.md

@@ -12,8 +12,8 @@ const app = Stage.mount({
   canvas: document.getElementById("game-canvas"),
 });
 
-// Set viewbox for stage, see pinning for valid modes
-app.viewbox(width, height, (mode = "in-pad"));
+// Set viewbox for stage
+app.viewbox(width, height, "contain");
 
 // Listen to view port resize events
 app.on("viewport", function (viewport) {
@@ -35,9 +35,12 @@ app.resume();
 // Mount and start a new app
 let app = Stage.mount();
 
-// Create and preload a texture atlas
+// Create a texture atlas, call with await to ensure it's loaded
 Stage.atlas({ ... });
 
+// Preload all texture atlases, if you don't want to await each individually
+await Stage.preload({ ... });
+
 // Pause playing all applications
 Stage.pause();
 

docs/pages/transition.md

@@ -18,11 +18,11 @@ const transition = component.tween({
 transition.pin(pinning);
 
 // Set easing function for transition, it can be either a function or an identifier
-// defined as 'name[-mode][(params)]', for example 'quad' or 'poly-in-out(3)'
+// defined as 'name[-mode]', for example ease('quad') or ease('poly-in-out').
 // Names: linear, quad, cubic, quart, quint, poly(p), sin/sine,
 //        exp, circle/circ, bounce, elastic(a, p), back(s)
 // Modes: in, out, in-out, out-in
-transition.ease(easing);
+transition.ease(easing, ...params);
 
 // Set duration in milliseconds
 transition.duration(ms);