Coder Social home page Coder Social logo

alenaksu / pixelapp Goto Github PK

View Code? Open in Web Editor NEW
31.0 1.0 11.0 25.23 MB

A simple image editor built using WebGL

Home Page: https://alenaksu.github.io/pixelapp/

License: GNU General Public License v3.0

HTML 0.75% TypeScript 72.79% CSS 8.47% JavaScript 2.12% GLSL 15.87%
webgl image-processing editor webcomponents shaders glsl glsl-shaders

pixelapp's Introduction

pixelapp

pixelapp's People

Contributors

alenaksu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

pixelapp's Issues

Image comparison tool

Create a tool with which it is possible to compare the edited image and the original

can't perform the filter on a big resolution image: GL_INVALID_VALUE : glCopySubTextureCHROMIUM: source texture bad dimensions

I have a 7096x4720 white picture. After adjusting any filter and exporting the picture, I will find that a black border appears on the right and bottom, and the following error appears in web web console:
GL_INVALID_VALUE : glCopySubTextureCHROMIUM: source texture bad dimensions! occured

Screenshot below:
image

Steps to reproduce

you have two way to reproduce:

  1. you can change this line
    loadImage(this.imageSrc, Math.min(window.screen.width, window.screen.height)).then(

    to loadImage(this.imageSrc).then... (delete Math.min(window.screen.width, window.screen.height)) and upload this file(this file created by imagemagick:create-blank-image-in-imagemagick) to reproduce

2 . or just upload the file, apply any filter and then download it.

it effects version Chrome 92.0.4515.131 (arm64) and Edge 90.0.818.46 (64bit) But it works on my Safari Version 14.0.3 (16610.4.3.1.7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.