-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (121 loc) · 6.12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
---
title:
description:
image: '/images/ogimage.png'
faq:
- question: Why am I asked to access the local network at launch?
answer: vts-chameleon use udp packet to find VTube Studio instance.<br>Please allow local network access.
- question: Is this free?
answer: Yes, this is donation software. You can use completely <br>free but please <a href="https://www.buymeacoffee.com/satetsu888" target="_blank" style="color:#000;text-decoration:underline;">make a donation to me</a> if you like this plugin.
- question: My model color does not change.
answer: Please be sure, you select correct ArtMeshes and Colors.
- question: My model color change very little...
answer: This plugin use tint color API with VTube Studio, so <br> light color ArtMesh changes a lot but dark color ArtMesh cannot.
thanks:
- name: ぱんだがむ - PandaGum 🐼
url: https://twitter.com/PandaGumV
body: Design of plugin image charactor Chameleon
bodyUrl: https://nizima.com/Item/DetailItem/36864
- name: Hawkbat
url: https://twitter.com/HawkbarGaming
body: VTubeStudioJS - Typescript library for VTube Studio
bodyUrl: https://github.com/Hawkbat/VTubeStudioJS
---
<section class="hero">
<div class="text-container">
<h1 class="editable"><strong>Colorize</strong> your model in VTube Studio ! </h1>
<p class="subtext editable">VTS-chameleon is generic colorize plugin for <a href="https://denchisoft.com/" target="_blank" style="color: white; text-decoration: underline;">VTube Studio</a>. <br>
Change colores and implessions at will.</p>
<div>
<picture>
<source srcset="{{ site.baseurl }}/images/lp.webp" type="image/webp" media="(min-width: 768px)">
<source srcset="{{ site.baseurl }}/images/lp.webp" type="image/webp" media="(min-width: 600px)">
<source srcset="{{ site.baseurl }}/images/lp-noanimation.webp" type="image/webp">
<img src="{{ site.baseurl }}/images/lp.webp" />
</picture>
</div>
<div class="cta button alt"><a href="https://github.com/satetsu888/vts-chameleon/releases/latest/download/VTS-chameleon-Setup.exe">Download for Windows</a></div>
<div class="cta button alt"><a href="https://github.com/satetsu888/vts-chameleon/releases/latest/download/VTS-chameleon.dmg">Download for MacOS</a></div>
</div>
</section>
<div class="content" id="features">
<section>
<div class="container flex">
<div class="text editable">
<h2><strong>Colorize</strong> your model</h2>
<p>With VTS-chameleon, you can change the colors of your models as you wish. You can group multiple ArtMeshes and set their colors.</p>
</div>
<div class="image">
<picture>
<source srcset="{{ site.baseurl }}/images/colorize.webp" type="image/webp" media="(min-width: 768px)">
<source srcset="{{ site.baseurl }}/images/colorize.webp" type="image/webp" media="(min-width: 600px)">
<source srcset="{{ site.baseurl }}/images/colorize-noanimation.webp" type="image/webp">
<img src="{{ site.baseurl }}/images/colorize.webp" loading="lazy" />
</picture>
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>Store <strong>favorite</strong> coordinates</h2>
<p>You can save your favorite coordinates. You retrieve them whenever you want, and create new coordinates based on them.</p>
</div>
<div class="image">
<picture>
<source srcset="{{ site.baseurl }}/images/coordinates.webp" type="image/webp" media="(min-width: 768px)">
<source srcset="{{ site.baseurl }}/images/coordinates.webp" type="image/webp" media="(min-width: 600px)">
<source srcset="{{ site.baseurl }}/images/coordinates-noanimation.webp" type="image/webp">
<img src="{{ site.baseurl }}/images/coordinates.webp" loading="lazy" />
</picture>
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2><strong>Try</strong> your model's potential</h2>
<p>Different colored uniforms, different hair and skin tones, different eye colors, etc. There are many potentials!<p>
</div>
<div class="image">
<picture>
<source srcset="{{ site.baseurl }}/images/other.webp" type="image/webp" media="(min-width: 768px)">
<source srcset="{{ site.baseurl }}/images/other.webp" type="image/webp" media="(min-width: 600px)">
<source srcset="{{ site.baseurl }}/images/other-noanimation.webp" type="image/webp">
<img src="{{ site.baseurl }}/images/other.webp" loading="lazy" />
</picture>
</div>
</div>
</section>
<section class="bottom-cta" id="downloads">
<h2 class="editable"><strong>Downloads</strong></h2>
<div class="cta button alt"><a href="https://github.com/satetsu888/vts-chameleon/releases/latest/download/VTS-chameleon-Setup.exe">Download for Windows</a></div>
<div class="cta button alt"><a href="https://github.com/satetsu888/vts-chameleon/releases/latest/download/VTS-chameleon.dmg">Download for MacOS</a></div>
</section>
<section class="bottom-cta2" id="faqs">
{% if page.faq %}
<h2><strong>FAQ</strong></h2>
<dl class="faq">
{% for item in page.faq %}
<div>
<dt>{{ item.question }}</dt>
<dd>{{ item.answer }}</dd>
</div>
{% endfor %}
</dl>
{% endif %}
</section>
<section class="bottom-cta" id="specialthanks">
<h2 class="editable"><strong>Special Thanks 💖</strong></h2>
<dl class="specialthanks">
{% for thank in page.thanks %}
<div class="thanks">
<dt><h3><a href="{{ thank.url }}" target="_blank">{{ thank.name }}</a></h3></dt>
<dd>
<a href="{{ thank.bodyUrl }}" target="_blank">{{ thank.body }}</a>
</dd>
</div>
{% endfor %}
</dl>
</section>
</div>