Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Zorger27/Shaders

Repository files navigation

Shaders

You can view my CV here: Curriculum VITAE❗️

You can view my Portfolio here: My Portfolio❗️

home

⚑ Shaders is an interactive environment for exploring Vertex and Fragment Shaders in real time, where code is instantly transformed into visual output. 🎨

🧠 The project combines modules for working with geometry, pixels, noise, and scene parameters, allowing flexible control over visual logic and graphical behavior πŸ”§

πŸ› οΈ (追記) Technologies: (θΏ½θ¨˜γ“γ“γΎγ§)
πŸ”Ή React βš›οΈ β€” modern UI development.
πŸ”Ή Three.js 🌌 β€” 3D graphics and visualization in the browser.
πŸ”Ή React Three Fiber πŸ–ΌοΈ β€” React renderer for Three.js.
πŸ”Ή React Three Drei πŸ“¦ β€” essential helpers and abstractions for R3F.
πŸ”Ή Three.js Shading Language (TSL) πŸ§ͺ β€” node-based shader development for WebGL/WebGPU.
πŸ”Ή Redux Toolkit 🎯 β€” efficient and scalable state management.
πŸ”Ή React Router 🧭 β€” seamless navigation between apps.
πŸ”Ή React i18next 🌍 β€” multilingual support (EN, ES, UK).
πŸ”Έ JavaScript (ESNext) πŸ’‘ β€” dynamic, maintainable code.
πŸ”Έ SASS / SCSS 🎨 β€” modular and elegant styling.
πŸ”Έ Flexbox & CSS Grid 🧩 β€” responsive and flexible layouts.
πŸ”Έ Vite ⚑ β€” lightning-fast builds and dev server.
πŸ”Έ PWA (Progressive Web App) πŸ“± β€” offline support and enhanced performance.
πŸ”Έ Google Analytics & Search Console πŸ“Š β€” integrated monitoring and analytics.
πŸ”Έ Open Graph, Favicon, Sitemap, Robots.txt πŸ” β€” full SEO toolkit.
πŸ”Έ Markdown πŸ“ β€” clean documentation and formatting.

πŸš€ Built on WebGPU and TSL, it serves as a tool for prototyping, experimentation, and creating visual solutions that can be applied in modern web products and commercial interfaces. 🌐

Project setup (install dependencies)

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

About

⚑ Shaders β€” an interactive environment for learning, experimenting with, and visualizing Vertex and Fragment Shaders. πŸš€ Built on WebGPU and TSL, it serves as a tool for prototyping, experimentation, and creating visual solutions that can be applied in modern web products and commercial interfaces. 🌐

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /