@hytopia.com/examples 1.0.52 → 1.0.54

package/hygrounds/assets/ui/index.html

@@ -119,6 +119,7 @@
   <div id="mobile-attack-button" class="mobile-button">
     <img src="{{CDN_ASSETS_URL}}/icons/mobile-shoot.png" />
   </div>
+  <div class="mobile-auto-fire-label">Aim gun at target to auto-fire</div>
 
   <div id="mobile-place-block-button" class="mobile-button">
     <img src="{{CDN_ASSETS_URL}}/icons/mobile-place-block.png" />
@@ -214,6 +215,12 @@
   const summarySelfNameEl = document.querySelector('.summary-self-name');
   const summarySelfKillsEl = document.querySelector('.summary-self-kills');
 
+  const isMobileClient = Boolean(hytopia?.isMobile);
+  hytopia.sendData({
+    type: 'client-platform',
+    isMobile: isMobileClient,
+  });
+
   function updateLeaderboard() {
     const leaderboardPlayers = document.querySelector('.leaderboard-players');
     leaderboardPlayers.innerHTML = '';
@@ -1547,6 +1554,10 @@
     display: none;
   }
 
+  .mobile-auto-fire-label {
+    display: none;
+  }
+
 .leaderboard-mobile-summary {
   display: none;
   gap: 4px;
@@ -1727,8 +1738,8 @@
   body.mobile .mobile-buttons-container {
     display: block;
     position: fixed;
-    bottom: 30px;
-    right: 50px;
+    bottom: 60px;
+    right: 80px;
     width: 250px;
     height: 230px;
     user-select: none;
@@ -1759,6 +1770,21 @@
     pointer-events: auto !important;
   }
 
+  body.mobile .mobile-auto-fire-label {
+    position: absolute;
+    bottom: -45px;
+    right: -60px;
+    font-family: 'Inter', sans-serif;
+    font-size: 11px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.85);
+    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
+    letter-spacing: 0.5px;
+    pointer-events: none;
+    display: block;
+    text-transform: uppercase;
+  }
+
   body.mobile .mobile-button.active {
     transform: scale(0.92);
     background-color: rgba(0, 0, 0, 0.75);

package/hygrounds/classes/GamePlayerEntity.ts

@@ -26,6 +26,7 @@ const BASE_HEALTH = 100;
 const BASE_SHIELD = 0;
 const BLOCK_MATERIAL_COST = 3;
 const INTERACT_RANGE = 4;
+const MOBILE_AUTOFIRE_SAMPLE_INTERVAL_TICKS = 3;
 const MAX_HEALTH = 100;
 const MAX_SHIELD = 100;
 const TOTAL_INVENTORY_SLOTS = 6;
@@ -44,6 +45,10 @@ interface PlayerPersistedData extends Record<string, unknown> {
 export default class GamePlayerEntity extends DefaultPlayerEntity {
   private readonly _damageAudio: Audio;
   private readonly _inventory: (ItemEntity | undefined)[] = new Array(TOTAL_INVENTORY_SLOTS).fill(undefined);
+  private _isMobileClient: boolean = false;
+  private _autoFireRaycastCooldown: number = 0;
+  private _autoFireHasTarget: boolean = false;
+  private _autoFireEngaged: boolean = false;
   private _dead: boolean = false;
   private _health: number = BASE_HEALTH;
   private _inventoryActiveSlotIndex: number = 0;
@@ -163,6 +168,8 @@ export default class GamePlayerEntity extends DefaultPlayerEntity {
   public checkDeath(attacker?: GamePlayerEntity): void {
     if (this.health <= 0) {
       this._dead = true;
+      this._autoFireRaycastCooldown = 0;
+      this._autoFireHasTarget = false;
 
       if (attacker) {
         GameManager.instance.addKill(attacker.player.username);
@@ -289,6 +296,8 @@ export default class GamePlayerEntity extends DefaultPlayerEntity {
     if (!this.world) return;
 
     this._dead = false;
+    this._autoFireRaycastCooldown = 0;
+    this._autoFireHasTarget = false;
     this.health = this._maxHealth;
     this.shield = 0;
     this.resetAnimations();
@@ -420,6 +429,11 @@ export default class GamePlayerEntity extends DefaultPlayerEntity {
     this.player.ui.on(PlayerUIEvent.DATA, (payload) => {
       const { data } = payload;
 
+      if (data.type === 'client-platform') {
+        this._isMobileClient = Boolean(data.isMobile);
+        return;
+      }
+
       if (data.type === 'inventory-select') {
         this.setActiveInventorySlotIndex(data.index);
       }
@@ -439,6 +453,8 @@ export default class GamePlayerEntity extends DefaultPlayerEntity {
       return;
     }
 
+    this._applyMobileAutoFire(input);
+
     if (input.ml) {
       this._handleMouseLeftClick();
     }
@@ -470,6 +486,74 @@ export default class GamePlayerEntity extends DefaultPlayerEntity {
     this._handleInventoryHotkeys(input);
   }
 
+  private _applyMobileAutoFire(input: EventPayloads[BaseEntityControllerEvent.TICK_WITH_PLAYER_INPUT]['input']): void {
+    const wasAutoEngaged = this._autoFireEngaged;
+    const manualRequested = input.ml && !wasAutoEngaged;
+    this._autoFireEngaged = false;
+
+    const disableAutoFire = () => {
+      this._autoFireHasTarget = false;
+      this._autoFireRaycastCooldown = 0;
+    };
+
+    const activeItem = this._inventory[this._inventoryActiveSlotIndex];
+    const canUseAutoFire = this._isMobileClient && this.world && activeItem instanceof GunEntity;
+
+    if (!canUseAutoFire) {
+      disableAutoFire();
+    } else if (this._autoFireRaycastCooldown <= 0) {
+      this._autoFireHasTarget = this._hasTargetInCrosshair(activeItem);
+      this._autoFireRaycastCooldown = MOBILE_AUTOFIRE_SAMPLE_INTERVAL_TICKS;
+    } else {
+      this._autoFireRaycastCooldown--;
+    }
+
+    if (this._autoFireHasTarget) {
+      input.ml = true;
+      this._autoFireEngaged = true;
+      return;
+    }
+
+    if (manualRequested) {
+      input.ml = true;
+      return;
+    }
+
+    if (wasAutoEngaged) {
+      input.ml = false;
+      return;
+    }
+
+    input.ml = false;
+  }
+
+  private _hasTargetInCrosshair(activeGun: GunEntity): boolean {
+    if (!this.world) {
+      return false;
+    }
+
+    const origin = {
+      x: this.position.x,
+      y: this.position.y + this.player.camera.offset.y,
+      z: this.position.z,
+    };
+
+    const raycastHit = this.world.simulation.raycast(
+      origin,
+      this.player.camera.facingDirection,
+      activeGun.getEffectiveRange(),
+      {
+        filterExcludeRigidBody: this.rawRigidBody,
+      }
+    );
+
+    return Boolean(
+      raycastHit?.hitEntity instanceof GamePlayerEntity &&
+      raycastHit.hitEntity !== this &&
+      !raycastHit.hitEntity.isDead
+    );
+  }
+
   private _handleMouseLeftClick(): void {
     const activeItem = this._inventory[this._inventoryActiveSlotIndex];
  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hytopia.com/examples",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "",
   "license": "ISC",
   "author": "",