IDEA GALAXY 2d / 3D

This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

  • IDEA GALAXY 2d / 3D

    Witajcie wszyscy.
    Dawno mnie tu nie było i widzę że jest ogrom prac zrobiony przy NEW STAR, to super.
    Czemu nie dacie już galaxy tej nowej do systemu,tak by to był standardowy plan. Tak tylko pytam.
    JA rozwijam NEW STAR w inną grę ,niektórzy wiedzą o co chodzi,chyba że zapomnieli już :)
    Pomyślcie nad tą galaktyką . ( większość z Was ją ma przecież ) :D

  • drive.google.com/file/d/1ECyam…CFYoUEn1/view?usp=sharing типа такой ? сделано позже поделюсь надо доработать, хотя уже рабочая , текстуры не стал грузить больно замедляют все . по сути осталось доделать дизайн , системы присваиваются рандомно, планеты по умолчанию тоже с файла, название уже сами меняем системы, и планеты , в моей игре реализовано имя сменить системы за платную основу , но можно убрать и плюс рандомное количество планет, для классики придется править .. у меня рассчитано 1 галактика, 1500 систем, в каждой системе от 2 до 9 планет

    The post was edited 1 time, last by DenPUBG ().

  • Я делаю свое. У меня не рассчитано на NEW STAR и там думаю работать судя по тому что я видел без шаманства не будет мой код .. я не пробовал этот проект, так как мне нравится чистый код изначально, простите может ошибаюсь, но так думаю глянув на файлы в том проекте и зайдя в игру я такого не чего не увидел если честно.. мой ближе к Danter14 и mimikri я учусь у них и облегчаю код и беру у них лучшее и делать буду для стандартной версии, а не под кого то.. , там код запутан для новичков и усложнен лишним.. я не люблю такого, мне нравится чистый код и минимум переходов.. чистую версию совместимую с 1.8-2.0 я выложу, как подчищу от своего кода и сделаю под стандарт, но только базовую, вывод планок и меню + оптимизация на вас , каждый дальше дорабатывает под себя

    The post was edited 4 times, last by DenPUBG ().

  • к примеру вот это мой первый опыт (выбранный код с галактики ), я для себя сделал интереснее и упростил ..тут выложу общую задумку. это эффект появления ежедневного бонуса скриптом, (он у меня появляется на любой странице)
    можете положить в корень любой страницы без переменных будет работать сразу - это чистый js.. у себя сделал оптимизацию и трансформацию фигуры в стиле sci fi но мне проще внедрить так как галактика у меня на canvas+ ajax вся (тут базовое оставил артефакт и звезды )

    Source Code

    1. <canvas id="artifactCanvas"></canvas>
    3. <script>
    4. const canvas = document.getElementById('artifactCanvas');
    5. const ctx = canvas.getContext('2d');
    6. let width, height, centerX, centerY;
    8. // Размеры
    9. function resizeCanvas() {
    10. width = canvas.width = window.innerWidth;
    11. height = canvas.height = window.innerHeight;
    12. centerX = width / 2;
    13. centerY = height / 2;
    14. }
    15. resizeCanvas();
    16. window.addEventListener('resize', resizeCanvas);
    18. // Звездное поле
    19. const stars = [];
    20. for (let i = 0; i < 200; i++) {
    21. stars.push({
    22. x: Math.random() * width - width/2,
    23. y: Math.random() * height - height/2,
    24. z: Math.random() * width,
    25. size: Math.random() * 1.5 + 0.5,
    26. alpha: Math.random()
    27. });
    28. }
    30. // Генерация геометрии артефакта
    31. function createArtifactGeometry() {
    32. const layers = 4;
    33. const pointsPerLayer = 8;
    34. const geometry = [];
    36. for (let layer = 0; layer < layers; layer++) {
    37. const radius = 40 + layer * 15;
    38. const layerPoints = [];
    39. for (let i = 0; i < pointsPerLayer; i++) {
    40. const angle = (Math.PI * 2 / pointsPerLayer) * i;
    41. layerPoints.push({
    42. angle,
    43. radius,
    44. layer,
    45. pulseOffset: Math.random() * Math.PI * 2,
    46. spinOffset: Math.random() * Math.PI * 2
    47. });
    48. }
    49. geometry.push(layerPoints);
    50. }
    51. return geometry;
    52. }
    54. const artifact = createArtifactGeometry();
    56. // Основной цикл анимации
    57. function animate() {
    58. // Очистка
    59. ctx.fillStyle = 'rgba(0, 0, 0, 0.2)';
    60. ctx.fillRect(0, 0, width, height);
    61. // Обновление звезд
    62. stars.forEach(star => {
    63. star.z -= 0.5;
    64. if (star.z <= 0) star.z = width;
    65. });
    66. // Рисование звезд
    67. drawStars();
    68. // Время для анимации
    69. const time = Date.now() * 0.001;
    70. // Центральный кристалл
    71. drawCentralCrystal(time);
    72. // Внешние слои
    73. artifact.forEach((layer, layerIndex) => {
    74. drawArtifactLayer(layer, layerIndex, time);
    75. });
    76. requestAnimationFrame(animate);
    77. }
    79. // Рисование звезд
    80. function drawStars() {
    81. ctx.fillStyle = 'white';
    82. stars.forEach(star => {
    83. ctx.globalAlpha = star.alpha;
    84. ctx.beginPath();
    85. ctx.arc(star.x + centerX, star.y + centerY, star.size, 0, Math.PI * 2);
    86. ctx.fill();
    87. });
    88. ctx.globalAlpha = 1;
    89. }
    91. // Рисование центрального кристалла
    92. function drawCentralCrystal(time) {
    93. const pulse = 1 + Math.sin(time * 4) * 0.1;
    94. const glow = 1 + Math.sin(time * 2) * 0.2;
    95. // Внутренний кристалл
    96. ctx.save();
    97. ctx.translate(centerX, centerY);
    98. ctx.rotate(time * 0.5);
    99. ctx.beginPath();
    100. ctx.moveTo(0, -30 * pulse);
    101. ctx.lineTo(15 * pulse, 0);
    102. ctx.lineTo(0, 30 * pulse);
    103. ctx.lineTo(-15 * pulse, 0);
    104. ctx.closePath();
    105. const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, 30);
    106. gradient.addColorStop(0, 'rgba(0, 255, 255, 1)');
    107. gradient.addColorStop(1, 'rgba(0, 255, 255, 0)');
    108. ctx.fillStyle = gradient;
    109. ctx.fill();
    110. // Энергетические импульсы
    111. ctx.strokeStyle = 'rgba(0, 255, 255, 0.5)';
    112. ctx.lineWidth = 1;
    113. ctx.beginPath();
    114. for (let i = 0; i < 8; i++) {
    115. const angle = (i / 8) * Math.PI * 2;
    116. const x = Math.cos(angle) * 35 * glow;
    117. const y = Math.sin(angle) * 35 * glow;
    118. ctx.moveTo(0, 0);
    119. ctx.lineTo(x, y);
    120. }
    121. ctx.stroke();
    122. ctx.restore();
    123. }
    125. // Рисование слоя артефакта
    126. function drawArtifactLayer(layer, layerIndex, time) {
    127. ctx.save();
    128. ctx.translate(centerX, centerY);
    129. ctx.rotate(time * (layerIndex % 2 ? -0.05 : 0.05));
    130. const baseRadius = layer[0].radius;
    131. const pulseFactor = 1 + Math.sin(time * 2 + layerIndex) * 0.1;
    132. // Рисование точек и соединений
    133. layer.forEach(point => {
    134. const pulse = Math.sin(time * 3 + point.pulseOffset) * 0.2 + 1;
    135. const x = Math.cos(point.angle + time * 0.3 + point.spinOffset) * (baseRadius * pulseFactor * pulse);
    136. const y = Math.sin(point.angle + time * 0.3 + point.spinOffset) * (baseRadius * pulseFactor * pulse);
    137. // Соединительные линии
    138. ctx.beginPath();
    139. ctx.moveTo(0, 0);
    140. ctx.lineTo(x, y);
    141. ctx.strokeStyle = `rgba(0, 255, 255, ${0.1 + 0.1 * layerIndex})`;
    142. ctx.lineWidth = 0.5;
    143. ctx.stroke();
    144. // Точки
    145. ctx.beginPath();
    146. ctx.arc(x, y, 1.5 + pulse * 0.5, 0, Math.PI * 2);
    147. const pointGradient = ctx.createRadialGradient(x, y, 0, x, y, 5);
    148. pointGradient.addColorStop(0, 'rgba(0, 255, 255, 1)');
    149. pointGradient.addColorStop(1, 'rgba(0, 255, 255, 0)');
    150. ctx.fillStyle = pointGradient;
    151. ctx.fill();
    152. });
    153. ctx.restore();
    154. }
    156. animate();
    157. </script>
    Display All