Post Processing Hack Editor

Edit a pass of postprocessing shader on top of a live web page canvas element.

Post Processing Hack Editorคืออะไร?

Post Processing Hack Editor เป็นส่วนขยายของ Chrome ที่พัฒนาโดย samsy และคุณลักษณะหลักของมันคือ "Edit a pass of postprocessing shader on top of a live web page canvas element."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Post Processing Hack Editor

ดาวน์โหลดไฟล์ส่วนขยาย Post Processing Hack Editor ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        A chrome extension that let you edit / hack  a pass of webgl post-processing shader on top of any canvas of any live web page.
Hit the button of the extension, and the editor will show up.
It grabs the first canvas of the DOM tree, click again so it goes to the next one etc.. 

BETA VERSION.

Accessible uniforms : 

float iGlobalTime : current time

vec2 mouse : ( - 1 to 1 ) position of the mouse on screen

sampler2D tInput : texture from the canvas

vec2 iResolution : resolution of the screen.

vec2 uv : UV coordinates                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Post Processing Hack Editor Post Processing Hack Editor
ID koemcchjodjlpjandcjjhmopkkjenlnc
URL อย่างเป็นทางการ https://chrome.google.com/webstore/detail/post-processing-hack-edit/koemcchjodjlpjandcjjhmopkkjenlnc
คำอธิบาย Edit a pass of postprocessing shader on top of a live web page canvas element.
ขนาดไฟล์ 147 KB
จำนวนการติดตั้ง 251
เวอร์ชันปัจจุบัน 0.12
อัปเดตครั้งล่าสุด 2016-12-23
วันที่เผยแพร่ 2016-12-23
คะแนน 2.00/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา samsy
อีเมล [email protected]
ประเภทการชำระเงิน free
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Post Processing Hack Editor",
    "short_name": "Post Processing Hack Editor",
    "version": "0.12",
    "manifest_version": 2,
    "description": "Edit a pass of postprocessing shader on top of a live web page canvas element.",
    "background": {
        "scripts": [
            "action.js"
        ]
    },
    "browser_action": {
        "default_icon": "icon.png"
    },
    "permissions": [
        "",
        "tabs",
        "activeTab"
    ],
    "offline_enabled": true,
    "web_accessible_resources": [
        "shaders\/main.vert",
        "shaders\/main.frag"
    ],
    "content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com; object-src 'self'"
}