Kiểm soát camera của người dùng

Cái nhìn của người dùng về thế giới được đại diện bởi một đối tượng Camera. Bạn có thể thay đổi hành vi của camera để phù hợp với trò chơi của bạn theo nhiều cách khác nhau. Ví dụ, camera có thể phản ứng với các sự kiện trong thế giới, chẳng hạn như rung lắc khi một con quái vật đi qua, hoặc bị khóa ở bên cạnh nhân vật người dùng, như trong một trò chơi cuộn bên.

Tạo camera góc nhìn thứ nhất

Camera góc nhìn thứ nhất là một chế độ xem mà camera giữ cố định với đầu của nhân vật, điều này chính xác hơn với thực tế. Nó thường thấy trong các trò chơi bắn súng và trò chơi kể chuyện, nơi mục tiêu là khiến người dùng cảm thấy hòa mình vào thế giới.

Trong Studio, đối tượng StarterPlayer chứa một số thuộc tính ảnh hưởng đến camera của người dùng. Thuộc tính CameraMode xác định cách camera hoạt động.

1. Chọn StarterPlayer.

   

2. Thay đổi CameraMode thành LockFirstPerson. Điều này đảm bảo camera của người dùng không di chuyển ra khỏi đầu của họ.

   

3. Chơi thử để xem camera góc nhìn thứ nhất hoạt động.

   Nếu con trỏ của bạn bị kẹt ở giữa màn hình trong khi thử nghiệm, bạn có thể giải phóng chuột của mình bằng cách nhấn phím Escape hoặc nhấn ShiftF5 để kết thúc thử nghiệm.

Tạo camera cuộn bên

Một chế độ xem cuộn bên giữ camera ở một vị trí cố định tương đối với bên cạnh của nhân vật, tạo cảm giác hai chiều cho thế giới.

Lập trình camera

1. Mở rộng StarterPlayer, và trong StarterPlayerScripts thêm một LocalScript có tên CameraManager.

   

2. Ở đầu script, sao chép và dán đoạn mã mẫu sau để lấy Players service, và sau đó trong một biến mới lấy người dùng cục bộ.

   local Players = game:GetService("Players")
   
   local player = Players.LocalPlayer

3. Tạo một hàm có tên updateCamera. Hàm này chứa logic cần thiết để lấy và đặt một vị trí mới cho camera.

   local Players = game:GetService("Players")
   
   local player = Players.LocalPlayer
   
   local function updateCamera()
   
   end

4. Bên trong hàm, lấy mô hình nhân vật của người dùng và kiểm tra xem nó có tồn tại hay không bằng cách sử dụng một câu lệnh if.

   local Players = game:GetService("Players")
   
   local player = Players.LocalPlayer
   
   local function updateCamera()
       local character = player.Character
       if character then
   
       end
   end

Nhắm camera

Tất cả các mô hình nhân vật đều chứa một phần có tên HumanoidRootPart, có thể được sử dụng để lấy vị trí của nhân vật trong thế giới. Điều này thiết lập vị trí mà camera nhắm tới.

1. Sử dụng FindFirstChild để lấy HumanoidRootPart và kiểm tra xem nó có tồn tại hay không bằng cách sử dụng một câu lệnh if.

   local Players = game:GetService("Players")
   
   local player = Players.LocalPlayer
   
   local function updateCamera()
       local character = player.Character
       if character then
           local root = character:FindFirstChild("HumanoidRootPart")
           if root then
   
           end
       end
   end

2. Vị trí của HumanoidRootPart thực sự nằm cách đầu của người dùng 2 studs. Để khắc phục điều này, thêm một Vector3 mới với chiều cao là 2 studs vào vị trí của root.

   local Players = game:GetService("Players")
   
   local player = Players.LocalPlayer
   
   local HEIGHT_OFFSET = 2
   
   local function updateCamera()
       local character = player.Character
       if character then
           local root = character:FindFirstChild("HumanoidRootPart")
           if root then
               local rootPosition = root.Position + Vector3.new(0, HEIGHT_OFFSET, 0)
           end
       end
   end

   Tách các số riêng lẻ thành các biến để dễ dàng điều chỉnh sau này.

Đặt vị trí camera

Camera cũng cần một vị trí. Để tạo cho cái nhìn của người dùng một cái nhìn cuộn bên 2D, camera cần nhìn trực tiếp vào bên cạnh của nhân vật. Đặt camera ở bên cạnh người dùng bằng cách thêm độ sâu chỉ vào trục Z của vị trí camera bằng cách sử dụng một Vector3.

local player = Players.LocalPlayer

local CAMERA_DEPTH = 24
local HEIGHT_OFFSET = 2

local function updateCamera()
    local character = player.Character
    if character then
        local root = character:FindFirstChild("HumanoidRootPart")
        if root then
            local rootPosition = root.Position + Vector3.new(0, HEIGHT_OFFSET, 0)
            local cameraPosition = Vector3.new(rootPosition.X, rootPosition.Y, CAMERA_DEPTH)
        end
    end
end

Cập nhật CurrentCamera

Bây giờ mà các biến cho vị trí camera và mục tiêu camera đã sẵn sàng, đã đến lúc cập nhật vị trí của camera. Bạn có thể truy cập camera của người dùng thông qua thuộc tính CurrentCamera của Workspace. Camera có thuộc tính CFrame để xác định vị trí của nó.

