Hello, This is fairly easy for me. So lets begin by making a gui. I’ll name it CustomizeCharacterGUI. Now that you have that, lets insert a frame as the background. You can use a image label, like @Ocipa said, if you want it to look nicer. Make another frame for all the skin colors. Now, in ReplicatedStorage, you need to put a remote event called ChangeSkinColor. We do this so all of your changes will be shown on everybody elses screen. Now, make another smaller frame for a color customizer. I’ll name this SkinColorFrame. Now that you have that, you can make a title. Customize that however you want. Now create one button and make its text nothing. Set it’s backgound color3 to the first skin color. Now, this is VERY important. Don’t duplicate it yet. Insert a LocalScript into that button, and type this code.
script.Parent.MouseButton1Click:Connect(function()
game.ReplicatedStorage:WaitForChild("ChangeSkinColor"):FireServer(script.Parent.BackgroundColor3)
end)
Now, you can duplicate the buttons. The players skin color will be set to the buttons backgroundcolor3, so be sure to set that! I’ll put a picture here. Make sure your setup looks somewhat like mine.
The picture may be a bit big, I have a 1920x1080 monitor. Anyways, insert a
Script, not LocalScript into
ServerScriptService. Inside this script, type
game.ReplicatedStorage:WaitForChild("ChangeSkinColor").OnServerEvent:Connect(function(player,color)
for i,v in pairs(game.Workspace[player.Name]:GetChildren()) do
if not v:IsA("Pants") then
if not v:IsA("Shirt") then
if not v:IsA("ShirtGraphic") then
if not v:IsA("Humanoid") then
if not v:IsA("Script") then
if not v:IsA("LocalScript") then
if not v:IsA("BodyColors") then
if not v:IsA("Accessory") then
v.Color = color
end
end
end
end
end
end
end
end
end
end)
There we go. Now lets make a ViewportFrame, so we can show the player what they now look like. Inside this viewportframe, insert another LocalScript.
--Boatbomber
--Services
local RunService = game:GetService('RunService')
local UserInputService = game:GetService("UserInputService")
--Localize
local instance,newRay = Instance.new,Ray.new
local v2,v3,cf,udim2 = Vector2.new,Vector3.new,CFrame.new,UDim2.new
local insert,random,abs = table.insert,math.random,math.abs
local Player = game.Players.LocalPlayer
local Character = Player.Character or Player.CharacterAdded:Wait()
--Basic setup
local ViewPort = script.Parent
--Settings
local Offset = cf(0,1,-6)
--Create the viewport camera
local Camera = instance("Camera")
ViewPort.CurrentCamera = Camera
local ValidClasses = {
["MeshPart"] = true; ["Part"] = true; ["Accoutrement"] = true;
["Pants"] = true; ["Shirt"] = true;
["Humanoid"] = true;
}
local function RenderHumanoid(Model, Parent, MainModel)
local ModelParts = Model:GetDescendants()
for i=1, #ModelParts do
local Part = ModelParts[i]
if ValidClasses[Part.ClassName] then
local a = Part.Archivable
Part.Archivable = true
local RenderClone = Part:Clone()
Part.Archivable = a
if Part.ClassName == "MeshPart" or Part.ClassName == "Part" then
PartUpdater = RunService.Heartbeat:Connect(function()
if Part then
RenderClone.CFrame = Part.CFrame
else
RenderClone:Destroy()
PartUpdater:Disconnect()
end
end)
elseif Part:IsA("Accoutrement") then
PartUpdater = RunService.Heartbeat:Connect(function()
if Part then
if RenderClone.Handle then
RenderClone.Handle.CFrame = Part.Handle.CFrame
end
else
RenderClone:Destroy()
PartUpdater:Disconnect()
end
end)
elseif Part.ClassName == "Humanoid" then
--Disable all states. We only want it for clothing wrapping, not for stupid @$$ performance issues
RenderClone:SetStateEnabled(Enum.HumanoidStateType.FallingDown, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Running, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.RunningNoPhysics, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Climbing, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.StrafingNoPhysics, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Ragdoll, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.GettingUp, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Jumping, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Landed, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Flying, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Freefall, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Seated, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.PlatformStanding, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Dead, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Swimming, false)
RenderClone:SetStateEnabled(Enum.HumanoidStateType.Physics, false)
end
RenderClone.Parent = Parent
end
end
end
--Let the world load before starting
wait(1)
local function Render()
ViewPort:ClearAllChildren()
--Render the character
local Char = instance("Model")
Char.Name = ""
Char.Parent = ViewPort
RenderHumanoid(Character,Char)
end
--Handle changes
Character.DescendantAdded:Connect(Render)
Character.DescendantRemoving:Connect(Render)
Character.Head:GetPropertyChangedSignal("Color"):Connect(Render)
--Initialize
Render()
CameraUpdater = RunService.Heartbeat:Connect(function()
if Character.HumanoidRootPart then
Render()
Camera.CFrame = cf(Character.HumanoidRootPart.CFrame:toWorldSpace(Offset).p, Character.HumanoidRootPart.CFrame.p)
end
end)
Credits to @boatbomber for this viewport script, I took it since it can render clothes. Well, thats pretty much it. If you want me to make a primary hair chooser I can do that, I’m not that good with Secondary and Primary hair Color, I don’t understand any of that nor do I understand coloring shirts and pants, but I can also do choosing faces.
Download file CharacterCreator.rbxl (29.5 KB)
