3D overview

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

    • да такие проект есть на трех библиотеках thery.js, pixi.js, babulon.js - самое главное их уметь приспособить . У Вас и у меня реализации thery.js я на данный момент игру пишу на thery.js делаю полную реализацию галактики и планетарных систем

      Вот Ваш пример но надо текстуры указать пути а так идет панорамный облет планеты yadi.sk/d/j_wxg14v3ag7BT

      а вот сделал поправки первый планета yadi.sk/i/U-7pVVix3ag7fz thery.js, а луна так же объемное но самописный код thery.js более короткий и легкий , он есть вверху я его давал .. так же можно подключить третью текстуру облаков тут я не делал на оригинальном проекте есть но он пока не для показа.. ну а орбита и размер луны так же по вкусу я буду делать чуть крупней

      The post was edited 5 times, last by Shandow ().

    • Молодец! на конец то и я скажу что рад что пошло движение в область 3d и удалось расшевелить всех ... я на данный момент полностью галактику пытаюсь написать и обзор и боевку используя thery.js наподобие вот такого я сейчас делаю примерно вот так галактику yadi.sk/i/AAQhysPO3amcHs :)
    • Thank you :) the video you sent looks like Elite Dangerous game (because of the font :D :D ). Their textures looks awesome but I haven't found a way to null their textures yet. I did with Endless Space, Stellaris, Masters of Orion (lots of GB of images I have) but Elite dangerous not yet. And I select those I like.

      To use the 3D panorama there you go.

      threejs.org/

      HTML Source Code: page.overview.default.tpl

      1. // Stations
      2. {if $planet_type != 1 && $planet_type != 3}
      3. <div class="hidden-xs hidden-sm col-md-4" id="planet-container">
      4. <div class="planet-container">
      5. <script src="vendor/three.js/three.js"></script>
      6. <script src="vendor/three.js/js/loaders/GLTFLoader.js"></script>
      7. <script src="vendor/three.js/js/controls/OrbitControls.js"></script>
      8. <script src="vendor/three.js/js/Detector.js"></script>
      9. <script src="vendor/three.js/js/libs/stats.min.js"></script>
      10. <div id="container" style="z-index:0;" ></div>
      11. <script>
      12. if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
      13. var container, stats, clock, controls;
      14. var camera, scene, renderer, mixer;
      15. init();
      16. animate();
      17. function init() {
      18. container = document.getElementById( 'container' );
      19. // If you use Bootstrap, this settings are set for col-4
      20. camera = new THREE.PerspectiveCamera( 50, window.innerWidth/2.25 / window.innerHeight, 1, 10000 );
      21. camera.position.set( 10, 10, -10);
      22. scene = new THREE.Scene();
      23. clock = new THREE.Clock();
      24. var loader = new THREE.GLTFLoader();
      25. // Optional: Provide a DRACOLoader instance to decode compressed mesh data
      26. THREE.DRACOLoader.setDecoderPath( 'vendor/three.js/js/libs/draco' );
      27. loader.setDRACOLoader( new THREE.DRACOLoader() );
      28. // Load a glTF resource
      29. loader.load(
      30. // resource URL
      31. {if $planet_type == 6}'vendor/three.js/Dyson.glb',{/if}
      32. {if $planet_type == 4}'vendor/three.js/Ringworld7.glb',{/if}
      33. // called when the resource is loaded
      34. function ( gltf ) {
      35. object = gltf.scene;
      36. scene.add( gltf.scene );
      37. gltf.animations; // Array<THREE.AnimationClip>
      38. gltf.scene; // THREE.Scene
      39. gltf.scenes; // Array<THREE.Scene>
      40. gltf.cameras; // Array<THREE.Camera>
      41. gltf.asset; // Object
      42. },
      43. // called while loading is progressing
      44. function ( xhr ) {
      45. console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
      46. },
      47. // called when loading has errors
      48. function ( error ) {
      49. console.log( 'An error happened' );
      50. }
      51. );
      52. // Grid
      53. /*
      54. var gridHelper = new THREE.GridHelper( 10, 20 );
      55. scene.add( gridHelper );
      56. */
      57. //
      58. // Lights to the object if you want to do shadows against the sun
      59. {if $planet_type == 4}
      60. // Ringworld
      61. var ambientLight = new THREE.AmbientLight( 0xffffff, 2);
      62. scene.add( ambientLight );
      63. /*
      64. var directionalLight = new THREE.DirectionalLight( 0xffffff, 5 );
      65. directionalLight.position.set( 1, 1, - 1 );
      66. scene.add( directionalLight );
      67. */
      68. {elseif $planet_type == 6}
      69. // Dyson
      70. var ambientLight = new THREE.AmbientLight( 0xffffff, 1);
      71. scene.add( ambientLight );
      72. {/if}
      73. //
      74. // WebGLRenderer
      75. // Alpha true = no background image
      76. // Render set size is set according to the div col-4
      77. renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
      78. renderer.setPixelRatio( window.devicePixelRatio );
      79. <!-- renderer.setSize( window.innerWidth, window.innerHeight ); -->
      80. renderer.setSize( document.getElementById("planet-container").clientWidth, document.getElementById("planet-container").clientHeight );
      81. container.appendChild( renderer.domElement );
      82. // Orbit
      83. // While Autorotate is active, there will be self-orbit
      84. controls = new THREE.OrbitControls( camera, renderer.domElement );
      85. controls.autoRotate = true;
      86. controls.target.set( 0, 0, 0 );
      87. controls.update();
      88. //
      89. // FPS counter
      90. stats = new Stats();
      91. container.appendChild( stats.dom );
      92. //
      93. window.addEventListener( 'resize', onWindowResize, false );
      94. }
      95. function onWindowResize() {
      96. camera.aspect = window.innerWidth / window.innerHeight;
      97. camera.updateProjectionMatrix();
      98. renderer.setSize( window.innerWidth, window.innerHeight );
      99. }
      100. function animate() {
      101. requestAnimationFrame( animate );
      102. render();
      103. stats.update();
      104. }
      105. // how they orbit themseleves
      106. function SelfOrbit() {
      107. {if $planet_type == 4}
      108. object.rotation.y -= 0.001;
      109. {elseif $planet_type == 6}
      110. object.rotation.x -= 0.001;
      111. object.rotation.y -= 0.001;
      112. object.rotation.z -= 0.001;
      113. {/if}
      114. }
      115. function render() {
      116. var delta = clock.getDelta();
      117. if ( mixer !== undefined ) {
      118. mixer.update( delta );
      119. }
      120. SelfOrbit();
      121. renderer.render( scene, camera );
      122. }
      123. </script>
      124. </div>
      125. </div>
      126. {/if}
      Display All
    • текстуры я смогу любые нарисовать , если нужно то скажите какие
    • вот что будет панорамное вращение yadi.sk/i/WkDTTonM3anRY9 перетаскивание с запоминанием места объектов и анимация построек уровней :)
    • Interesting. The building movement coordinates is sent by ajax to db?

      By the way, do you have any star textures? THe only texture I have is star class G (our sun)
    • не совсем понял то что нужно по текстурам , пример покажите - если что не долго сделать текстуры помогу- и да положение зданий будет записываться в отдельную таблицу - я делаю полностью настраиваемую часть контента для пользователей - они смогут все перенести как им будет удобно
    • доделываем версию 1.7 совместима с php 7 + bootstrap + thery.js + pixi.js + popper.js

      yadi.sk/i/piOCjdvm3ap2Pn и частичное исправление ошибок в разработке принимают участие aurum and shandow
    • Despite 1.7 version is working on php7 (you must have modified it), it's still not recomended to use.
    • Привет! У Вас нет случайно к 1.7 мода BOT ? ... буду очень благодарен!
    • No, my bot system only works on 1.8 with php 7.0 support, and won't make it public for now
    • на 1.7 я почти сделал крон работает но при попытке создать бота дает ошибку в логе
      [08:50:02] Query Started
      [08:50:02] Query Ready. Found: 0
    • практически готово - тут ветка 1.7
      yadi.sk/i/jvPtRSRVtSnmuQ

      с нуля на чистой версии сделан полный функционал экстериум + добавлено то что нет и у них хостаил, астеройды и на них пираты , 3 ковчега (с ними связаны квесты), база пиратов нападение пиратов, боты, и так далее это только малая часть то что есть )) так же полное взаимодействие игроков включая продажа флота и обмен ресурсов друг другу ну и полный набор экстериума все возможности включая перепил сборки по стилям на будстрапе.. данная сборка только продажа .. обращаться или к Аурону , или ко мне

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

    • вот практически готово к завершению весь функционал экстериум и 2 мунс объединены плюс свои наработки yadi.sk/i/mDOUHFuQnrO1Eg двиг переписан с чистого 2 мунс Мной и Aurum79 осталось малость дизайн и и настройка
      кстати реализовал для каждого типа планеты свои шкурки то есть поверхности работа идет теперь так ка к каждая раса а их тут 9 видит только свои постройки, флот и вооружение, так же в дальнейшем доработаем для каждой расы свой дизайн

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

    • heres my work so far mosthave been redone and still working on in the back round behind the grid is random flying ships done in css....and all objects infront of grid is clickable
      Images
      • pic1.png

        839.05 kB, 3,049×768, viewed 415 times
      • pic2.png

        877.4 kB, 3,049×768, viewed 385 times
      • 3.png

        949 kB, 3,049×768, viewed 430 times

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

    • молодец! я пошел не много дальше я обзор объединил с галактикой ))) будет в 4 релизе

      а так я на самом деле рад что многие сдвинулись все таки с таблицы и пошли в сторону 2 д движок надо развивать , следующий шаг который я покажу стили все сделаны скриптом без ксс полностью динамика будет и смотрите в сторону квери код короткий им можно много что сделать вплоть до перемещения объектов на экране в сочетание с пыхой

      The post was edited 2 times, last by Shandow ().

    • thanks....i got rid of most of the navigation.tpl menu and placed it at the top ans info screen
      Images
      • new menu.png

        898.23 kB, 3,049×768, viewed 377 times
      • new menu2.png

        768.07 kB, 3,049×768, viewed 332 times
      • gala.png

        478.74 kB, 3,049×768, viewed 360 times
    • молодец! просьба значки некоторые авторские мои их не использовать без разрешения они зарегистрированы как часть дизайна