Bạn có thể sử dụng CFrame.lookAt() để cập nhật camera. Nó nhận hai vị trí và tạo một CFrame nằm ở vị trí đầu tiên nhắm về phía vị trí thứ hai. Sử dụng CFrame.lookAt() để tạo một CFrame được định vị tại cameraPosition và nhắm về rootPosition.

local player = Players.LocalPlayer
local camera = workspace.CurrentCamera

local CAMERA_DEPTH = 24
local HEIGHT_OFFSET = 2

local function updateCamera()
    local character = player.Character
    if character then
        local root = character:FindFirstChild("HumanoidRootPart")
        if root then
            local rootPosition = root.Position + Vector3.new(0, HEIGHT_OFFSET, 0)
            local cameraPosition = Vector3.new(rootPosition.X, rootPosition.Y, CAMERA_DEPTH)
            camera.CFrame = CFrame.lookAt(cameraPosition, rootPosition)
        end
    end
end

Đồng bộ camera

Bước cuối cùng là chạy hàm này liên tục để giữ camera đồng bộ với người dùng. Hình ảnh mà người dùng thấy đang được làm mới liên tục. Khoảng thời gian cần thiết để thực hiện tất cả các phép tính cần thiết được gọi là bước render.

RunService:BindToRenderStep() giúp dễ dàng thực hiện một hàm trên mỗi khung hình bằng cách chấp nhận ba tham số này:

• name - Tên của liên kết này, nên là duy nhất để không bị xung đột với các hàm khác có cùng tên.
• priority - Số càng cao, độ ưu tiên càng cao. Hàm này nên chạy sau cập nhật camera mặc định của Roblox, vì vậy độ ưu tiên được đặt cao hơn 1 cấp so với RenderPriority của camera nội bộ.
• function - Hàm sẽ được liên kết với bước render.

1. Sử dụng RunService:BindToRenderStep() để liên kết hàm updateCamera với bước render.

   local Players = game:GetService("Players")
   local RunService = game:GetService("RunService")
   
   local player = Players.LocalPlayer
   local camera = workspace.CurrentCamera
   
   local CAMERA_DEPTH = 24
   local HEIGHT_OFFSET = 2
   
   local function updateCamera()
       local character = player.Character
       if character then
           local root = character:FindFirstChild("HumanoidRootPart")
           if root then
               local rootPosition = root.Position + Vector3.new(0, HEIGHT_OFFSET, 0)
               local cameraPosition = Vector3.new(rootPosition.X, rootPosition.Y, CAMERA_DEPTH)
               camera.CFrame = CFrame.lookAt(cameraPosition, rootPosition)
           end
       end
   end
   
   RunService:BindToRenderStep("SidescrollingCamera", Enum.RenderPriority.Camera.Value + 1, updateCamera)

2. Chơi thử mã của bạn. Sử dụng các phím A và D để di chuyển nhân vật của bạn từ bên này sang bên kia.

Tạo camera isometric

Cấu trúc cơ bản để lấy vị trí của người dùng và cập nhật vị trí của camera mỗi khung hình có thể được điều chỉnh cho nhiều kiểu camera khác nhau, chẳng hạn như một camera isometric. Camera isometric là một chế độ xem 3D nhắm hơi xuống một góc cố định về phía nhân vật người dùng.

Chỉnh sửa vị trí và góc nhìn

1. Sử dụng mã từ ví dụ trước, chỉnh sửa cameraPosition để thêm cùng một lượng vào cả 3 chiều.

   

   local function updateCamera()
       local character = player.Character
       if character then
           local root = character:FindFirstChild("HumanoidRootPart")
           if root then
               local rootPosition = root.Position + Vector3.new(0, HEIGHT_OFFSET, 0)
               local cameraPosition = rootPosition + Vector3.new(CAMERA_DEPTH, CAMERA_DEPTH, CAMERA_DEPTH)
               camera.CFrame = CFrame.lookAt(cameraPosition, rootPosition)
           end
       end
   end
   
   RunService:BindToRenderStep("IsometricCamera", Enum.RenderPriority.Camera.Value + 1, updateCamera)

2. Thay đổi thuộc tính FieldOfView của camera mô phỏng việc phóng to và thu nhỏ, điều này có thể tạo ra cái nhìn phẳng hơn. Hãy thử đặt nó thành giá trị 20 để phóng to, và tăng khoảng cách của camera từ người dùng để bù đắp.

   local Players = game:GetService("Players")
   local RunService = game:GetService("RunService")
   
   local player = Players.LocalPlayer
   local camera = workspace.CurrentCamera
   
   local CAMERA_DEPTH = 64
   local HEIGHT_OFFSET = 2
   
   camera.FieldOfView = 20
   
   local function updateCamera()

Bằng cách thay đổi cách camera hoạt động, bạn có thể đạt được một cái nhìn hoàn toàn mới cho trò chơi của mình. Hãy xem bạn có thể thay đổi cameraPosition để đạt được một camera nhìn từ trên xuống với cùng một script không. Hãy thử điều chỉnh các cài đặt để có được kết quả mà bạn thích!