Star Signs
Introdução
Star Signs funcionam como árvores de talentos únicas, permitindo que os jogadores desbloqueiem e combinem diferentes constelações para criar estilos de progressão e habilidades personalizadas.
Os pontos de constelação são compartilhados entre todos os personagens da conta, porém o jogador tem total liberdade para criar a sua própria build, conforme preferir.
Pontos de Constelação
Atualmente, estão disponíveis 45 pontos de talento para serem utilizados, além de 1 ponto especial, que é desbloqueado ao investir 30 pontos de talento na mesma árvore.
Podem ser obtidos através de:
- Completar as três primeiras Rocket Quests de Johto = 1 ponto de constelação.
- Completar a quarta Rocket Quest de Johto, a Time Traveler Quest = 3 pontos de constelação.
- Completar a quinta Rocket Quest de Johto = 3 pontos de constelação.
- Completar a The Rainbow Hero Quest = 5 pontos de constelação.
- Completar o Regional level de Johto (level 200) = 2 pontos de constelação.
- Completar a Echoes of Mt. Silver Quest = 1 ponto de constelação.
- Completar a Liga Pokémon de Johto = 3 pontos de constelação.
- Completar todos os unown trials de Johto = 1 Ponto de constelação.
- Gastar energia azul de Mystery Dungeon (até 7 etapas) = 1 Ponto de constelação em cada etapa (totalizando 7 ao final).
- Coletar metade dos Rainbow Orbs = 1 ponto de constelação.
- Coletar todos Rainbow Orbs = 1 ponto de constelação.
- Derrotar todos os World Bosses de Johto = 1 ponto de constelação.
- Alcançar Level 605 = 2 pontos de constelação.
- Alcançar Level 610 = 3 pontos de constelação.
- Alcançar Level 615 = 3 pontos de constelação.
- Alcançar Level 620 = 3 pontos de constelação.
- Alcançar Level 625 = 3 pontos de constelação.
- Red, The Greatest Trainer = 2 ponto de constelação.
Observação: Lembra-se que as conquistas relacionadas aos pontos de constelação, ao serem concluídas pela primeira vez na conta, desbloqueiam automaticamente os pontos de constelação para todos os personagens dessa conta.
Star Paths
Todas as contas começam com um Star Path, e o jogador poderá adquirir páginas extras na Diamond Shop para ter ainda mais opções.
Será possível adquirir até 2 Star Paths adicionais na Diamond Shop, pelos valores de 20 e 35 Diamonds, respectivamente. Dessa forma, cada conta poderá possuir até 3 Star Paths no total.
O jogador poderá montar livremente sua build, especializando-se em diferentes estilos de jogo, como combate contra Bosses ou captura de Pokémon.
Caso possua um personagem secundário e um segundo Star Path na conta, poderá criar uma build totalmente distinta, por exemplo, focada em ganho de experiência, facilitando o gerenciamento de diferentes estilos de jogo simultaneamente.
Observação: Será possível resetar completamente a constelação pagando 20k por ponto distribuído. Não é possível resetar parcialmente uma constelação.
Star Signs Builder
A seguir, encontrará uma ferramenta que permite simular e planejar a distribuição de pontos no sistema de talentos de Star Signs.
Por meio de uma interface interativa, os jogadores podem explorar as árvores de talentos, atribuir pontos manualmente e visualizar em tempo real os bônus e estatísticas obtidos com cada combinação.
O objetivo desta ferramenta é oferecer uma visão completa do sistema, permitindo comparar rotas e descobrir qual caminho se adapta melhor ao estilo de jogo de cada jogador.
No results found
';
return;
}
// 2. Choose template and cache based on view mode
let templateName = (this.viewMode === 'list') ? 'itemList' : 'item';
// Safety check: if current view mode template is missing, try fallback
if (this.viewMode === 'list' && !this.templates.itemList && this.templates.item) {
this.viewMode = 'grid';
templateName = 'item';
this.dom.grid.classList.remove('fw-list-view');
}
const template = this.templates[templateName];
const activeCache = this.elementCache[this.viewMode];
if (!template) {
this.dom.grid.innerHTML = 'No template found for ' + this.viewMode + ' view
';
return;
}
// 3. Collect Nodes (Reuse from Cache or Create)
const nodesToRender = [];
this.filteredData.forEach(item => {
// Use a unique key for the item. Assuming 'name' describes identity.
// Fallback to index if name missing effectively disables valid caching for stability, so name is preferred.
const itemId = item.name || JSON.stringify(item);
let el = activeCache.get(itemId);
if (!el) {
// Create New Element
const html = this.renderTemplate(template, item);
const wrap = document.createElement('div');
wrap.innerHTML = html;
el = wrap.firstElementChild;
if (el) {
// === Handle Selectable Logic ===
if (this.selectable) {
if (this.completedItems.has(itemId)) {
el.classList.add('is-completed');
}
// Create Check Button
const checkBtn = document.createElement('div');
checkBtn.className = 'fw-check-toggle';
checkBtn.innerHTML = 'check';
checkBtn.title = this.completedItems.has(itemId) ? "Marcar como pendente" : "Marcar como concluído";
checkBtn.addEventListener('click', (e) => {
e.stopPropagation();
this.toggleItemCompletion(itemId, el, checkBtn);
});
// Append button
el.appendChild(checkBtn);
}
// === Handle Modal logic ===
if (this.templates.modal) {
const btn = el.querySelector('.fw-details-btn');
if (btn) {
btn.addEventListener('click', (e) => {
e.stopPropagation();
this.openModal(item);
});
el.style.cursor = 'default';
} else {
el.addEventListener('click', () => this.openModal(item));
el.style.cursor = 'pointer';
}
} else {
el.style.cursor = 'default';
}
// Update Cache
activeCache.set(itemId, el);
}
}
// else: Element exists, reuse it directly (preserves image load state)
if (el) nodesToRender.push(el);
});
// 5. Update DOM efficiently
if (this.dom.grid.replaceChildren) {
this.dom.grid.replaceChildren(...nodesToRender);
} else {
this.dom.grid.innerHTML = '';
nodesToRender.forEach(node => this.dom.grid.appendChild(node));
}
}
openModal(item) {
if (!this.templates.modal) return; // Do not open if no template
const itemId = item.name || JSON.stringify(item);
let cachedModalWrap = this.modalCache.get(itemId);
if (!cachedModalWrap) {
const html = this.renderTemplate(this.templates.modal, item);
cachedModalWrap = document.createElement('div');
cachedModalWrap.style.display = 'contents'; // Crucial so it doesn't affect flex properties
cachedModalWrap.innerHTML = html;
this.modalCache.set(itemId, cachedModalWrap);
}
// Use the cached node directly instead of triggering innerHTML parsing and reload
if (this.dom.modalContent.replaceChildren) {
this.dom.modalContent.replaceChildren(cachedModalWrap);
} else {
this.dom.modalContent.innerHTML = '';
this.dom.modalContent.appendChild(cachedModalWrap);
}
this.dom.modal.classList.add('active');
document.body.style.overflow = 'hidden';
}
renderTemplate(templateString, data) {
if (!templateString) return '';
let output = templateString;
// 1. Handle #if key
output = output.replace(/\{\{#if\s+(\w+)\}\}([\s\S]*?)\{\{\/if\}\}/g, (match, key, content) => {
const val = data[key];
// Check for truthy, not 'None', not empty array
const isTrue = val && val !== 'None' && (!Array.isArray(val) || val.length > 0);
return isTrue ? content : '';
});
// 2. Handle #each key
output = output.replace(/\{\{#each\s+(\w+)\}\}([\s\S]*?)\{\{\/each\}\}/g, (match, key, content) => {
const list = data[key];
if (!Array.isArray(list) || list.length === 0) return '';
return list.map(item => {
// Normalize item context: if primitive, map to { label: item, this: item }
let ctx = item;
if (typeof item !== 'object' || item === null) {
ctx = { this: item, label: item };
}
let itemHtml = content;
// Internal #if support (simple 1-level nesting)
itemHtml = itemHtml.replace(/\{\{#if\s+(\w+)\}\}([\s\S]*?)\{\{\/if\}\}/g, (m, k, c) => {
const v = ctx[k];
return (v) ? c : '';
});
// Internal values
itemHtml = itemHtml.replace(/\{\{\s*(\w+)\s*\?\s*'([^']*)'\s*:\s*'([^']*)'\s*\}\}/g, (m, k, t, f) => ctx[k] ? t : f);
// Handle "isSub" logic specifically for styling if used in ternary
itemHtml = itemHtml.replace(/\{\{\s*(\w+)\s*\}\}/g, (m, k) => ctx[k] !== undefined ? ctx[k] : '');
return itemHtml;
}).join('');
});
// 3. Conditional Values (Top Level)
output = output.replace(/\{\{\s*(\w+)\s*\?\s*'([^']*)'\s*:\s*'([^']*)'\s*\}\}/g, (match, key, tVal, fVal) => data[key] ? tVal : fVal);
output = output.replace(/\{\{\s*(\w+)\s*\?\s*"([^"]*)"\s*:\s*"([^"]*)"\s*\}\}/g, (match, key, tVal, fVal) => data[key] ? tVal : fVal);
// 4. Numeric Thresholds
output = output.replace(/\{\{\s*(\w+)\s*(>=|| {
const val = data[key];
const threshold = parseFloat(num);
let result = false;
if (val !== undefined) {
if (op === '>=') result = val >= threshold;
if (op === '') result = val > threshold;
if (op === ' data[key] !== undefined ? data[key] : '');
return output;
}
setupEvents() {
this.dom.closeBtn.addEventListener('click', () => { this.dom.modal.classList.remove('active'); document.body.style.overflow = ''; });
this.dom.modal.addEventListener('click', (e) => { if (e.target === this.dom.modal) this.dom.closeBtn.click(); });
}
toggleItemCompletion(id, cardEl, btnEl) {
if (this.completedItems.has(id)) {
this.completedItems.delete(id);
cardEl.classList.remove('is-completed');
if (btnEl) btnEl.title = "Marcar como concluído";
} else {
this.completedItems.add(id);
cardEl.classList.add('is-completed');
if (btnEl) btnEl.title = "Marcar como pendente";
}
this.saveCompletedItems();
// If we are currently hiding completed items, we should re-apply filters to remove this item immediately
if (this.hideCompleted) {
this.applyFilters();
}
}
saveCompletedItems() {
if (!this.storageKey) return;
localStorage.setItem(this.storageKey, JSON.stringify(Array.from(this.completedItems)));
}
}
if (window.initFlexibleWidget === undefined) {
window.initFlexibleWidget = function (cid, cfg) { new FlexibleWidget(cid, cfg); };
}
})();