All Projects → patuwwy → ShaderToy-Chrome-Plugin

patuwwy / ShaderToy-Chrome-Plugin

Licence: other
Web extension for shadertoy.com

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to ShaderToy-Chrome-Plugin

30-days-of-shade
30 days of shaders in GLSL using GLSLCanvas
Stars: ✭ 134 (-15.72%)
Mutual labels:  shaders, shadertoy, glsl-shaders
YALCT
Yet Another Live Coding Tool - Powered by Veldrid and elbow grease
Stars: ✭ 25 (-84.28%)
Mutual labels:  shaders, shadertoy, glsl-shaders
Shader Toy
Shadertoy-like live preview for GLSL shaders in Visual Studio Code
Stars: ✭ 349 (+119.5%)
Mutual labels:  shaders, shadertoy, glsl-shaders
Riftray
Step into the worlds of Shadertoy with an Oculus Rift.
Stars: ✭ 68 (-57.23%)
Mutual labels:  shaders, shadertoy
Shadertoy Rs
A desktop client for Shadertoy written in Rust
Stars: ✭ 41 (-74.21%)
Mutual labels:  shaders, shadertoy
Raw Vulkan
🔥 Experiments building Vulkan applications, libraries, and abstractions.
Stars: ✭ 42 (-73.58%)
Mutual labels:  shaders, shadertoy
Thebookofshaders
Step-by-step guide through the abstract and complex universe of Fragment Shaders.
Stars: ✭ 4,070 (+2459.75%)
Mutual labels:  shaders, glsl-shaders
Vertexshaderart
The repo for vertexshaderart.com
Stars: ✭ 107 (-32.7%)
Mutual labels:  shaders, shadertoy
Shadertoy React
6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.
Stars: ✭ 74 (-53.46%)
Mutual labels:  shaders, shadertoy
React Regl
React Fiber Reconciler Renderer for Regl WebGL
Stars: ✭ 171 (+7.55%)
Mutual labels:  shaders, glsl-shaders
ofxShadertoy
Addon for openFrameworks that sets up and loads Shadertoy (http://www.shadertoy.com) shaders
Stars: ✭ 77 (-51.57%)
Mutual labels:  shaders, shadertoy
Shaderman
Convert ShaderToy to Unity HLSL/CG
Stars: ✭ 734 (+361.64%)
Mutual labels:  shaders, shadertoy
Raymarching Workshop
An Introduction to Raymarching
Stars: ✭ 657 (+313.21%)
Mutual labels:  shaders, shadertoy
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+7257.23%)
Mutual labels:  shaders, glsl-shaders
Shader Doodle
A friendly web-component for writing and rendering shaders.
Stars: ✭ 356 (+123.9%)
Mutual labels:  shaders, shadertoy
Noodlesplate
Offline Shader Editor with many cool features
Stars: ✭ 79 (-50.31%)
Mutual labels:  shaders, shadertoy
glNoise
A collection of GLSL noise functions for use with WebGL with an easy to use API.
Stars: ✭ 185 (+16.35%)
Mutual labels:  shaders, glsl-shaders
ModularMusicVisualizer
Project in Hiatus, unmaintained, being rewritten privately. Will Open Source when stuff is ready. Project will be Renamed.
Stars: ✭ 81 (-49.06%)
Mutual labels:  shaders, glsl-shaders
Webgl Fundamentals
WebGL lessons that start with the basics
Stars: ✭ 3,315 (+1984.91%)
Mutual labels:  shaders, glsl-shaders
ShaderBoy
Simple text editor that lets you write Shadertoy shaders more comfortably, anytime, anywhere.
Stars: ✭ 133 (-16.35%)
Mutual labels:  shadertoy, glsl-shaders

ShaderToy unofficial plugin.

WebExtension for Shadertoy to make users coding more conveniently.

Chrome extension

Firefox add-on

Microsoft Edge extension

Privacy Policy

Privacy policy is available here

Contribution:

Please report bugs and request features here.

Please add issue with description before PR.

Features:

  • Fork any shader.

  • GPU render timers (EXT_disjoint_timer_query_webgl2).

  • Adjustable slider for full control of 'iTime' uniform and audio/video channels' time.

  • Save as new draft (for owned shaders).

  • Four sliders for simulating mouse position. This can be used to tweaking variables with iMouse.xyzw uniform.

  • Switchable dark color theme. (feature removed - implemented natively in Shadertoy)

  • Sorting shaders list by views, likes or comments on "My profile" page. (feature removed - implemented natively in Shadertoy)

  • Alternative shaders list on profile page. (chrome only)

  • Shaders previews on "My profile" page. (feature removed - implemented natively in Shadertoy. Big preview on mouse over is still available)

  • Change resolution in windowed and fullscreen mode by pressing keys ALT + 1...9.

    Resolution is divided by pressed key value, for example:

    Key '2' divides by 2, 1920x1080 becomes 960x540. Key '8' divides by 8, 1920x1080 becomes 240x135.

    This allows to run shaders smoothly (even in fullscreen) on non-top GPUs. Notice that lower resolution is interpolated to original size. This causes blurrish rendering. Notice, antialiasing is enabled by default on Shadertoy WebGL canvas. For "pixelated" image, rendering mode switch has been added in extension's popup (click on green S icon) (chrome only).

  • Take HQ screenshot. Screenshot resolution is 2 * current resolution (including current resolution divider). 1920x1080 becomes 3840x2160.

  • Pause/Restart in fullscreen mode.

  • Fullscreen edit mode.

  • Export shaders (single JSON or ZIP archive with JSON and readme.txt).

  • Import JSON.

  • Show links in description/comments even if not inserted with BBCode.

  • Show current canvas resolution on FPS hover (feature removed - implemented natively in Shadertoy)

  • Render call multiplier.

  • Loop in set time range (including video/audio channels).

  • Open recent - Quick access to recently viewed own shaders.

  • Shader preview (automatic generated image).

  • Code completion for glsl keywords in the code editor.

  • Color picker for any vec3 with r,g,b values in the code editor.

Screenshots

Controls

Setting iMouse.xyzw uniform:

Setting iTime uniform. You can set the start and end time range and toggle loop:


Alternative shader list on profile page

Displays your shaders, grouped by status, as a lists of images with title:


Info popup

Key bindings, render mode and alternate profile page switch:


Code editor

Color picker for any vec3 with r,g,b

Code completion for glsl keywords and code snippets

BBCode buttons to make writing comments easier


Author / Contact:

PatrykFalba (Patu)

Contributors:

movAX13h

cxw42

Ethan Lowenthal

Render timing based on shadertoy_gpu_timing.user.js by Andrei Drexler

Beer? Sure.

If you find this extension useful, I'd love to hug a beer PayPal. 🍺

int totalBeers = 2;

Changelog:

Most recent changelog is here.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].