v TRENUTNEM stanju, ti je ChatGPT zmožen napisat diplomsko kot "bottom 20 students", so dali ocenjevat profesorjem :)
Čez 2-3 leta (eksponentna rast AI), bo top of the class...
Tudi programira kr dobro.
Za finto mi je to napisal (sam nisem popravil niti 1 vrstice):
<!DOCTYPE html>
<html>
<head>
<style>
/* prevent scrollbar from appearing */
body {
overflow: hidden;
}
#stars {
position: relative;
width: 100vw;
height: 100vh;
}
.star {
position: absolute;
width: 40px;
height: 40px;
transform: rotate(45deg);
animation: blink 2s infinite;
}
.star:before,
.star:after {
content: "";
position: absolute;
border-radius: 50%;
}
.star:before {
width: 40px;
height: 40px;
}
.star:after {
width: 20px;
height: 20px;
background-color: transparent;
}
#reposition-btn {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
padding: 10px 20px;
background-color: blue;
color: white;
border: none;
cursor: pointer;
}
@keyframes blink {
50% {
opacity: 0;
}
}
</style>
</head>
<body>
<div id="stars"></div>
<button id="reposition-btn">Reposition</button>
<script>
const stars = document.querySelector("#stars");
const starSize = 40; // size of the stars in pixels
const starMargin = 10; // margin between the stars in pixels
const starCount = 10; // number of stars
const rainbow = ["red", "orange", "yellow", "green", "blue", "indigo", "violet"];
const repositionBtn = document.querySelector("#reposition-btn");
// generate a random number between min and max
function random(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// check if a star overlaps with any existing stars
function checkOverlap(star) {
let stars = document.querySelectorAll(".star");
let rect1 = star.getBoundingClientRect();
let overlap = false;
stars.forEach(function(otherStar){
let rect2 = otherStar.getBoundingClientRect();
if(rect1 !== rect2){
if (rect1.left < rect2.left + rect2.width &&
rect1.left + rect1.width > rect2.left &&
rect1.top < rect2.top + rect2.height &&
rect1.height + rect1.top > rect2.top) {
overlap = true;
}
}
});
return overlap;
}
// create and position the stars
function createStars() {
for (let i = 0; i < starCount; i++) {
const star = document.createElement("span");
star.classList.add("star");
let left, top;
do {
//generate random left and top positions that are within the visible area
left = random(0, window.innerWidth - starSize - starMargin);
top = random(0, window.innerHeight - starSize - starMargin);
star.style.left = `${left}px`;
star.style.top = `${top}px`;
} while (checkOverlap(star));
star.style.backgroundColor = rainbow[Math.floor(Math.random() * rainbow.length)];
stars.appendChild(star);
}
}
createStars();
repositionBtn.addEventListener("click", function() {
// remove existing stars
while (stars.firstChild) {
stars.removeChild(stars.firstChild);
}
// create and position new stars
createStars();
});
</script>
</body>
</html> Not bad, ne pozabit na eksponentno rast. Seveda ti to kot za šalo napiše tudi v katerem koli drugem jeziku, Python, Java, C++, C#, ... (sem ga vprašal in je naredil) :)
