{"id":929,"date":"2026-04-02T00:51:34","date_gmt":"2026-04-02T03:51:34","guid":{"rendered":"https:\/\/www2.ic.uff.br\/pplay\/?page_id=929"},"modified":"2026-04-02T01:15:18","modified_gmt":"2026-04-02T04:15:18","slug":"powerpplay","status":"publish","type":"page","link":"http:\/\/www2.ic.uff.br\/pplay\/powerpplay\/","title":{"rendered":"PPlay 2.0"},"content":{"rendered":"\n<style>\n    :root {\n        --bg: #0b0f1a;\n        --card-bg: #161b2a;\n        --accent: #22d3ee;\n        --text-main: #f1f5f9;\n        --text-dim: #94a3b8;\n        --border: #1e293b;\n    }\n\n    .docs-hub {\n        background-color: var(--bg);\n        color: var(--text-main);\n        font-family: 'Inter', -apple-system, system-ui, sans-serif;\n        padding: 40px 20px;\n        border-radius: 12px;\n    }\n\n    .docs-header {\n        max-width: 800px;\n        margin: 0 auto 50px;\n        text-align: center;\n    }\n\n    .docs-header h1 {\n        font-size: 3.5rem;\n        font-weight: 800;\n        background: linear-gradient(to right, #22d3ee, #818cf8);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        margin-bottom: 15px;\n    }\n\n    .docs-header p {\n        color: var(--text-dim);\n        font-size: 1.15rem;\n        line-height: 1.5;\n    }\n\n    .category-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 25px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .category-section {\n        background: var(--card-bg);\n        border: 1px solid var(--border);\n        border-radius: 12px;\n        padding: 25px;\n        transition: transform 0.2s ease, border-color 0.2s ease;\n    }\n\n    .category-section:hover {\n        border-color: var(--accent);\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px -15px rgba(34, 211, 238, 0.2);\n    }\n\n    .category-title {\n        color: var(--accent);\n        font-size: 1rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .category-desc {\n        color: var(--text-dim);\n        font-size: 0.9rem;\n        margin-bottom: 20px;\n        line-height: 1.5;\n    }\n\n    .doc-link-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .doc-link-item {\n        margin-bottom: 10px;\n    }\n\n    .doc-link-item a {\n        color: var(--text-main);\n        text-decoration: none;\n        font-size: 1rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px;\n        border-radius: 8px;\n        background: rgba(255,255,255,0.02);\n        border: 1px solid transparent;\n        transition: all 0.2s ease;\n    }\n\n    .doc-link-item a:hover {\n        background: rgba(34, 211, 238, 0.05);\n        border-color: rgba(34, 211, 238, 0.3);\n        color: var(--accent);\n    }\n\n    .doc-link-item a span {\n        font-size: 0.75rem;\n        color: var(--text-dim);\n        background: rgba(255,255,255,0.05);\n        padding: 3px 8px;\n        border-radius: 4px;\n    }\n\n    @media (max-width: 640px) {\n        .docs-header h1 { font-size: 2.5rem; }\n        .category-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<div class=\"docs-hub\">\n    <div class=\"docs-header\">\n        <h1>Power PPlay 2.0<\/h1>\n        <p>Aprenda a desenvolver jogos profissionais em Python.<br>Explore nossos guias pr\u00e1ticos abaixo.<\/p>\n    <\/div>\n\n    <div class=\"category-grid\">\n        \n        <!-- CARD 1: BASE -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\ud83c\udfc1 Primeiros Passos<\/div>\n            <p class=\"category-desc\">Tudo que voc\u00ea precisa para configurar a engine e abrir sua primeira janela.<\/p>\n            <ul class=\"doc-link-list\">\n                <!-- NOTA: A barra \"\/\" no in\u00edcio for\u00e7a o link a ser absoluto a partir da raiz do site -->\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/instalacao-2-0\">Instala\u00e7\u00e3o e Setup <span>Guia<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/core-2-0\">A Janela e o Tempo (FPS) <span>Core<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- CARD 2: ATORES E CONTROLE -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\ud83d\udc7e Atores e Controles<\/div>\n            <p class=\"category-desc\">D\u00ea vida ao seu jogo adicionando personagens, anima\u00e7\u00f5es e controles pelo teclado ou mouse.<\/p>\n            <ul class=\"doc-link-list\">\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/sprites-2-0\">Criando Sprites Animados <span>Tutorial<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/inputs-2-0\">Lendo Teclado e Mouse <span>Input<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- CARD 3: F\u00cdSICA -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\u269b\ufe0f F\u00edsica e Colis\u00e3o<\/div>\n            <p class=\"category-desc\">Implemente gravidade, pulos perfeitos e gerencie ex\u00e9rcitos de inimigos sem travar o PC.<\/p>\n            <ul class=\"doc-link-list\">\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/fisica-2-0\">Usando o Motor Cinem\u00e1tico <span>F\u00edsica<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/grupos-2-0\">Colis\u00e3o em Massa (Grupos) <span>Gest\u00e3o<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- CARD 4: MUNDOS -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\ud83c\udf0d Construindo Mundos<\/div>\n            <p class=\"category-desc\">Crie labirintos enormes com arquivos de texto e fa\u00e7a a c\u00e2mera seguir o jogador.<\/p>\n            <ul class=\"doc-link-list\">\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/cenarios-2-0\">C\u00e2mera, Mapas e Parallax <span>Mundo<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/cenas-2-0\">Trocando de Fases (Cenas) <span>Flow<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- CARD 5: JUICE E IA -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\u2728 Game Juice e IA<\/div>\n            <p class=\"category-desc\">Deixe o jogo &#8220;viciante&#8221; com luzes, tremores de tela e inimigos inteligentes.<\/p>\n            <ul class=\"doc-link-list\">\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/efeitos-2-0\">Part\u00edculas e Ilumina\u00e7\u00e3o <span>VFX<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/ia-2-0\">Pathfinding (A*) e Raycast <span>IA<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- CARD 6: FERRAMENTAS -->\n        <div class=\"category-section\">\n            <div class=\"category-title\">\ud83d\udee0\ufe0f Ferramentas S\u00eanior<\/div>\n            <p class=\"category-desc\">Utilit\u00e1rios avan\u00e7ados para organiza\u00e7\u00e3o de c\u00f3digo e compatibilidade.<\/p>\n            <ul class=\"doc-link-list\">\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/architect-2-0\">Auto-Organizador (Architect) <span>DevTools<\/span><\/a><\/li>\n                <li class=\"doc-link-item\"><a href=\"\/pplay\/retro-2-0\">Retrocompatibilidade (1.0) <span>Ponte<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Power PPlay 2.0 Aprenda a desenvolver jogos profissionais em Python.Explore nossos guias pr\u00e1ticos abaixo. \ud83c\udfc1 Primeiros Passos Tudo que voc\u00ea precisa para configurar a engine e abrir sua primeira janela. Instala\u00e7\u00e3o e Setup Guia A Janela e o Tempo (FPS) Core \ud83d\udc7e Atores e Controles D\u00ea vida ao seu jogo adicionando personagens, anima\u00e7\u00f5es e controles [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"general-template-sem-sidebar-sem-div.php","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/929"}],"collection":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/comments?post=929"}],"version-history":[{"count":7,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/929\/revisions"}],"predecessor-version":[{"id":946,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/929\/revisions\/946"}],"wp:attachment":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/media?parent=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}