Open blazgocompany opened 2 weeks ago
Im thinking this is how it should work:
Ask for a YT url fetch the video fetch the frames automatically update another project with those frames and make it play like a video. Tell the user to go there
Yeah your frontend could work with it but it will need a HSB for each frame which will make it go too slow to use even for testing
Yeah do you have twitter
lol we're asking each other "do you have this? do you have that?" The only things I have are Github Scratch SO and Email
you can make an issue on his repo though
Yeah do you have twitter
lol we're asking each other "do you have this? do you have that?" The only things I have are Github Scratch SO and Email
lol
you can make an issue on his repo though
How??
Make a new issue here: https://github.com/TimMcCool/scratchattach/issues/new
Make a new issue here: https://github.com/TimMcCool/scratchattach/issues/new
k
Are you here? I got the code: Paste it on all pages:
window.onload = () => {
// Create and append styles to the head
const style = document.createElement('style');
style.textContent = `
/* Styles for the modal */
#modal {
display: none; /* Hidden by default */
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
justify-content: center;
align-items: center;
}
#modal-content {
background-color: #22272e;
padding: 20px;
border-radius: 5px;
text-align: center;
position: relative;
max-width: 90%;
max-height: 90%;
}
#modal-content img {
max-width: 100%;
height: auto;
}
#button-container {
margin-top: 20px;
}
.modal-button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
color: white;
transition: background-color 0.3s;
margin: 0 5px;
}
#close-button {
background-color: #dc3545;
opacity: 0.5;
pointer-events: none;
}
#close-button:hover {
background-color: #c82333;
}
#close-button:active {
background-color: #bd2130;
}
#check-out-button {
background-color: #007bff;
}
#check-out-button:hover {
background-color: #0056b3;
}
#check-out-button:active {
background-color: #004080;
}
`;
document.head.appendChild(style);
// Create and style elements
const body = document.body;
// Container for the modal
const modal = document.createElement('div');
modal.id = 'modal';
body.appendChild(modal);
// Content of the modal
const modalContent = document.createElement('div');
modalContent.id = 'modal-content';
modal.appendChild(modalContent);
// Image element
const image = document.createElement('img');
image.id = 'image';
image.src = ''; // Set the image source dynamically
image.alt = 'Image';
modalContent.appendChild(image);
// Container for the buttons inside the modal
const buttonContainer = document.createElement('div');
buttonContainer.id = 'button-container';
modalContent.appendChild(buttonContainer);
// Check out button
const checkOutButton = document.createElement('button');
checkOutButton.id = 'check-out-button';
checkOutButton.textContent = 'Check out Animator-Studio!';
checkOutButton.onclick = () => window.open('https://example.com', '_blank');
checkOutButton.classList.add('modal-button');
buttonContainer.appendChild(checkOutButton);
// Close button
const closeButton = document.createElement('button');
closeButton.id = 'close-button';
closeButton.textContent = 'Close (3)';
closeButton.onclick = () => {
modal.style.display = 'none'; // Hide the modal
};
closeButton.classList.add('modal-button');
buttonContainer.appendChild(closeButton);
// Function to update the image source
function updateImage() {
image.src = 'https://github-production-user-asset-6210df.s3.amazonaws.com/96586789/366232101-68240321-7601-4849-9bf0-2b99ef285716.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240910%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240910T220108Z&X-Amz-Expires=300&X-Amz-Signature=971297bca144bda6cff649809074b0d489c2a96a80ceaf6b9534ca88a7f6cf42&X-Amz-SignedHeaders=host&actor_id=96586789&key_id=0&repo_id=843153423';
}
// Function to handle the countdown and enable the button
function startCountdown() {
let countdown = 3;
closeButton.textContent = `Close (${countdown})`;
const intervalId = setInterval(() => {
countdown--;
closeButton.textContent = `Close (${countdown})`;
if (countdown <= 0) {
clearInterval(intervalId);
closeButton.textContent = 'Close';
closeButton.style.opacity = 1;
closeButton.style.pointerEvents = 'auto';
}
}, 1000);
}
// Show the modal and start the countdown
function showModal() {
modal.style.display = 'flex'; // Show the modal
updateImage(); // Load the image
startCountdown(); // Start the countdown
}
showModal(); // Initialize the modal and start the countdown
// Update the image every 10 minutes
setInterval(showModal, 10*60*1000); // 10 minutes in milliseconds
};
Are you here? I got the code: Paste it on all pages:
window.onload = () => { // Create and append styles to the head const style = document.createElement('style'); style.textContent = ` /* Styles for the modal */ #modal { display: none; /* Hidden by default */ position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ justify-content: center; align-items: center; } #modal-content { background-color: #22272e; padding: 20px; border-radius: 5px; text-align: center; position: relative; max-width: 90%; max-height: 90%; } #modal-content img { max-width: 100%; height: auto; } #button-container { margin-top: 20px; } .modal-button { padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; color: white; transition: background-color 0.3s; margin: 0 5px; } #close-button { background-color: #dc3545; opacity: 0.5; pointer-events: none; } #close-button:hover { background-color: #c82333; } #close-button:active { background-color: #bd2130; } #check-out-button { background-color: #007bff; } #check-out-button:hover { background-color: #0056b3; } #check-out-button:active { background-color: #004080; } `; document.head.appendChild(style); // Create and style elements const body = document.body; // Container for the modal const modal = document.createElement('div'); modal.id = 'modal'; body.appendChild(modal); // Content of the modal const modalContent = document.createElement('div'); modalContent.id = 'modal-content'; modal.appendChild(modalContent); // Image element const image = document.createElement('img'); image.id = 'image'; image.src = ''; // Set the image source dynamically image.alt = 'Image'; modalContent.appendChild(image); // Container for the buttons inside the modal const buttonContainer = document.createElement('div'); buttonContainer.id = 'button-container'; modalContent.appendChild(buttonContainer); // Check out button const checkOutButton = document.createElement('button'); checkOutButton.id = 'check-out-button'; checkOutButton.textContent = 'Check out Animator-Studio!'; checkOutButton.onclick = () => window.open('https://example.com', '_blank'); checkOutButton.classList.add('modal-button'); buttonContainer.appendChild(checkOutButton); // Close button const closeButton = document.createElement('button'); closeButton.id = 'close-button'; closeButton.textContent = 'Close (3)'; closeButton.onclick = () => { modal.style.display = 'none'; // Hide the modal }; closeButton.classList.add('modal-button'); buttonContainer.appendChild(closeButton); // Function to update the image source function updateImage() { image.src = 'https://github-production-user-asset-6210df.s3.amazonaws.com/96586789/366232101-68240321-7601-4849-9bf0-2b99ef285716.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240910%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240910T220108Z&X-Amz-Expires=300&X-Amz-Signature=971297bca144bda6cff649809074b0d489c2a96a80ceaf6b9534ca88a7f6cf42&X-Amz-SignedHeaders=host&actor_id=96586789&key_id=0&repo_id=843153423'; } // Function to handle the countdown and enable the button function startCountdown() { let countdown = 3; closeButton.textContent = `Close (${countdown})`; const intervalId = setInterval(() => { countdown--; closeButton.textContent = `Close (${countdown})`; if (countdown <= 0) { clearInterval(intervalId); closeButton.textContent = 'Close'; closeButton.style.opacity = 1; closeButton.style.pointerEvents = 'auto'; } }, 1000); } // Show the modal and start the countdown function showModal() { modal.style.display = 'flex'; // Show the modal updateImage(); // Load the image startCountdown(); // Start the countdown } showModal(); // Initialize the modal and start the countdown // Update the image every 10 minutes setInterval(showModal, 10*60*1000); // 10 minutes in milliseconds };
k Thx :D
Are you here? I got the code: Paste it on all pages:
window.onload = () => { // Create and append styles to the head const style = document.createElement('style'); style.textContent = ` /* Styles for the modal */ #modal { display: none; /* Hidden by default */ position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ justify-content: center; align-items: center; } #modal-content { background-color: #22272e; padding: 20px; border-radius: 5px; text-align: center; position: relative; max-width: 90%; max-height: 90%; } #modal-content img { max-width: 100%; height: auto; } #button-container { margin-top: 20px; } .modal-button { padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; color: white; transition: background-color 0.3s; margin: 0 5px; } #close-button { background-color: #dc3545; opacity: 0.5; pointer-events: none; } #close-button:hover { background-color: #c82333; } #close-button:active { background-color: #bd2130; } #check-out-button { background-color: #007bff; } #check-out-button:hover { background-color: #0056b3; } #check-out-button:active { background-color: #004080; } `; document.head.appendChild(style); // Create and style elements const body = document.body; // Container for the modal const modal = document.createElement('div'); modal.id = 'modal'; body.appendChild(modal); // Content of the modal const modalContent = document.createElement('div'); modalContent.id = 'modal-content'; modal.appendChild(modalContent); // Image element const image = document.createElement('img'); image.id = 'image'; image.src = ''; // Set the image source dynamically image.alt = 'Image'; modalContent.appendChild(image); // Container for the buttons inside the modal const buttonContainer = document.createElement('div'); buttonContainer.id = 'button-container'; modalContent.appendChild(buttonContainer); // Check out button const checkOutButton = document.createElement('button'); checkOutButton.id = 'check-out-button'; checkOutButton.textContent = 'Check out Animator-Studio!'; checkOutButton.onclick = () => window.open('https://example.com', '_blank'); checkOutButton.classList.add('modal-button'); buttonContainer.appendChild(checkOutButton); // Close button const closeButton = document.createElement('button'); closeButton.id = 'close-button'; closeButton.textContent = 'Close (3)'; closeButton.onclick = () => { modal.style.display = 'none'; // Hide the modal }; closeButton.classList.add('modal-button'); buttonContainer.appendChild(closeButton); // Function to update the image source function updateImage() { image.src = 'https://github-production-user-asset-6210df.s3.amazonaws.com/96586789/366232101-68240321-7601-4849-9bf0-2b99ef285716.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240910%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240910T220108Z&X-Amz-Expires=300&X-Amz-Signature=971297bca144bda6cff649809074b0d489c2a96a80ceaf6b9534ca88a7f6cf42&X-Amz-SignedHeaders=host&actor_id=96586789&key_id=0&repo_id=843153423'; } // Function to handle the countdown and enable the button function startCountdown() { let countdown = 3; closeButton.textContent = `Close (${countdown})`; const intervalId = setInterval(() => { countdown--; closeButton.textContent = `Close (${countdown})`; if (countdown <= 0) { clearInterval(intervalId); closeButton.textContent = 'Close'; closeButton.style.opacity = 1; closeButton.style.pointerEvents = 'auto'; } }, 1000); } // Show the modal and start the countdown function showModal() { modal.style.display = 'flex'; // Show the modal updateImage(); // Load the image startCountdown(); // Start the countdown } showModal(); // Initialize the modal and start the countdown // Update the image every 10 minutes setInterval(showModal, 10*60*1000); // 10 minutes in milliseconds };
HUH??? is that the full code
Yea? why? is it too long?
Or heres a shorter one:
window.onload=()=>{const n=document.createElement("style");n.textContent="\n /* Styles for the modal */\n #modal {\n display: none; /* Hidden by default */\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */\n justify-content: center;\n align-items: center;\n }\n\n #modal-content {\n background-color: #22272e;\n padding: 20px;\n border-radius: 5px;\n text-align: center;\n position: relative;\n max-width: 90%;\n max-height: 90%;\n }\n\n #modal-content img {\n max-width: 100%;\n height: auto;\n }\n\n #button-container {\n margin-top: 20px;\n }\n\n .modal-button {\n padding: 10px 20px;\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n color: white;\n transition: background-color 0.3s;\n margin: 0 5px;\n }\n\n #close-button {\n background-color: #dc3545;\n opacity: 0.5;\n pointer-events: none;\n }\n\n #close-button:hover {\n background-color: #c82333;\n }\n\n #close-button:active {\n background-color: #bd2130;\n }\n\n #check-out-button {\n background-color: #007bff;\n }\n\n #check-out-button:hover {\n background-color: #0056b3;\n }\n\n #check-out-button:active {\n background-color: #004080;\n }\n ",document.head.appendChild(n);const t=document.body,e=document.createElement("div");e.id="modal",t.appendChild(e);const o=document.createElement("div");o.id="modal-content",e.appendChild(o);const a=document.createElement("img");a.id="image",a.src="",a.alt="Image",o.appendChild(a);const c=document.createElement("div");c.id="button-container",o.appendChild(c);const d=document.createElement("button");d.id="check-out-button",d.textContent="Check out Animator-Studio!",d.onclick=()=>window.open("https://example.com","_blank"),d.classList.add("modal-button"),c.appendChild(d);const i=document.createElement("button");function l(){e.style.display="flex",a.src="https://github-production-user-asset-6210df.s3.amazonaws.com/96586789/366232101-68240321-7601-4849-9bf0-2b99ef285716.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240910%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240910T220108Z&X-Amz-Expires=300&X-Amz-Signature=971297bca144bda6cff649809074b0d489c2a96a80ceaf6b9534ca88a7f6cf42&X-Amz-SignedHeaders=host&actor_id=96586789&key_id=0&repo_id=843153423",function(){let n=3;i.textContent=`Close (${n})`;const t=setInterval((()=>{n--,i.textContent=`Close (${n})`,n<=0&&(clearInterval(t),i.textContent="Close",i.style.opacity=1,i.style.pointerEvents="auto")}),1e3)}()}i.id="close-button",i.textContent="Close (3)",i.onclick=()=>{e.style.display="none"},i.classList.add("modal-button"),c.appendChild(i),l(),setInterval(l,6e5)};
Yea? why? is it too long?
No I just wanna know is that the full code or do I need to merge it with smth
No, youre fine, thats the full code.
No, youre fine, thats the full code.
-_- what abt the import stuff???
Which import stuff?
Which import stuff?
Do you even know python???? -_- look `from PIL import Image import requests from io import BytesIO import colorsys
def list_to_string(lst, num_digits=2):
rounded_strings = [f"{int(round(num)):0{num_digits}d}" for num in lst]
# Join all strings into one
return ''.join(rounded_strings)
def url_to_image(url): response = requests.get(url) image = Image.open(BytesIO(response.content)) return image
def rgb_to_hsb(r, g, b):
r, g, b = r / 255.0, g / 255.0, b / 255.0
h, s, v = colorsys.rgb_to_hsv(r, g, b)
# Convert hue from [0, 1] to [1, 99]
h = h * 98 + 1
s = s * 98 + 1
v = v * 98 + 1
return h, s, v
def process_image(url): image = url_to_image(url) image = image.convert('RGB') # Ensure image is in RGB mode
# Get image dimensions
width, height = image.size
# Initialize lists to store HSB values
hue = []
saturation = []
brightness = []
for y in range(height):
for x in range(width):
r, g, b = image.getpixel((x, y))
h, s, v = rgb_to_hsb(r, g, b)
hue.append(h)
saturation.append(s)
brightness.append(v)
# Convert lists to strings with padding for two digits
hue_str = list_to_string(hue)
saturation_str = list_to_string(saturation)
brightness_str = list_to_string(brightness)
return hue, saturation, brightness, hue_str, saturation_str, brightness_str
url = 'https://cdn2.scratch.mit.edu/get_image/user/1882674_50x50.png?v=' hue, saturation, brightness, hue_str, saturation_str, brightness_str = process_image(url)
print("\nHue string:", hue_str) print("Saturation string:", saturation_str) print("Brightness string:", brightness_str)`
ugh... Were confused... lol. The code I gave you is for the advertisement. Put it on your website
ugh... Were confused... lol. The code I gave you is for the advertisement. Put it on your website
Oh Ok
And whats the url
And whats the url
Hello? Do you want to move on to your next project. Animator-Studio is kinda done... So I am planning to start this AI project called "rAIn" (don't steal the name!). Want to join?
Hello? Do you want to move on to your next project. Animator-Studio is kinda done... So I am planning to start this AI project called "rAIn" (don't steal the name!). Want to join?
Count me in.. what programming language, what is it, what does it do, will it be doe in VScode and will it have a site???
Python, An AI retailer (I know the word retailer sounds boring but I don't know what to call it), On VSCode, and It'll have a site
Are you good at logo design?
Are you good at logo design?
AtmosphereOS-inc (on Scratch) is
Python, An AI retailer (I know the word retailer sounds boring but I don't know what to call it), On VSCode, and It'll have a site
OK count me in but what will it do
Well, technically its an API for AI, kinda like Groq, but we'll run the models locally and... umm... that's it.... we'll give it for free!
(although we could make money out of it)
(although we could make money out of it)
Let's just do it for free and what will the AI API be powered by
hmm... I'm not sure what you mean... But if you're asking about the model, Ollama. The only problem is that Llama 405B is 200GB big But 8b or 70b is managable
hmm... I'm not sure what you mean... But if you're asking about the model, Ollama. The only problem is that Llama 405B is 200GB big But 8b or 70b is managable
k np
Started working on it. Ill tell you when everythings ready to start dev
Started working on it. Ill tell you when everythings ready to start dev
Ok np :D gotta go byw
bye!
bye!
:D
Oh umm... If you haven't left yet, can you paste
M 14 104 a 2 2 90 0 0 6 0 l 0 -56 c 20 0 32 -4 36 -12 a 2 2 90 0 0 -6 -2 c -4 6 -16 7 -30 7 q -6 0 -6 7 Z M 48 106 a 2 2 90 0 0 6 2 l 31 -66 a 2 2 90 0 0 -6 -2 Z M 82 59 a 1 1 0 0 0 0 6 l 10 0 c 7 0 7 1 10 7 l 13 36 a 1 1 0 0 0 6 -1 l -14 -38 c -2 -5 -3 -10 -16 -10 Z M 85 37 A 1 1 0 0 1 90 34 L 100 53 A 1 1 0 0 1 95 55 L 85 37
into https://yqnn.github.io/svg-path-editor/ and tell me how it looks
Its only the R and the A
Its only the R and the A
k it looks like an r and a
Its only the R and the A
HEY!!! THAT COMMENT YOU DID ON ATMOSPHERE'S CHATROOM DELETE IT!!!!! AND YOU KNOW WHICH ONE I AM TALKING ABOUT :(
Whoops.
I thought he woudn't mind.
Whoops.
DELETE THAT COMMENT OR ELSE I QUIT WORKING FOR YOU
I can't Theres no optioin
I thought he woudn't mind.
YES HE WOULD DUH!!!!!
I added or maybe not..
I can't Theres no optioin
oh yeah you need to join the studio just report the comment 100 times
I added or maybe not..
Huh?
Like I replyed "or maybe not..."
Yeah do you have twitter?? if yes pls ask TimMcCool for his backend