Camera Controls and Visual Effects in G.js

camera_offset(100, 50);                       // instant shift
camera_offset(-200, 0, 1.5, EASE_IN_OUT);    // smooth 1.5s pan left

const boss = unknown_g();

// Lock camera to boss on touch
on(touch(), trigger_function(() => {
  camera_static(boss, 0.5, EASE_IN_OUT, 0, false, false, false, 0, true);
}));

camera_zoom(2, 1.0, EASE_IN_OUT);  // zoom in to 2× over 1 second
camera_zoom(1, 0.5);               // snap back to default zoom

camera_mode(true);                     // enable free mode
camera_mode(true, true, true, 10, 0.5); // free mode with custom easing and padding
camera_mode(false);                    // disable free mode

camera_rotate(90, 0.5, EASE_IN_OUT);    // rotate 90° over 0.5s
camera_rotate(45, 0.2, NONE, true);     // add 45° to current rotation

const left_wall = unknown_g();
camera_edge(left_wall, LEFT_EDGE);

color_trigger(BG, 30, 30, 60).add();                        // dark-blue background
color_trigger(BG, 255, 100, 0, 1.0).add();                  // fade to orange over 1s
color_trigger(GROUND, 20, 20, 20, 0.5, 1.0, false).add();  // dark ground, 0.5s

BG.set(rgb(10, 10, 40));            // instant
BG.set(rgb(255, 200, 0), 1.5);     // fade over 1.5s

GROUND.copy(BG, 0.5);               // ground follows background color over 0.5s
GROUND.copy(BG, 0, hsv(30, 1, 1)); // with HSV shift

BG.pulse_hsv(30, 1, 1, false, false, 0.1, 0.2, 0.1);

BG.pulse(rgb(255, 255, 0), 0.1, 0.3, 0.2); // yellow flash

const warm_shift = hsv(30, 1, 1);           // +30° hue, normal sat/bright
const desaturate = hsv(0, 0.5, 1, true);    // halve saturation

const sky_blue  = rgb(135, 206, 235);
const faded_red = rgba(255, 0, 0, 0.4);

gradient(
  color(1),   // first color channel
  color(2),   // second color channel
  group(1),   // bottom-left vertex group
  group(2),   // bottom-right vertex group
  group(3),   // top-left vertex group
  group(4),   // top-right vertex group
  true,       // vertex mode
  false,      // blending
  0           // layer 0
).add();

timewarp(0.5); // slow motion
timewarp(1.0); // back to normal
timewarp(2.0); // double speed

toggle_on_trigger(group(5)).add();   // activates group 5
toggle_off_trigger(group(5)).add();  // deactivates group 5

trigger_function(() => {
  hide_player();
});

trigger_function(() => {
  reverse();
});

speed(1.5); // returns the GD internal value for 1.5× speed

import '@g-js-api/g.js';

await $.exportConfig({ type: 'savefile', options: { info: true } });

const ship = unknown_g();

// Place a ship object
'ship'
  .to_obj()
  .with(obj_props.X, 300)
  .with(obj_props.Y, 200)
  .with(obj_props.GROUPS, ship)
  .add();

// When player touches, lock camera to ship and zoom in
on(touch(), trigger_function(() => {
  camera_static(ship, 0.5, EASE_IN_OUT, 0, false, false, false, 0, true);
  camera_zoom(1.5, 0.5, EASE_IN_OUT);
}));

// On release, return to default
on(touch_end(), trigger_function(() => {
  camera_static(ship, 0.3, EASE_IN_OUT, 0, false, true); // exit static
  camera_zoom(1, 0.3);
}));

import '@g-js-api/g.js';

await $.exportConfig({ type: 'savefile' });

// Build a three-step color sequence on the background
const advance = sequence(
  [
    [trigger_function(() => { BG.set(rgb(255, 50, 50), 0.3); }), 1],   // red
    [trigger_function(() => { BG.set(rgb(50, 255, 50), 0.3); }), 1],   // green
    [trigger_function(() => { BG.set(rgb(50, 50, 255), 0.3); }), 1],   // blue
  ],
  MODE_LOOP
);

// Advance color on each touch
on(touch(), trigger_function(() => {
  advance();
}));

import '@g-js-api/g.js';

await $.exportConfig({ type: 'savefile' });

const left_bound  = unknown_g();
const right_bound = unknown_g();

// Place invisible boundary markers
object({ [obj_props.OBJ_ID]: 1, [obj_props.X]: 0,   [obj_props.Y]: 200, [obj_props.GROUPS]: left_bound  }).add();
object({ [obj_props.OBJ_ID]: 1, [obj_props.X]: 2000, [obj_props.Y]: 200, [obj_props.GROUPS]: right_bound }).add();

camera_edge(left_bound,  LEFT_EDGE);
camera_edge(right_bound, RIGHT_EDGE);