Hugging Face's logo

Spaces:
Sayan4033
/
vimla-the-horror-game
Running

App Files Community
Sayan4033 commited on
Commit
2431bab
·
verified ·
1 Parent(s): cf53d75

Make a great horror game great horror game for Android to great graphics and great levels not levels like and open world game horror game where the protagonist have to kill the antagonist by portion which is made by many type of minerals and he have to find those minerals and then mix it and then have to kill it - Initial Deployment

Browse files
Files changed (5) hide show
  1. README.md +7 -5
  2. android-horror.html +126 -0
  3. horror-game.html +64 -0
  4. index.html +57 -19
  5. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Vimla The Horror Game
3
- emoji: 📈
4
- colorFrom: indigo
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: vimla-the-horror-game
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
android-horror.html ADDED
@@ -0,0 +1,126 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Nexus Horror: Mineral Hunt - Android</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
12
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
13
+ </head>
14
+ <body class="bg-black text-white">
15
+ <nav class="flex justify-between items-center p-6">
16
+ <div class="text-2xl font-bold">NEXUS HORROR</div>
17
+ <div class="flex space-x-8">
18
+ <a href="/" class="hover:text-red-500"><i class="fas fa-home mr-2"></i>Home</a>
19
+ <a href="horror-game.html" class="hover:text-red-500"><i class="fas fa-desktop mr-2"></i>PC Version</a>
20
+ </div>
21
+ </nav>
22
+
23
+ <div class="container mx-auto px-4 py-8">
24
+ <div class="text-center mb-12">
25
+ <h1 class="text-5xl font-bold mb-4 text-red-600">MINERAL HUNT</h1>
26
+ <p class="text-xl text-gray-400 max-w-2xl mx-auto">An open-world horror experience for Android</p>
27
+ <div class="mt-8">
28
+ <button class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-lg text-xl font-bold mr-4">
29
+ <i class="fas fa-download mr-2"></i>Download APK
30
+ </button>
31
+ <button class="border border-red-600 text-red-600 hover:bg-red-600 hover:text-white px-8 py-3 rounded-lg text-xl font-bold">
32
+ <i class="fab fa-google-play mr-2"></i>Play Store
33
+ </button>
34
+ </div>
35
+ </div>
36
+
37
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
38
+ <div>
39
+ <img src="http://static.photos/horror/1024x576/42" alt="Game Screenshot" class="w-full rounded-lg shadow-lg shadow-red-500/20">
40
+ </div>
41
+ <div>
42
+ <h2 class="text-3xl font-bold mb-4">Game Overview</h2>
43
+ <p class="text-gray-300 mb-6">
44
+ In this open-world horror game, you play as a survivor trapped in a cursed mining town.
45
+ The only way to defeat the immortal antagonist is by crafting a special potion from rare minerals scattered throughout the world.
46
+ </p>
47
+ <div class="space-y-4">
48
+ <div class="flex items-start">
49
+ <div class="text-red-500 mt-1 mr-3"><i class="fas fa-search"></i></div>
50
+ <div>
51
+ <h3 class="font-bold">Mineral Hunting</h3>
52
+ <p class="text-gray-400">Explore the open world to find 7 rare minerals with unique properties</p>
53
+ </div>
54
+ </div>
55
+ <div class="flex items-start">
56
+ <div class="text-red-500 mt-1 mr-3"><i class="fas fa-flask"></i></div>
57
+ <div>
58
+ <h3 class="font-bold">Potion Crafting</h3>
59
+ <p class="text-gray-400">Combine minerals in specific sequences to create the ultimate weapon</p>
60
+ </div>
61
+ </div>
62
+ <div class="flex items-start">
63
+ <div class="text-red-500 mt-1 mr-3"><i class="fas fa-ghost"></i></div>
64
+ <div>
65
+ <h3 class="font-bold">Dynamic AI</h3>
66
+ <p class="text-gray-400">The antagonist learns your patterns and adapts its hunting strategies</p>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+
73
+ <div class="bg-gray-900 rounded-xl p-8 mb-16">
74
+ <h2 class="text-3xl font-bold mb-6 text-center">Mineral Types</h2>
75
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
76
+ <div class="bg-gray-800 p-6 rounded-lg hover:shadow-lg hover:shadow-red-500/20 transition-all">
77
+ <div class="text-red-500 text-4xl mb-4"><i class="fas fa-gem"></i></div>
78
+ <h3 class="text-xl font-bold mb-2">Black Onyx</h3>
79
+ <p class="text-gray-400">Found in the abandoned mine shafts. Weakens the antagonist's shadow form.</p>
80
+ </div>
81
+ <div class="bg-gray-800 p-6 rounded-lg hover:shadow-lg hover:shadow-red-500/20 transition-all">
82
+ <div class="text-red-500 text-4xl mb-4"><i class="fas fa-meteor"></i></div>
83
+ <h3 class="text-xl font-bold mb-2">Bloodstone</h3>
84
+ <p class="text-gray-400">Hidden in the church catacombs. Disrupts the antagonist's regeneration.</p>
85
+ </div>
86
+ <div class="bg-gray-800 p-6 rounded-lg hover:shadow-lg hover:shadow-red-500/20 transition-all">
87
+ <div class="text-red-500 text-4xl mb-4"><i class="fas fa-moon"></i></div>
88
+ <h3 class="text-xl font-bold mb-2">Moon Quartz</h3>
89
+ <p class="text-gray-400">Only visible during full moon nights in the lake. Reveals hidden paths.</p>
90
+ </div>
91
+ <div class="bg-gray-800 p-6 rounded-lg hover:shadow-lg hover:shadow-red-500/20 transition-all">
92
+ <div class="text-red-500 text-4xl mb-4"><i class="fas fa-fire"></i></div>
93
+ <h3 class="text-xl font-bold mb-2">Ember Crystal</h3>
94
+ <p class="text-gray-400">Found near volcanic vents in the mountains. Provides temporary protection.</p>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <div class="text-center">
100
+ <h2 class="text-3xl font-bold mb-6">System Requirements</h2>
101
+ <div class="inline-grid grid-cols-2 gap-8 text-left">
102
+ <div>
103
+ <h3 class="text-xl font-bold mb-2 text-red-500">Minimum</h3>
104
+ <ul class="text-gray-400 space-y-1">
105
+ <li><i class="fas fa-mobile-alt mr-2"></i>Android 10+</li>
106
+ <li><i class="fas fa-microchip mr-2"></i>Snapdragon 730G / Equivalent</li>
107
+ <li><i class="fas fa-memory mr-2"></i>4GB RAM</li>
108
+ <li><i class="fas fa-hdd mr-2"></i>3GB Storage</li>
109
+ </ul>
110
+ </div>
111
+ <div>
112
+ <h3 class="text-xl font-bold mb-2 text-red-500">Recommended</h3>
113
+ <ul class="text-gray-400 space-y-1">
114
+ <li><i class="fas fa-mobile-alt mr-2"></i>Android 12+</li>
115
+ <li><i class="fas fa-microchip mr-2"></i>Snapdragon 855 / Equivalent</li>
116
+ <li><i class="fas fa-memory mr-2"></i>6GB RAM</li>
117
+ <li><i class="fas fa-hdd mr-2"></i>4GB Storage</li>
118
+ </ul>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <script>AOS.init();</script>
125
+ </body>
126
+ </html>
horror-game.html ADDED
@@ -0,0 +1,64 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Nexus Horror - A Revolutionary Horror Experience</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/examples/js/controls/OrbitControls.js"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/examples/js/loaders/GLTFLoader.js"></script>
14
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.11.4/dist/gsap.min.js"></script>
15
+ </head>
16
+ <body class="bg-black text-white">
17
+ <div id="game-container" class="w-full h-screen relative overflow-hidden">
18
+ <canvas id="game-canvas" class="absolute inset-0 w-full h-full"></canvas>
19
+ <div id="ui" class="absolute inset-0 pointer-events-none">
20
+ <div class="absolute bottom-4 left-4 text-red-500 font-bold" id="health">HEALTH: 100%</div>
21
+ <div class="absolute bottom-4 right-4 text-gray-300" id="instructions">WASD to move | SPACE to interact</div>
22
+ </div>
23
+ <div id="start-screen" class="absolute inset-0 bg-black bg-opacity-90 flex flex-col items-center justify-center">
24
+ <h1 class="text-6xl font-bold text-red-600 mb-8">NEXUS HORROR</h1>
25
+ <button id="start-btn" class="px-8 py-4 bg-red-600 hover:bg-red-700 rounded-lg text-2xl font-bold transition-all">ENTER THE NIGHTMARE</button>
26
+ </div>
27
+ </div>
28
+
29
+ <script>
30
+ // Three.js game initialization
31
+ const scene = new THREE.Scene();
32
+ const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
33
+ const renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('game-canvas'), antialias: true });
34
+ renderer.setSize(window.innerWidth, window.innerHeight);
35
+ renderer.setClearColor(0x111111);
36
+ renderer.shadowMap.enabled = true;
37
+
38
+ // Game state
39
+ let gameStarted = false;
40
+ document.getElementById('start-btn').addEventListener('click', () => {
41
+ document.getElementById('start-screen').style.display = 'none';
42
+ gameStarted = true;
43
+ // Start game logic here
44
+ });
45
+
46
+ // Animation loop
47
+ function animate() {
48
+ requestAnimationFrame(animate);
49
+ if (gameStarted) {
50
+ // Game update logic here
51
+ }
52
+ renderer.render(scene, camera);
53
+ }
54
+ animate();
55
+
56
+ // Handle window resize
57
+ window.addEventListener('resize', () => {
58
+ camera.aspect = window.innerWidth / window.innerHeight;
59
+ camera.updateProjectionMatrix();
60
+ renderer.setSize(window.innerWidth, window.innerHeight);
61
+ });
62
+ </script>
63
+ </body>
64
+ </html>
index.html CHANGED
@@ -1,19 +1,57 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Nexus - Revolutionary Experiences</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
11
+ </head>
12
+ <body class="bg-gray-900 text-white">
13
+ <nav class="flex justify-between items-center p-6">
14
+ <div class="text-2xl font-bold">NEXUS</div>
15
+ <div class="flex space-x-8">
16
+ <a href="/" class="hover:text-red-500">Home</a>
17
+ <a href="horror-game.html" class="hover:text-red-500">Horror Game</a>
18
+ <a href="android-horror.html" class="hover:text-red-500">Android Game</a>
19
+ </div>
20
+ </nav>
21
+ <main class="container mx-auto px-4 py-16">
22
+ <div class="text-center mb-16">
23
+ <h1 class="text-5xl font-bold mb-4">Revolutionary Experiences</h1>
24
+ <p class="text-xl text-gray-400 max-w-2xl mx-auto">Pushing the boundaries of interactive entertainment</p>
25
+ </div>
26
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
27
+ <div class="bg-gray-800 rounded-lg overflow-hidden hover:shadow-lg hover:shadow-red-500/20 transition-all">
28
+ <a href="horror-game.html">
29
+ <img src="http://static.photos/horror/1024x576/13" alt="Horror Game" class="w-full h-64 object-cover">
30
+ <div class="p-6">
31
+ <h3 class="text-2xl font-bold mb-2">Nexus Horror</h3>
32
+ <p class="text-gray-400">A revolutionary horror experience with cutting-edge graphics</p>
33
+ <div class="mt-4 text-red-500 flex items-center">
34
+ <span>Play Now</span>
35
+ <i class="fas fa-arrow-right ml-2"></i>
36
+ </div>
37
+ </div>
38
+ </a>
39
+ </div>
40
+ <div class="bg-gray-800 rounded-lg overflow-hidden hover:shadow-lg hover:shadow-red-500/20 transition-all">
41
+ <a href="android-horror.html">
42
+ <img src="http://static.photos/horror/1024x576/42" alt="Android Horror Game" class="w-full h-64 object-cover">
43
+ <div class="p-6">
44
+ <h3 class="text-2xl font-bold mb-2">Mineral Hunt</h3>
45
+ <p class="text-gray-400">Open-world Android horror with mineral crafting system</p>
46
+ <div class="mt-4 text-red-500 flex items-center">
47
+ <span>Learn More</span>
48
+ <i class="fas fa-arrow-right ml-2"></i>
49
+ </div>
50
+ </div>
51
+ </a>
52
+ </div>
53
+ </div>
54
+ </main>
55
+ <script>AOS.init();</script>
56
+ </body>
57
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ Make a revolutionary app with great f
2
+ Make a revolutionary horror game with great graphics
3
+ Make a great horror game great horror game for Android to great graphics and great levels not levels like and open world game horror game where the protagonist have to kill the antagonist by portion which is made by many type of minerals and he have to find those minerals and then mix it and then have to kill it