[FFXIV] FF14 csv文件对比[FFXIV] Credits UGD parser[FFXIV] ENPC查DefaultTalk[FFXIV] FF14 任务对应位置及NPC[FFXIV] GC supply parse[FFXIV] FF14国际服商城图片下载[FFXIV] FF14 图标反查物品、技能、状态[FFXIV] NPC自用数据表[FFXIV] FF14 物品csv历史变更生成器FFXIV UIColor.csv[FFXIV] Special Shop List by Currency[FFXIV] FF14国服物品市场价格速查[FFXIV] FF14挖宝物品价格查询FFXIV Items DBFFXIV Island Sanctuary Workshop CalculatorFF14无人岛工坊产值计算器FF14 古代武器/黄道武器 备忘录
[FFXIV] 测试FF14地图标记颜色
function toAlpha(num){
return num.toString(16).padStart(2, '0')
}
viewof colorStore = {
const inputs = Inputs.input({
quest: Inputs.input({
stroke: "#ff7700",
strokeAlpha: 0xff,
color1: "#ff9442",
alpha1: 0x22,
position1: 10,
color2: "#ff9442",
alpha2: 0x22,
position2: 50,
color3: "#ff9442",
alpha3: 0x46,
position3: 95
}),
fate: Inputs.input({
stroke: "#6698d3",
strokeAlpha: 0xff,
color1: "#6698d3",
alpha1: 0x22,
position1: 10,
color2: "#6698d3",
alpha2: 0x22,
position2: 50,
color3: "#6698d3",
alpha3: 0x46,
position3: 95
}),
leve: Inputs.input({
stroke: "#49b135",
strokeAlpha: 0xff,
color1: "#68bc57",
alpha1: 0x22,
position1: 10,
color2: "#68bc57",
alpha2: 0x22,
position2: 50,
color3: "#68bc57",
alpha3: 0x46,
position3: 95
})
});
inputs.addEventListener('input', ()=>{
console.log(2)
})
inputs.value.quest.addEventListener('input', ()=>{
inputs.dispatchEvent(new Event("input", {bubbles: true}))
})
inputs.value.fate.addEventListener('input', ()=>{
inputs.dispatchEvent(new Event("input", {bubbles: true}))
})
inputs.value.leve.addEventListener('input', ()=>{
inputs.dispatchEvent(new Event("input", {bubbles: true}))
})
return inputs
}
unocss = import('https://cdn.jsdelivr.net/npm/@unocss/runtime/uno.global.js')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
