Sci-Fi Movie Recommendation (TMDb)<\/title>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500&display=swap\"\n rel=\"stylesheet\"\n \/>\n <style>\n body {\n font-family: 'Oswald', sans-serif;\n background-color: #1c1c1e;\n color: #f8f9fa;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n #movie-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n margin-top: 20px;\n gap: 20px;\n }\n .movie-item {\n background: linear-gradient(135deg, #2c2c34, #555555);\n width: calc(33% - 40px);\n max-width: 300px;\n padding: 15px;\n border-radius: 15px;\n box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);\n text-align: center;\n cursor: pointer;\n position: relative;\n transition: transform 0.3s, box-shadow 0.3s;\n \/* Yeni eklenen filmlerin animasyonla gelmesi i\u00e7in *\/\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @media (max-width: 768px) {\n .movie-item {\n width: calc(50% - 20px);\n }\n }\n .movie-item:hover {\n transform: scale(1.05);\n box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.8);\n }\n .movie-poster {\n width: 100%;\n height: auto;\n border-radius: 10px;\n transition: transform 0.3s;\n border: 2px solid #555555;\n }\n .movie-title {\n color: #f8f9fa;\n margin-top: 10px;\n font-size: 24px;\n }\n .movie-year {\n color: #a1a1a3;\n margin-top: 5px;\n }\n .imdb-rating {\n color: #ffc107;\n font-weight: bold;\n margin-top: 5px;\n }\n #welcome-message {\n background-color: #2c2c34;\n color: #f8f9fa;\n padding: 20px;\n font-size: 28px;\n font-family: 'Oswald', sans-serif;\n border-radius: 15px;\n margin: 20px auto;\n width: fit-content;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6);\n }\n \n \/* Load More Butonu Stili *\/\n .load-more-container {\n margin: 40px 0;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n .load-more-button {\n padding: 15px 40px;\n font-size: 20px;\n cursor: pointer;\n background-color: #ffc107; \/* Dikkat \u00e7ekici bir renk *\/\n color: #1c1c1e;\n border: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n box-shadow: 0px 4px 15px rgba(255, 193, 7, 0.4);\n font-family: 'Oswald', sans-serif;\n text-transform: uppercase;\n font-weight: bold;\n }\n .load-more-button:hover {\n background-color: #e0a800;\n transform: scale(1.05);\n box-shadow: 0px 6px 20px rgba(255, 193, 7, 0.6);\n }\n\n #detailsModal, #trailerModal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n }\n #detailsModalContent, #trailerModalContent {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90%;\n max-width: 800px;\n background-color: #1c1c1e;\n border-radius: 20px;\n padding: 20px;\n color: #f8f9fa;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.7);\n overflow-y: auto;\n max-height: 80%;\n }\n #closeModal, #closeTrailerModal {\n position: absolute;\n top: 10px;\n right: 20px;\n color: #ffc107;\n font-size: 30px;\n font-weight: bold;\n cursor: pointer;\n }\n .watch-trailer-button {\n margin-top: 20px;\n padding: 15px 25px;\n background-color: #555555;\n color: #ffffff;\n border: none;\n border-radius: 15px;\n font-size: 18px;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);\n }\n .watch-trailer-button:hover {\n background-color: #a1a1a3;\n }\n .review-author {\n color: #ffc107;\n font-weight: bold;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"welcome-message\">\n \ud83d\ude80 Welcome sci-fi enthusiasts! Explore the cosmos with these mind-bending movies! \ud83e\ude90\n <\/div>\n \n <div id=\"movie-list\"><\/div>\n \n <div class=\"load-more-container\">\n <button class=\"load-more-button\" id=\"loadMoreBtn\" onclick=\"loadMoreMovies()\">\n \u21e9 LOAD MORE MOVIES \u21e9\n <\/button>\n <\/div>\n \n <div id=\"detailsModal\">\n <div id=\"detailsModalContent\">\n <span id=\"closeModal\" onclick=\"closeDetailsModal()\">×<\/span>\n <div id=\"movieDetails\"><\/div>\n <button class=\"watch-trailer-button\" id=\"watchTrailerButton\" onclick=\"openTrailerModal()\">\ud83e\ude90 Watch Trailer \ud83e\ude90<\/button>\n <div id=\"reviewsSection\"><\/div>\n <\/div>\n <\/div>\n\n <div id=\"trailerModal\">\n <div id=\"trailerModalContent\">\n <span id=\"closeTrailerModal\" onclick=\"closeTrailerModal()\">×<\/span>\n <div id=\"trailerContent\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ TMDb API Key\n const apiKey = '25ec2c68c8aa9357786e0be45ac80de3';\n \n \/\/ Ba\u015flang\u0131\u00e7 sayfas\u0131\n let currentPage = 1;\n let currentTrailerKey = null;\n\n window.onload = function () {\n \/\/ \u0130lk sayfay\u0131 y\u00fckle\n getMovieRecommendation(currentPage);\n };\n\n \/\/ Bilim kurgu t\u00fcr\u00fc i\u00e7in: with_genres=878\n async function getMovieRecommendation(page) {\n const apiUrl = `https:\/\/api.themoviedb.org\/3\/discover\/movie?api_key=${apiKey}&with_genres=878&sort_by=popularity.desc&page=${page}&vote_average.gte=6`;\n try {\n const response = await fetch(apiUrl);\n const data = await response.json();\n displayMovies(data.results);\n } catch (error) {\n console.error('Error fetching movie data:', error);\n }\n }\n\n \/\/ Bu fonksiyon art\u0131k listeyi temizlemiyor, sadece EKLEME yap\u0131yor.\n function displayMovies(movies) {\n const movieListElement = document.getElementById('movie-list');\n \n \/\/ E\u011fer sayfa 1 ise ve ilk y\u00fcklemeyse, belki temizlemek isteyebiliriz ama\n \/\/ Load More mant\u0131\u011f\u0131 i\u00e7in temizleme kodunu (innerHTML = '') sildim.\n\n movies.forEach(movie => {\n const movieItem = document.createElement('div');\n movieItem.className = 'movie-item';\n \n \/\/ Poster ve temel bilgiler\n movieItem.innerHTML = `\n <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/image.tmdb.org\/t\/p\/w500${movie.poster_path}\" alt=\"${movie.title}\">\n <div class=\"movie-title\">${movie.title}<\/div>\n <div class=\"movie-year\">${movie.release_date ? movie.release_date.split('-')[0] : ''}<\/div>\n <div class=\"imdb-rating\">IMDb: ${movie.vote_average}\/10<\/div>\n `;\n \n \/\/ T\u0131klay\u0131nca detay modal\u0131 a\u00e7\n movieItem.addEventListener('click', () => openDetailsModal(movie.id));\n movieListElement.appendChild(movieItem);\n });\n }\n\n \/\/ LOAD MORE Butonuna t\u0131kland\u0131\u011f\u0131nda \u00e7al\u0131\u015facak fonksiyon\n function loadMoreMovies() {\n currentPage++; \/\/ Sayfa say\u0131s\u0131n\u0131 art\u0131r\n getMovieRecommendation(currentPage); \/\/ Yeni sayfay\u0131 \u00e7ek (append edecek)\n }\n\n \/\/ Modal a\u00e7ma fonksiyonu\n async function openDetailsModal(movieId) {\n const apiUrl = `https:\/\/api.themoviedb.org\/3\/movie\/${movieId}?api_key=${apiKey}&append_to_response=videos,credits,reviews`;\n try {\n const response = await fetch(apiUrl);\n const movie = await response.json();\n\n \/\/ Y\u00f6netmen\n const directorData = (movie.credits.crew || []).find(member => member.job === 'Director');\n const directorName = directorData ? directorData.name : 'N\/A';\n\n \/\/ \u0130lk 5 oyuncu\n const castList = (movie.credits.cast || []).slice(0, 5).map(actor => actor.name).join(', ') || 'N\/A';\n\n \/\/ Modal i\u00e7ine film bilgilerini yerle\u015ftir\n document.getElementById('movieDetails').innerHTML = `\n <h2 style=\"color: #f8f9fa;\">${movie.title} (${movie.release_date ? movie.release_date.split('-')[0] : ''})<\/h2>\n <ul>\n <li style=\"color: #f8f9fa;\"><strong>Overview:<\/strong> ${movie.overview}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Release Year:<\/strong> ${movie.release_date ? movie.release_date.split('-')[0] : ''}<\/li>\n <li style=\"color: #ffc107;\"><strong>IMDb Rating:<\/strong> ${movie.vote_average}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Director:<\/strong> ${directorName}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Cast:<\/strong> ${castList}<\/li>\n <\/ul>\n `;\n\n \/\/ Trailer anahtar\u0131n\u0131 al\n const trailer = (movie.videos.results || []).find(video => video.type === 'Trailer');\n currentTrailerKey = trailer ? trailer.key : null;\n\n \/\/ Yorumlar\u0131 haz\u0131rlama\n const reviewsHtml = (movie.reviews.results || []).map(review => `\n <div class=\"review-item\">\n <div class=\"review-author\">${review.author}<\/div>\n <div style=\"color: #f8f9fa;\">${review.content}<\/div>\n <\/div>\n `).join('');\n document.getElementById('reviewsSection').innerHTML = `\n <h3 style=\"color: #f8f9fa;\">User Reviews:<\/h3>\n ${reviewsHtml || 'No reviews available.'}\n `;\n\n \/\/ Modal'\u0131 g\u00f6ster\n document.getElementById('detailsModal').style.display = 'block';\n } catch (error) {\n console.error('Error fetching movie details:', error);\n }\n }\n\n \/\/ Detay Modal'\u0131n\u0131 kapatma\n function closeDetailsModal() {\n document.getElementById('detailsModal').style.display = 'none';\n }\n\n \/\/ Trailer Modal'\u0131n\u0131 a\u00e7ma\n function openTrailerModal() {\n if (currentTrailerKey) {\n document.getElementById('trailerContent').innerHTML = `\n <iframe width=\"100%\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/${currentTrailerKey}\" frameborder=\"0\" allowfullscreen><\/iframe>\n `;\n document.getElementById('trailerModal').style.display = 'block';\n }\n }\n\n \/\/ Trailer Modal'\u0131n\u0131 kapatma\n function closeTrailerModal() {\n document.getElementById('trailerModal').style.display = 'none';\n document.getElementById('trailerContent').innerHTML = '';\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\ude80 <strong>Welcome to a Universe of Metaverse, Artificial Intelligence, and Science Fiction Films!<\/strong><\/h2>\n\n\n\n<p>At Metaverseplanet.net, we cater to a community passionate about the future of technology, artificial intelligence, and the ever-evolving connection between humanity and innovation. With a library of nearly <strong>1,000 science fiction films<\/strong>, we invite you to explore stories that push the boundaries of imagination, unlock the doors to the metaverse, and shine a light on humanity’s potential future. \ud83c\udf0c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udfa5 <strong>What We Offer<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Metaverse and Virtual Worlds<\/strong>: Dive into virtual reality, augmented reality, and digital worlds that provide thrilling insights into what the metaverse might look like.<\/li>\n\n\n\n<li><strong>AI-Themed Films<\/strong>: From humanoid robots to learning machines, explore captivating tales about artificial intelligence and its complex relationship with humanity.<\/li>\n\n\n\n<li><strong>Science and Space Exploration<\/strong>: Discover stories of universal exploration, time travel, and human ingenuity that inspire and amaze.<\/li>\n\n\n\n<li><strong>Dystopias and Future Scenarios<\/strong>: Gain new perspectives on the current world through films that depict both the dark and bright sides of humanity’s future.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udf1f <strong>Key Features<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extensive Film Database<\/strong>: With nearly 1,000 science fiction films, our collection ensures a vast universe to explore.<\/li>\n\n\n\n<li><strong>Detailed Movie Information<\/strong>: Quickly access essential details like directors, cast, release year, genre, IMDb ratings, and more for every movie.<\/li>\n\n\n\n<li><strong>User Reviews and Ratings<\/strong>: Read what others think and share your own insights on the films you watch.<\/li>\n\n\n\n<li><strong>IMDb and Trailer Links<\/strong>: Easily check IMDb ratings and watch official trailers to help you decide what to watch next.<\/li>\n\n\n\n<li><strong>Interactive Pages<\/strong>: Discover popular films, highest-rated productions, and frequently watched classics in our curated lists.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\ude90 <strong>Why This Category?<\/strong><\/h3>\n\n\n\n<p>The metaverse, artificial intelligence, and science are shaping the future of our world. These themes not only entertain but also educate and inspire. <strong>Metaverseplanet.net<\/strong> is here to guide you on this journey, becoming the go-to destination for anyone curious about what the future holds.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sci-Fi Movie Recommendation (TMDb) \ud83d\ude80 Welcome sci-fi enthusiasts! Explore the cosmos with these mind-bending movies! \ud83e\ude90 \u21e9 LOAD MORE MOVIES \u21e9 × \ud83e\ude90 Watch Trailer \ud83e\ude90 × \ud83d\ude80 Welcome to a Universe of Metaverse, Artificial Intelligence, and Science Fiction Films! At Metaverseplanet.net, we cater to a community passionate about the future of technology, artificial intelligence, …<\/p>\n","protected":false},"author":1,"featured_media":21367,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAown96uCw:productID":"","footnotes":""},"categories":[332,323,322,119],"tags":[333,319,300,206,330,307],"class_list":["post-21307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-information","category-cyberculture","category-metaverse1","category-robotic","tag-ai-blog","tag-metaverse-blog","tag-metaverse-movies","tag-movie-lists","tag-movies","tag-tools"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/21307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/comments?post=21307"}],"version-history":[{"count":0,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/21307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media\/21367"}],"wp:attachment":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media?parent=21307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/categories?post=21307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/tags?post=21307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":21307,"date":"2024-12-25T04:58:30","date_gmt":"2024-12-25T04:58:30","guid":{"rendered":"https:\/\/metaverseplanet.net\/blog\/?p=21307"},"modified":"2026-01-03T12:46:56","modified_gmt":"2026-01-03T12:46:56","slug":"top-1000-sci-fi-movies-about-metaverse-ai-and-science","status":"publish","type":"post","link":"https:\/\/metaverseplanet.net\/blog\/top-1000-sci-fi-movies-about-metaverse-ai-and-science\/","title":{"rendered":"Top 1000 Sci-Fi Movies About Metaverse, AI, and Science"},"content":{"rendered":"\n\n\n\n \n \n Sci-Fi Movie Recommendation (TMDb)<\/title>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500&display=swap\"\n rel=\"stylesheet\"\n \/>\n <style>\n body {\n font-family: 'Oswald', sans-serif;\n background-color: #1c1c1e;\n color: #f8f9fa;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n #movie-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n margin-top: 20px;\n gap: 20px;\n }\n .movie-item {\n background: linear-gradient(135deg, #2c2c34, #555555);\n width: calc(33% - 40px);\n max-width: 300px;\n padding: 15px;\n border-radius: 15px;\n box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);\n text-align: center;\n cursor: pointer;\n position: relative;\n transition: transform 0.3s, box-shadow 0.3s;\n \/* Yeni eklenen filmlerin animasyonla gelmesi i\u00e7in *\/\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @media (max-width: 768px) {\n .movie-item {\n width: calc(50% - 20px);\n }\n }\n .movie-item:hover {\n transform: scale(1.05);\n box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.8);\n }\n .movie-poster {\n width: 100%;\n height: auto;\n border-radius: 10px;\n transition: transform 0.3s;\n border: 2px solid #555555;\n }\n .movie-title {\n color: #f8f9fa;\n margin-top: 10px;\n font-size: 24px;\n }\n .movie-year {\n color: #a1a1a3;\n margin-top: 5px;\n }\n .imdb-rating {\n color: #ffc107;\n font-weight: bold;\n margin-top: 5px;\n }\n #welcome-message {\n background-color: #2c2c34;\n color: #f8f9fa;\n padding: 20px;\n font-size: 28px;\n font-family: 'Oswald', sans-serif;\n border-radius: 15px;\n margin: 20px auto;\n width: fit-content;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6);\n }\n \n \/* Load More Butonu Stili *\/\n .load-more-container {\n margin: 40px 0;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n .load-more-button {\n padding: 15px 40px;\n font-size: 20px;\n cursor: pointer;\n background-color: #ffc107; \/* Dikkat \u00e7ekici bir renk *\/\n color: #1c1c1e;\n border: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n box-shadow: 0px 4px 15px rgba(255, 193, 7, 0.4);\n font-family: 'Oswald', sans-serif;\n text-transform: uppercase;\n font-weight: bold;\n }\n .load-more-button:hover {\n background-color: #e0a800;\n transform: scale(1.05);\n box-shadow: 0px 6px 20px rgba(255, 193, 7, 0.6);\n }\n\n #detailsModal, #trailerModal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n }\n #detailsModalContent, #trailerModalContent {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90%;\n max-width: 800px;\n background-color: #1c1c1e;\n border-radius: 20px;\n padding: 20px;\n color: #f8f9fa;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.7);\n overflow-y: auto;\n max-height: 80%;\n }\n #closeModal, #closeTrailerModal {\n position: absolute;\n top: 10px;\n right: 20px;\n color: #ffc107;\n font-size: 30px;\n font-weight: bold;\n cursor: pointer;\n }\n .watch-trailer-button {\n margin-top: 20px;\n padding: 15px 25px;\n background-color: #555555;\n color: #ffffff;\n border: none;\n border-radius: 15px;\n font-size: 18px;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);\n }\n .watch-trailer-button:hover {\n background-color: #a1a1a3;\n }\n .review-author {\n color: #ffc107;\n font-weight: bold;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"welcome-message\">\n \ud83d\ude80 Welcome sci-fi enthusiasts! Explore the cosmos with these mind-bending movies! \ud83e\ude90\n <\/div>\n \n <div id=\"movie-list\"><\/div>\n \n <div class=\"load-more-container\">\n <button class=\"load-more-button\" id=\"loadMoreBtn\" onclick=\"loadMoreMovies()\">\n \u21e9 LOAD MORE MOVIES \u21e9\n <\/button>\n <\/div>\n \n <div id=\"detailsModal\">\n <div id=\"detailsModalContent\">\n <span id=\"closeModal\" onclick=\"closeDetailsModal()\">×<\/span>\n <div id=\"movieDetails\"><\/div>\n <button class=\"watch-trailer-button\" id=\"watchTrailerButton\" onclick=\"openTrailerModal()\">\ud83e\ude90 Watch Trailer \ud83e\ude90<\/button>\n <div id=\"reviewsSection\"><\/div>\n <\/div>\n <\/div>\n\n <div id=\"trailerModal\">\n <div id=\"trailerModalContent\">\n <span id=\"closeTrailerModal\" onclick=\"closeTrailerModal()\">×<\/span>\n <div id=\"trailerContent\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ TMDb API Key\n const apiKey = '25ec2c68c8aa9357786e0be45ac80de3';\n \n \/\/ Ba\u015flang\u0131\u00e7 sayfas\u0131\n let currentPage = 1;\n let currentTrailerKey = null;\n\n window.onload = function () {\n \/\/ \u0130lk sayfay\u0131 y\u00fckle\n getMovieRecommendation(currentPage);\n };\n\n \/\/ Bilim kurgu t\u00fcr\u00fc i\u00e7in: with_genres=878\n async function getMovieRecommendation(page) {\n const apiUrl = `https:\/\/api.themoviedb.org\/3\/discover\/movie?api_key=${apiKey}&with_genres=878&sort_by=popularity.desc&page=${page}&vote_average.gte=6`;\n try {\n const response = await fetch(apiUrl);\n const data = await response.json();\n displayMovies(data.results);\n } catch (error) {\n console.error('Error fetching movie data:', error);\n }\n }\n\n \/\/ Bu fonksiyon art\u0131k listeyi temizlemiyor, sadece EKLEME yap\u0131yor.\n function displayMovies(movies) {\n const movieListElement = document.getElementById('movie-list');\n \n \/\/ E\u011fer sayfa 1 ise ve ilk y\u00fcklemeyse, belki temizlemek isteyebiliriz ama\n \/\/ Load More mant\u0131\u011f\u0131 i\u00e7in temizleme kodunu (innerHTML = '') sildim.\n\n movies.forEach(movie => {\n const movieItem = document.createElement('div');\n movieItem.className = 'movie-item';\n \n \/\/ Poster ve temel bilgiler\n movieItem.innerHTML = `\n <img decoding=\"async\" class=\"movie-poster\" src=\"https:\/\/image.tmdb.org\/t\/p\/w500${movie.poster_path}\" alt=\"${movie.title}\">\n <div class=\"movie-title\">${movie.title}<\/div>\n <div class=\"movie-year\">${movie.release_date ? movie.release_date.split('-')[0] : ''}<\/div>\n <div class=\"imdb-rating\">IMDb: ${movie.vote_average}\/10<\/div>\n `;\n \n \/\/ T\u0131klay\u0131nca detay modal\u0131 a\u00e7\n movieItem.addEventListener('click', () => openDetailsModal(movie.id));\n movieListElement.appendChild(movieItem);\n });\n }\n\n \/\/ LOAD MORE Butonuna t\u0131kland\u0131\u011f\u0131nda \u00e7al\u0131\u015facak fonksiyon\n function loadMoreMovies() {\n currentPage++; \/\/ Sayfa say\u0131s\u0131n\u0131 art\u0131r\n getMovieRecommendation(currentPage); \/\/ Yeni sayfay\u0131 \u00e7ek (append edecek)\n }\n\n \/\/ Modal a\u00e7ma fonksiyonu\n async function openDetailsModal(movieId) {\n const apiUrl = `https:\/\/api.themoviedb.org\/3\/movie\/${movieId}?api_key=${apiKey}&append_to_response=videos,credits,reviews`;\n try {\n const response = await fetch(apiUrl);\n const movie = await response.json();\n\n \/\/ Y\u00f6netmen\n const directorData = (movie.credits.crew || []).find(member => member.job === 'Director');\n const directorName = directorData ? directorData.name : 'N\/A';\n\n \/\/ \u0130lk 5 oyuncu\n const castList = (movie.credits.cast || []).slice(0, 5).map(actor => actor.name).join(', ') || 'N\/A';\n\n \/\/ Modal i\u00e7ine film bilgilerini yerle\u015ftir\n document.getElementById('movieDetails').innerHTML = `\n <h2 style=\"color: #f8f9fa;\">${movie.title} (${movie.release_date ? movie.release_date.split('-')[0] : ''})<\/h2>\n <ul>\n <li style=\"color: #f8f9fa;\"><strong>Overview:<\/strong> ${movie.overview}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Release Year:<\/strong> ${movie.release_date ? movie.release_date.split('-')[0] : ''}<\/li>\n <li style=\"color: #ffc107;\"><strong>IMDb Rating:<\/strong> ${movie.vote_average}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Director:<\/strong> ${directorName}<\/li>\n <li style=\"color: #f8f9fa;\"><strong>Cast:<\/strong> ${castList}<\/li>\n <\/ul>\n `;\n\n \/\/ Trailer anahtar\u0131n\u0131 al\n const trailer = (movie.videos.results || []).find(video => video.type === 'Trailer');\n currentTrailerKey = trailer ? trailer.key : null;\n\n \/\/ Yorumlar\u0131 haz\u0131rlama\n const reviewsHtml = (movie.reviews.results || []).map(review => `\n <div class=\"review-item\">\n <div class=\"review-author\">${review.author}<\/div>\n <div style=\"color: #f8f9fa;\">${review.content}<\/div>\n <\/div>\n `).join('');\n document.getElementById('reviewsSection').innerHTML = `\n <h3 style=\"color: #f8f9fa;\">User Reviews:<\/h3>\n ${reviewsHtml || 'No reviews available.'}\n `;\n\n \/\/ Modal'\u0131 g\u00f6ster\n document.getElementById('detailsModal').style.display = 'block';\n } catch (error) {\n console.error('Error fetching movie details:', error);\n }\n }\n\n \/\/ Detay Modal'\u0131n\u0131 kapatma\n function closeDetailsModal() {\n document.getElementById('detailsModal').style.display = 'none';\n }\n\n \/\/ Trailer Modal'\u0131n\u0131 a\u00e7ma\n function openTrailerModal() {\n if (currentTrailerKey) {\n document.getElementById('trailerContent').innerHTML = `\n <iframe width=\"100%\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/${currentTrailerKey}\" frameborder=\"0\" allowfullscreen><\/iframe>\n `;\n document.getElementById('trailerModal').style.display = 'block';\n }\n }\n\n \/\/ Trailer Modal'\u0131n\u0131 kapatma\n function closeTrailerModal() {\n document.getElementById('trailerModal').style.display = 'none';\n document.getElementById('trailerContent').innerHTML = '';\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\ude80 <strong>Welcome to a Universe of Metaverse, Artificial Intelligence, and Science Fiction Films!<\/strong><\/h2>\n\n\n\n<p>At Metaverseplanet.net, we cater to a community passionate about the future of technology, artificial intelligence, and the ever-evolving connection between humanity and innovation. With a library of nearly <strong>1,000 science fiction films<\/strong>, we invite you to explore stories that push the boundaries of imagination, unlock the doors to the metaverse, and shine a light on humanity’s potential future. \ud83c\udf0c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udfa5 <strong>What We Offer<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Metaverse and Virtual Worlds<\/strong>: Dive into virtual reality, augmented reality, and digital worlds that provide thrilling insights into what the metaverse might look like.<\/li>\n\n\n\n<li><strong>AI-Themed Films<\/strong>: From humanoid robots to learning machines, explore captivating tales about artificial intelligence and its complex relationship with humanity.<\/li>\n\n\n\n<li><strong>Science and Space Exploration<\/strong>: Discover stories of universal exploration, time travel, and human ingenuity that inspire and amaze.<\/li>\n\n\n\n<li><strong>Dystopias and Future Scenarios<\/strong>: Gain new perspectives on the current world through films that depict both the dark and bright sides of humanity’s future.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udf1f <strong>Key Features<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extensive Film Database<\/strong>: With nearly 1,000 science fiction films, our collection ensures a vast universe to explore.<\/li>\n\n\n\n<li><strong>Detailed Movie Information<\/strong>: Quickly access essential details like directors, cast, release year, genre, IMDb ratings, and more for every movie.<\/li>\n\n\n\n<li><strong>User Reviews and Ratings<\/strong>: Read what others think and share your own insights on the films you watch.<\/li>\n\n\n\n<li><strong>IMDb and Trailer Links<\/strong>: Easily check IMDb ratings and watch official trailers to help you decide what to watch next.<\/li>\n\n\n\n<li><strong>Interactive Pages<\/strong>: Discover popular films, highest-rated productions, and frequently watched classics in our curated lists.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\ude90 <strong>Why This Category?<\/strong><\/h3>\n\n\n\n<p>The metaverse, artificial intelligence, and science are shaping the future of our world. These themes not only entertain but also educate and inspire. <strong>Metaverseplanet.net<\/strong> is here to guide you on this journey, becoming the go-to destination for anyone curious about what the future holds.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sci-Fi Movie Recommendation (TMDb) \ud83d\ude80 Welcome sci-fi enthusiasts! Explore the cosmos with these mind-bending movies! \ud83e\ude90 \u21e9 LOAD MORE MOVIES \u21e9 × \ud83e\ude90 Watch Trailer \ud83e\ude90 × \ud83d\ude80 Welcome to a Universe of Metaverse, Artificial Intelligence, and Science Fiction Films! At Metaverseplanet.net, we cater to a community passionate about the future of technology, artificial intelligence, …<\/p>\n","protected":false},"author":1,"featured_media":21367,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAown96uCw:productID":"","footnotes":""},"categories":[332,323,322,119],"tags":[333,319,300,206,330,307],"class_list":["post-21307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-information","category-cyberculture","category-metaverse1","category-robotic","tag-ai-blog","tag-metaverse-blog","tag-metaverse-movies","tag-movie-lists","tag-movies","tag-tools"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/21307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/comments?post=21307"}],"version-history":[{"count":0,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/21307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media\/21367"}],"wp:attachment":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media?parent=21307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/categories?post=21307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/tags?post=21307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}