-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (167 loc) · 8.92 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<header>
<title>Tamigucho Care app - Soon</title>
<link rel="icon" href="https://tamigucho.com/icon.png" />
<link rel="logo" href="icon.svg" border="true" />
<link rel="stylesheet" media="all" href="https://assets.stoumann.dk/css/app-filtermaker.css">
</header>
<body>
<!--<style>
{
"description": "",
"id": "dd7e3377-3af5-44c6-8609-99b2760adac7",
"value": "url('#cherry-icecream')",
"values": [
{
"url": "url('#cherry-icecream')"
}
]
}
</style>
<script>
/* The main module for this is external. */
const elements = document.querySelectorAll('[data-js="filter"]');
if (elements.length) {
import('https://assets.stoumann.dk/js/css-filter.mjs')
.then(module => {
const jsClass = module.default;
elements.forEach(element => {
new jsClass(element, element.dataset, presets);
});
})
}
/* Default presets for localhost demo / or when REST API fails */
const presets = [
{
"name": "watercolor",
"description": "",
"value": "url('#squiggly-1') brightness(1.3) invert(0.17) saturate(2.6) sepia(0.25)",
"values": [
{
"brightness": 1.3,
"invert": 0.17,
"saturate": 2.6,
"sepia": 0.25,
"url": "url('#squiggly-1')"
}
]
},
{
"name": "faded-photo",
"description": "",
"value": "blur(0.2px) brightness(1.1) hue-rotate(5deg) opacity(0.9) saturate(1.3) sepia(0.4)",
"values": [
{
"blur": 0.2,
"brightness": 1.1,
"hue-rotate": 5,
"opacity": 0.9,
"saturate": 1.3,
"sepia": 0.40
}
]
},
{
"name": "old-horror",
"description": "",
"value": "url('#grain') grayscale(1) sepia(0.5) brightness(1.3) invert(0.8)",
"values": [
{
"url": "url('#grain')",
"grayscale": 1,
"sepia": 0.5,
"brightness": 1.3,
"invert": 0.8
}
]
},
{
"name": "old-grainy",
"description": "",
"value": "url('#grain') grayscale(0.6) sepia(0.5) brightness(1.5)",
"values": [
{
"url": "url('#grain')",
"grayscale": 0.6,
"sepia": 0.5,
"brightness": 1.5
}
]
},
{
"name": "fade-out",
"description": "",
"value": "brightness(0.8) hue-rotate(350deg) saturate(3) blur(8px) contrast(0.6)",
"values": [
{
"brightness": 0.8,
"hue-rotate": 350,
"saturate": 3,
"blur": 8,
"contrast": 0.6
}
]
},
{
"name": "mist",
"description": "",
"value": "url('#fluffy') brightness(0.8) saturate(0.8)",
"values": [
{
"url": "url('#fluffy')",
"brightness": 0.8,
"saturate": 0.8
}
]
}
];
</script>
https://css-tricks.com/almanac/properties/f/filter/
https://codepen.io/stoumann/pen/MWeNmyb?editors=1000
https://yoksel.github.io/svg-gradient-map/#/
https://www.google.com/search?channel=fs&client=ubuntu-sn&q=pink+hex+color
https://isotropic.co/tool/hex-color-to-css-filter/
-->
<article>
<h1>Tamigucho Care app - Soon</h1>
<hr/>
<center>
<a href="https://tamigucho.com/" target="_blank"><img width="250px" src="https://tamigucho.com/logotype.png"/></a>
<br/><img width="200px" src="./img/Care.png"/>
</center>
<h2>Features</h2>
<h4>🧬 Fused Breeding 🧬</h4>
<img width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/001.png"/> <img width="30px" src="./img/fusedbreeding/breedadd.svg"/> <img width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/012.png"/> <div style="display:inline-block;background:#3384cc;color:#fff;font-weight:bold;border-radius:10px;padding:5px">=</div> <img width="100px" src="./img/fusedbreeding/breedresult.png"/>
<p>Bring 2 tamiguchos (of the same shape/egg-group), reproduce and get a completely new creature! Unexpected and wonderful (or thrilling) things can happen. <b>Then breed them again to create the new out of the new</b>! 👩🔬🧪🔬</p>
<p>Get a taste of how this will work, by clicking <a href="https://pokemon.alexonsager.net/" target="_blank">here</a> and <a href="https://japeal.com/pkm/" target="_blank">here</a> (to have the most realistic experience, please fuse only pokémons of the same shape/egg-group)!</p>
<p><small>Mendel's Laws (Mendelian inheritance) applies.</small></p>
<h2>Sparking</h2>
<p>These are quite rare tamiguchos with a different color set from the usual. There are more than 1 category for such phenomena:</p>
<h4>Radio</h4>
<img style="filter:saturate(var(--value,5))" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/001.png"/> <img style="filter:saturate(var(--value,5))" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/014.png"/>
<!--<br/><img style="filter:url('#cherry-icecream');filter:var(--url) blur(var(--blur)) brightness(var(--brightness)) contrast(var(--contrast)) grayscale(var(--grayscale)) hue-rotate(var(--hue-rotate)) invert(var(--invert)) opacity(var(--opacity)) saturate(var(--saturate)) sepia(var(--sepia));max-width:100%;will-change:filter" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/001.png"/> <img style="filter:url('#cherry-icecream');filter:var(--url) blur(var(--blur)) brightness(var(--brightness)) contrast(var(--contrast)) grayscale(var(--grayscale)) hue-rotate(var(--hue-rotate)) invert(var(--invert)) opacity(var(--opacity)) saturate(var(--saturate)) sepia(var(--sepia));max-width:100%;will-change:filter" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/014.png"/>-->
<!--<br/><img style="filter: invert(95%) sepia(9%) saturate(4363%) hue-rotate(285deg) brightness(103%) contrast(97%)" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/001.png"/> <img style="filter: invert(95%) sepia(9%) saturate(4363%) hue-rotate(285deg) brightness(103%) contrast(97%)" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/014.png"/>-->
<h4>Glowy</h4>
<br/><img style="filter: invert(95%) sepia(9%) saturate(4363%) hue-rotate(285deg) brightness(103%) contrast(97%)" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/001.png"/> <img style="filter: invert(95%) sepia(9%) brightness(103%) contrast(97%)" width="100px" src="https://assets.tamigucho.com/assets/cms2/img/tamipedia/full/014.png"/>
<p>The above images are just previews, and not guaranteed to make out. Alongside Radio and Glowy, there will be other types of Sparking tamiguchos: Albino, Pinkan and Darkan.</p>
<p>Also, please note the Sparking feature won't come with Tamigucho Care app's launch, but in a future update. That won't be caused from lack of developer capacity, but because of bots/automated farming prevention.</p>
<h4>Other features to be announced. Last update: Thu Aug 24 15:54 2023 -0300.</h4>
<img height="400px" src="./img/Care2.png"/>
<p>Back in 2016, the original plan was to use pixelated graphics. As of 2023, we'll move to cartoonish graphics before getting ready for launching.</p>
<p>"2016 to 2023 and all you changed in the design are the demo creature from pixelated to cartoon? Are you joking? SCAM!"</p>
<p>You have good instintics if you thought that. But please note I, <a href="https://danimesq.com" target="_blank">Daniella Mesquita</a>, have a myriad of concurrent projects I'm working on since 2011. I have to take advantage of the good side of my ADHD and supress the bad one, so I'm working to manage my focus and discipline. And well, despite without groundbreaking changes and not hiring other folks beyond myself, I never stopped working on the vast Tamigucho universe. Here's my drawing from 2022 about an hybrid app approach to support KaiOS as well:</p>
<img height="400px" src="./img/2022/Tamigucho app(s).jpg"/>
<p>The work at Tamigucho won't be limited to my focus management and discipline: I plan to hire a neat team at some point, as I did when I found <a href="https://tamigucho.com/tamipedia/" target="_blank">a talented drawer</a> to turn my creations into professional artworks.</p>
<h3>More info</h3>
<ul>
<li>7 creatures to take care of - and this number will steadily grow to 250, with bi-weekly additions. Reproduce them and trade with friends. With <b>Fused Breeding</b>, the initial number of 7 creatures will grow naturally thanks to you breeding'em all (which at the end will mean way more than the original 7-250)!</li>
<li>Platforms: Phone (Android/iOS/KaiOS), Switch (by porting HTML5 to Native using <a href="https://ratalaikagames.com/" target="_blank">Ratalaika Games</a>' service)</li>
<li>Engine: Construct 2/3</li>
</ul>
<p>As of Jan 13 2024, Tamigucho Care wasn't launched yet.</p>
<p>Contact us via <a href="https://twitter.com/tamigucho" target="_blank">Twitter</a> or <a href="https://discord.gg/h5R5fTkcHu" target="_blank">Discord</a> if you are interested in joining the community or the development team. If you know to make game music, art or programming (or even ideas), we welcome your contributions!</p>
<h1>Stay tuned for news/announcements:</h1>
<a class="twitter-timeline" href="https://twitter.com/tamigucho?ref_src=twsrc%5Etfw">Tweets by tamigucho</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<hr/>
<center><a href="https://tamigucho.com" target="_blank"><img width="16px" src="https://tamigucho.com/icon.png"/> Go to the main Tamigucho site</a></center>
</article>
</body>