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 ().
-
The first one (planet) is pure css. Dyson sphere uses three.js for 3d model if you want to make stations asteroids etc.
i.imgur.com/OQ1wBCR.gifv -
Молодец! на конец то и я скажу что рад что пошло движение в область 3d и удалось расшевелить всех ... я на данный момент полностью галактику пытаюсь написать и обзор и боевку используя thery.js наподобие вот такого я сейчас делаю примерно вот так галактику yadi.sk/i/AAQhysPO3amcHs
-
Thank you the video you sent looks like Elite Dangerous game (because of the font ). 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
- // Stations
- {if $planet_type != 1 && $planet_type != 3}
- <div class="hidden-xs hidden-sm col-md-4" id="planet-container">
- <div class="planet-container">
- <script src="vendor/three.js/three.js"></script>
- <script src="vendor/three.js/js/loaders/GLTFLoader.js"></script>
- <script src="vendor/three.js/js/controls/OrbitControls.js"></script>
- <script src="vendor/three.js/js/Detector.js"></script>
- <script src="vendor/three.js/js/libs/stats.min.js"></script>
- <div id="container" style="z-index:0;" ></div>
- <script>
- if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
- var container, stats, clock, controls;
- var camera, scene, renderer, mixer;
- init();
- animate();
- function init() {
- container = document.getElementById( 'container' );
- // If you use Bootstrap, this settings are set for col-4
- camera = new THREE.PerspectiveCamera( 50, window.innerWidth/2.25 / window.innerHeight, 1, 10000 );
- camera.position.set( 10, 10, -10);
- scene = new THREE.Scene();
- clock = new THREE.Clock();
- var loader = new THREE.GLTFLoader();
- // Optional: Provide a DRACOLoader instance to decode compressed mesh data
- THREE.DRACOLoader.setDecoderPath( 'vendor/three.js/js/libs/draco' );
- loader.setDRACOLoader( new THREE.DRACOLoader() );
- // Load a glTF resource
- loader.load(
- // resource URL
- {if $planet_type == 6}'vendor/three.js/Dyson.glb',{/if}
- {if $planet_type == 4}'vendor/three.js/Ringworld7.glb',{/if}
- // called when the resource is loaded
- function ( gltf ) {
- object = gltf.scene;
- scene.add( gltf.scene );
- gltf.animations; // Array<THREE.AnimationClip>
- gltf.scene; // THREE.Scene
- gltf.scenes; // Array<THREE.Scene>
- gltf.cameras; // Array<THREE.Camera>
- gltf.asset; // Object
- },
- // called while loading is progressing
- function ( xhr ) {
- console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
- },
- // called when loading has errors
- function ( error ) {
- console.log( 'An error happened' );
- }
- );
- // Grid
- /*
- var gridHelper = new THREE.GridHelper( 10, 20 );
- scene.add( gridHelper );
- */
- //
- // Lights to the object if you want to do shadows against the sun
- {if $planet_type == 4}
- // Ringworld
- var ambientLight = new THREE.AmbientLight( 0xffffff, 2);
- scene.add( ambientLight );
- /*
- var directionalLight = new THREE.DirectionalLight( 0xffffff, 5 );
- directionalLight.position.set( 1, 1, - 1 );
- scene.add( directionalLight );
- */
- {elseif $planet_type == 6}
- // Dyson
- var ambientLight = new THREE.AmbientLight( 0xffffff, 1);
- scene.add( ambientLight );
- {/if}
- //
- // WebGLRenderer
- // Alpha true = no background image
- // Render set size is set according to the div col-4
- renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
- renderer.setPixelRatio( window.devicePixelRatio );
- <!-- renderer.setSize( window.innerWidth, window.innerHeight ); -->
- renderer.setSize( document.getElementById("planet-container").clientWidth, document.getElementById("planet-container").clientHeight );
- container.appendChild( renderer.domElement );
- // Orbit
- // While Autorotate is active, there will be self-orbit
- controls = new THREE.OrbitControls( camera, renderer.domElement );
- controls.autoRotate = true;
- controls.target.set( 0, 0, 0 );
- controls.update();
- //
- // FPS counter
- stats = new Stats();
- container.appendChild( stats.dom );
- //
- window.addEventListener( 'resize', onWindowResize, false );
- }
- function onWindowResize() {
- camera.aspect = window.innerWidth / window.innerHeight;
- camera.updateProjectionMatrix();
- renderer.setSize( window.innerWidth, window.innerHeight );
- }
- function animate() {
- requestAnimationFrame( animate );
- render();
- stats.update();
- }
- // how they orbit themseleves
- function SelfOrbit() {
- {if $planet_type == 4}
- object.rotation.y -= 0.001;
- {elseif $planet_type == 6}
- object.rotation.x -= 0.001;
- object.rotation.y -= 0.001;
- object.rotation.z -= 0.001;
- {/if}
- }
- function render() {
- var delta = clock.getDelta();
- if ( mixer !== undefined ) {
- mixer.update( delta );
- }
- SelfOrbit();
- renderer.render( scene, camera );
- }
- </script>
- </div>
- </div>
- {/if}
-
текстуры я смогу любые нарисовать , если нужно то скажите какие
-
вот что будет панорамное вращение 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 ().
-
-
молодец! я пошел не много дальше я обзор объединил с галактикой ))) будет в 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
-
молодец! просьба значки некоторые авторские мои их не использовать без разрешения они зарегистрированы как часть дизайна
-
Share
- Facebook 0
- Twitter 0
- Google Plus 0
- Reddit 0