Crops Steam Profile backgrounds into showcases.
sapic / sapic Goto Github PK
View Code? Open in Web Editor NEWA useful tool to crop your Steam profile background for showcases.
Home Page: https://steam.design
License: MIT License
A useful tool to crop your Steam profile background for showcases.
Home Page: https://steam.design
License: MIT License
Crops Steam Profile backgrounds into showcases.
Please comment repros here.
How about one artwork showcase and possibility to change one of the other artwork showcase into a different showcase?
This would make a profile more unique or in line with a theme, to also show achievements for Level 20-.
Reminder to fix the local inventory caching.
-Vinnie
After logging into steam using the login button you are redirected to the depreciated URL next.steam.design
Using both Firefox and Firefox private (incognito) mode the converter stops at ffmpeg-core initialization.
logs:
use ffmpeg.wasm v0.9.5
load ffmpeg-core
loading ffmpeg-core
fetch ffmpeg-core.worker.js script
worker object URL=blob:https://steam.design/9d86ec8c-f261-44f8-9207-e08c1dc2f01f
download ffmpeg-core script (~25 MB) from https://unpkg.com/@ffmpeg/[email protected]/dist/ffmpeg-core.js
initialize ffmpeg-core
This is the error shown in the console
I switched to chrome and ffmpeg-core was successfully initialized and loaded.
Issue: While small images are enabled, manually resizing the Screenshot Showcase will increase the size of the Artwork showcase. It does not matter which showcase is on top for this to occur.
Steps to reproduce:
Noteworthy items:
Steam have the points shop with cool animated backgrounds, it would be great if your website could work with new animated backgrounds.
title
Please comment with repros here.
A new addition to the points shop was a featured artwork showcase, that only displays a single image. Quite handy if you want to you use your artwork showcase as its intended.
Just a while ago there were some issues with https://steam.design and I offered a temporary fix hosted on another url.
Soon after posting on the Discord I was banned without given reason. I can only guess this project is not to be redistributed and I'm sorry for violating this. I was only trying to help others, so I suggest adding a license! This will help other people know if this happens again in the future. I immediately shut down my distribution.
Even just a "don't distribute" in the README would help. Thank you for all your hard work.
If the user has more than 2 artworks uploaded and set to public, even with long artworks there'll be a "+x" icon under the artwork to the right, shifting the showcase that's under it further down.
Steps to reproduce:
$J('#image_width').val('1000');$J('#image_height').val('1');
for long artwork supportThis is not exactly a problem with Steam.Design, but there could be an option there to counter this effect if stacking "transparent" showcases, because if, for example, there's a screenshot showcase under the artwork one, Steam.Design will generate the images as if the showcases were closer together, but if the issue mentioned happens, they'll be slightly further apart.
For now, making all other artworks private seems to be the most reliable option to counter this.
Hi,
is there any support for the new animated backgrounds planned?
Is it even possible?
If you use the outputted images in a screenshot showcase instead of artwork, they are misaligned. This could require an option in the menu window.
Needs further investigation.
Steam has ability to set custom color schemes:
DefaultTheme
, SummerTheme
, MidnightTheme
, SteelTheme
, CosmicTheme
, DarkModeTheme
are already available for all users for free.
However, there are a lot of other colors schemes from 'Game Profiles' Point Shop section which you can't preview with your background.
When you set color scheme it changes class in body. In my opinion we can parse all available color schemes and make an option to choose color scheme
If u go to the previous background via hitting ur browsers "back" button and reloading, the "Get this BG" button now leads to the wrong store-page
The background filter at the top of the page is not working. Its spitting out the following error:
Uncaught TypeError: Cannot read property 'value' of undefined at main.js:formatted:14056
-Vinnie
When trying to crop the following animated background...
https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/870780/acb9b58a87f1b1e0d0e866f383ccf3543530426f.webm
The site gives crops for...
https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/1263950/4d466f77edf3265a253fba79d47bc91a37e34920.webm
Originally reported by Dryden.exe#0020 on Discord
"E.D.N. III Vista" appears to be misaligned:
https://steam.design/#https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/226720/4a7f3784347cf0a24611a34cbfc7e4af748974da.jpg
Originally reported by FreeZ#1697 on Discord.
I attached the correct/fixed crops for measuring purposes.
The issue affects both https://next.steam.design/ and https://steam.design/
The Discord widget at https://steam.design/ is currently not working. Clicking on the widget doesn't redirect the user to any Discord invite or link.
I attached two pics, one with how it's supposed to look vs how it looks
I used the crop for featured artwork version, in a featured artwork showcase
On steam.design it looks aligned properly.
I also tried to switch between Full Screen/Original in Steam's background settings, but it didn't help.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.