galaxy 2d

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

    • galaxy 2d

      OMG, cant believe how much time has passed when i first thought of doing a 2d galaxy, finally finnished it, and now creating a 3d version via three.js for galaxy, and buildings.

      any suggestions appreciated
      Images

      • 2dd.png

        1.38 MB, 1,366×768, viewed 761 times

    • sorry mistake ...i'm using xterium but i used the coding from 2moons 1.7.0

      Source Code

      1. }
      2. .formG { position:absolute;right:4vw; top:15%;text-align:center;z-index:5; text-size: .8vw }
      3. .Gala_Page {width:100%;height: 100%;position:absolute;left: -41px;top: 171px;}
      4. .planet1{position: absolute;left: 12vw;top: 21%;transform: translate(50%, 50%);width:3vw;}
      5. .planet2{Aposition: absolute;left: 25vw;top: 25%;transform: translate(50%, 50%);width:3vw;}
      6. .planet3{position: absolute;left: 27vw;top: 48%;transform: translate(50%, 50%);width:3vw;}
      7. .planet4{position: absolute;left: 20vw;top: 7%;transform: translate(50%, 50%);width:3vw;}
      8. .planet5{position: absolute;left: 18vw;top: 70%;transform: translate(50%, 50%);width:3vw;}
      9. .planet6{position: absolute;left: 2vw;top: 12%;transform: translate(50%, 50%);width:3vw;}
      11. .planet7{position: absolute;left: 2vw;top: 45%;transform: translate(50%, 50%);width:3vw;}
      12. .planet8{position: absolute;left: 30vw;top:73%;transform: translate(50%, 50%);width:3vw;}
      13. .planet9{position: absolute;left: 5vw;top: 75%;transform: translate(50%, 50%);width:3vw;}
      16. .img_p {background-image: url(/styles/theme/gow/planet2d/s_mond.png);width: 3vw;height: 3vw;background-size: 100%;}
      17. .img_l {width: 1.2vw;height: 1.2vw;background-size: 100%;}
      18. .tex_p {position: absolute;width: 100%;text-align: center;}
      19. .tex_div {position:relative;width: 100%;text-align: center; top: .1vw;}
      20. .block_div {width: 5vw;text-align: center;position: relative;}
      22. .p_title {font-size: 0.9vw;width: 100%;height: 2.0vw;text-align: center;top:0vw;left: 0;line-height: 1.8vw;position:absolute;background: linear-gradient(to right, rgba(115, 205, 250, 0) 0%, rgb(0, 0, 0) 50%, rgba(125, 185, 232, 0) 100%);}
      24. .plan_bg{position: absolute; right:20vw; top:25%; width: 25vw; height: 18vw; border: 1px solid rgba(13, 60, 32, 0.36); padding: 1vw; background: rgb(22, 41, 40) none repeat scroll 0% 0%; z-index: 2000;opacity: 1;background: url(/styles/theme/gow/images/pix.png) center top repeat rgb(8, 27, 27);}
      26. .clos_plan{position: absolute;padding: .2vw;border-radius: .2vw;font-size: .9vw;right: 1vw;z-index:3000;top: .2vw;}
      27. .g_info {
      28. position: fixed;
      29. bottom: 0vw;
      30. left: 32%;
      31. display: flex;
      32. font-size: .8vw;
      33. border-radius: 5.2vw 5.2vw 0px 0px;
      34. padding: .5vw 1.5vw;
      35. background-color: rgba(3, 14, 13, 0.65);
      36. box-shadow: 0 0px 1px 0px rgba(0,0,0,0.50);
      37. }
      38. ?@charset "utf-8";
      39. * {
      40. margin: auto;
      41. padding: auto;
      42. }
      43. .qtip *{
      44. padding:0;
      45. margin:0;
      46. }
      47. html{
      48. width:auto;
      49. padding:0;
      50. margin:0;
      51. }
      52. body{
      53. font-family: Tahoma, Geneva, sans-serif;
      54. font-size:12px;
      55. background:#000111;
      56. color:#fff;
      57. position:relative;
      58. background: #000111 url(../images/bg.jpg)repeat;
      59. }
      60. body.full{
      61. min-width:1000px;
      62. }
      63. img{
      64. border:none;
      65. }
      66. a{
      67. font-weight:normal;
      68. color: #fff;
      69. text-decoration:none;
      70. }
      72. a:hover{
      73. color:#5ca6aa;
      74. }
      75. a span.active_page{
      76. color:#066;
      77. cursor:default;
      78. }
      Display All

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

    • heres the final/// let me know what you think and if you want it...thanks
      Images

      • overview1.png

        541.5 kB, 1,366×768, viewed 310 times

      • gal.png

        1.63 MB, 1,366×768, viewed 318 times

      • overview2.png

        639.82 kB, 1,366×768, viewed 324 times

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