Pack de cursores

Luz Noceda

In our cute custom cursors collection Cartoons, we have illustrated Luz Noceda as a custom cursor for the browser as in the original.

Añadir a la extensión

Luz Noceda is the protagonist of The Owl House. She is an eager, teenage Latina human who accidentally stumbled upon a portal to the Boiling Isles in the Demon Realm. In our cute custom cursors collection Cartoons, we have illustrated Luz Noceda as a custom cursor for the browser as in the original.

Cursor

Descarga el archivo o copia el código para tu web o Roblox.

Descargar cursor para Roblox

Pega este CSS en tu hoja de estilos. Las coordenadas del hotspot ya están incluidas.

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/1024/arrow.svg') 41 1, auto;
}

Sube la imagen a Roblox, reemplaza YOUR_ASSET_ID y pega este LocalScript.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/1024/arrow.svg
-- Hotspot: 41, 1
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 41
local HOTSPOT_Y = 1
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

Puntero

Descarga el archivo o copia el código para tu web o Roblox.

Descargar puntero para Roblox

Pega este CSS en tu hoja de estilos. Las coordenadas del hotspot ya están incluidas.

.custom-pointer {
  cursor: url('https://cute-cursor.com/cdn/packs/1024/hand.svg') 35 0, pointer;
}

Sube la imagen a Roblox, reemplaza YOUR_ASSET_ID y pega este LocalScript.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/1024/hand.svg
-- Hotspot: 35, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 35
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)