Announcement

Collapse
No announcement yet.

What's Going On

Collapse

There are currently 18 users online. 0 members and 18 guests.

Most users ever online was 1,083 at 04:38 AM on 2016-11-18.

Refactoring the Evora level editor.

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts
  • #31

    Originally posted by 2ndwolf View Post
    What the fuck is your point??
    I think he means to say, go look at some of his posts for examples on how to better structure your writing. The thing with those 10k+ posts is that probably 99% of them would be typical flaming.

    Maybe you should flame more so we can eventually piss off everyone and finally bring an end to this forum which is what spooon has been trying to do for years now.


    Comment

    • #32

      spooon has no point. think about it.
      Codr, tricxta and Dylan like this.

      Comment

      • #33

        Stopping by because I saw this.

        Did you write over the editor files or keep a backup? If you did keep a backup, you might as well toss it over to the Evora git in case someone decides to pick it up in the future (me, maybe?)
        NYU Class of 2021

        Comment

        • #34

          Originally posted by Rammy View Post
          Stopping by because I saw this.

          Did you write over the editor files or keep a backup? If you did keep a backup, you might as well toss it over to the Evora git in case someone decides to pick it up in the future (me, maybe?)
          I did keep a backup but it wasn't that big. Only some structure and a few tests. If you want me to toss it over to the Evora git, I'll need to know how.

          Comment

          • #35

            Originally posted by 2ndwolf View Post

            I did keep a backup but it wasn't that big. Only some structure and a few tests. If you want me to toss it over to the Evora git, I'll need to know how.
            https://github.com/tinthetub/JSReborn

            That's fine, you will need to install Github on your desktop. If you don't want to go through all of that, pm me and I can upload it for you.
            NYU Class of 2021

            Comment

            • #36

              It's the same thing as what I sent you I believe.
              Attached Files

              Comment

              • #37

                Originally posted by tricxta View Post
                Maybe you should flame more so we can eventually piss off everyone and finally bring an end to this forum which is what spooon has been trying to do for years now.
                It was a blast, but that wasn't my intention.
                Dylan likes this.
                Originally posted by LoakeyRonso
                oh and the reason graal reborn is dead isn't what ever reason you want to blame it on , it's you . you publicly humiliate anyone who shows up , call them derogatory word's and treat them like shit . you close any thread you don't have any interest in even if other people do . slam their work without consideration for the person themself . how it is anyone can even consider you a decent human being is beyond me .
                3770

                Comment

                • #38

                  Originally posted by Rammy View Post

                  https://github.com/tinthetub/JSReborn

                  That's fine, you will need to install Github on your desktop. If you don't want to go through all of that, pm me and I can upload it for you.
                  Your link is a 404.

                  Comment

                  • #39

                    Now I can group elements, make them move together, independently, add to a group and move the whole thing together again.
                    As a side effect, the text stayed in the center of that gray rectangle. Cool!

                    ezgif-3-37616ee7b0.gif
                    Last edited by 2ndwolf; 2017-08-10, 06:25 AM.
                    Ryuken and Dylan like this.

                    Comment

                    • #40

                      Now lets see some snap to grid action

                      Sent from my SM-N920R7 using Tapatalk

                      Comment

                      • #41

                        Hmm, that probably will never happen unless I make an editor out of it.
                        I will add editing-like features for fun and they will add to interactivity in some example websites. There will be snapping (such as dragging a red triangle thing to a triangle shaped "hole" will snap the red triangle over the "hole") but grid snapping is purely an editing feature.
                        Last edited by 2ndwolf; 2017-08-12, 01:50 AM.

                        Comment

                        • #42

                          oh i thought this was an editor

                          Comment

                          • #43

                            Nah, my own flexible javascript (library/framework)? to make interactive and lively websites with.
                            Last edited by 2ndwolf; 2017-08-12, 02:23 AM.

                            Comment

                            • #44

                              I now feel like I have been misled this entire time... /thread


                              Comment

                              • #45

                                Awh, really?

                                I've noticed there's been ambiguity after reading hosler's post but I've been clear from the beginning:

                                OP mentions:
                                So yeah, I was thinking: damnit it would be so easy to use my scripting knowledge and just make websites as a freelancer.


                                I mentioned later on, answering to you, that:
                                Originally posted by 2ndwolf View Post
                                [...]
                                For now, I guess we can say the website is in the hello world phase since it displays test images and test text. I wouldn't call it editor anymore because everything has been renamed, some things removed and others added.

                                edit:
                                the sketch shows what the main page will look like and a an interface that will allow access to my portfolio in a way that should make it feel abundant, diversified and flexible. Also, no bs, I don't like portfolio websites so this is an effort at making something appealing. I want the user to feel like they are shopping for a Web page. They will be able to choose a theme that I've already made or something else entirely. I aim for my JS to be flexible enough to minimize the the work of making a new website as much as possible.

                                btw, what was "to turn it around" I'm not sure I understand that entirely.

                                I'm kind of boggled. Sorry guys.
                                This project is very important to me because it is about developing an expertise with webGL that will soon be sought for and taking over control of my life, allowing me to be my own boss, work part time with a good pay and afford casually going to the university. Because of the former, I will not release the code. Sorry. Regardless of the latter, I have considered making an editor out of it but expect it way later in the production process and only once I'm comfortable enough and know I can do better than what an editor can do, keeping my leverage as a website developer. It may never happen, I guess it would be possible to compete with joomla and wordpress in the future, because I'm using webGL and they don't seem to. It also takes a lot more knowledge than I already have: automated online sales, members management, strong anti piracy features, server files management, customer support, marketing, support for plugins...

                                In the end, because of the way it is built (modular), coupled with the programmation technique I'm using (avoiding "this" has proven to be a great choice) and the nature of javascript, it is and will be flexible enough to make it an editor if I ever decide to. For now, you can see it as an editor; the difference is that its interface is not graphical. Here's what code the pages are made of:
                                PHP Code:
                                /*
                                Main: loads required stuff
                                hosts the main loop
                                mainpage :
                                */
                                /////It needs to be after the function definition
                                var mainTexs = ["ressources/hello.png""ressources/btnback.png""ressources/dropDownBack1x1.png"];
                                for (var 
                                0mainTexs.lengthi++) {
                                renderStack.addTexture(mainTexs[i], imainTexs.length);
                                }



                                //registerToMainLoop function
                                //that will register functions to the main loop
                                //
                                //they can be looked up and removed
                                //No, it could create a security breach.. could it?
                                function mainLoop() {
                                }


                                function 
                                loadLevel() {
                                //createContainer({
                                //});
                                //the test will go as follows:
                                //I will create multiple polygons
                                //I will then group them
                                //once that works
                                //I will add a tint to the group polygon and test all the features
                                //CONTAINER
                                //addToGroup
                                //nameGroup
                                //move
                                //
                                var toGroup1 createPolygon({
                                initX64,
                                initY64,
                                width100,
                                height300,
                                color: [1.2.61.0],
                                align"absolute",
                                intName"poly1",
                                mouseOverName"polygon number 1",
                                layer1
                                });
                                var 
                                toGroup2 createPolygon({
                                initX120,
                                initY4,
                                width100,
                                height150,
                                color: [100.6],
                                align"absolute",
                                intName"poly2",
                                mouseOverName"polygon number 2",
                                layer2
                                });
                                containment group(toGroup1toGroup2);
                                createPolygon({
                                initX230,
                                initY4,
                                width100,
                                height150,
                                color: [1.7.6.5],
                                align"absolute",
                                intName"saludos",
                                mouseOverName"polygon number 2",
                                layer3
                                });


                                createImage({
                                mouseOverName"Hello",
                                intName"Helloz",
                                align"window t",
                                texturerenderStack.getTextureByName("ressources/hello.png"),
                                layer0//layer
                                initX0,
                                initY0
                                });

                                //group 1, leader is first
                                createImage({
                                //groupId: "dropDownMenu1",
                                intName"btnBack",
                                mouseOverName"Gray rectangle",
                                align"outer b",
                                relatedTorenderStack.getFromStack("Helloz"),
                                texturerenderStack.getTextureByName("ressources/btnback.png"),
                                layer0//layer
                                initX0,
                                initY120
                                });
                                let tmpDDM createDropDownMenu({
                                choices: ["beautiful""fun""interactive""dark""upbeat""playful""bizarre""colorful""blue""conventional""updateable""corporate""regular"],
                                selected"beautiful",
                                main: {
                                align"center",
                                layer1,
                                initX20,
                                initY0,
                                mouseOverName"Kinds of websites",
                                intName"kindsOfWebsites",
                                color: [1.0,1.0,0.0,0.5],
                                width100,
                                height100
                                },
                                text: {
                                x0,
                                y0,
                                align"center"
                                },
                                background: {
                                fit"stretchToText"//larger
                                color: [1.0,1.0,0.0,0.1],
                                width100,
                                height100
                                },
                                style"polyBackground"
                                });
                                console.log("tmpddmwidth = " tmpDDM.width);
                                var 
                                titleText1 createText({
                                //groupId: "dropDownMenu1",
                                intName"internal",
                                mouseOverName"Button text 1",
                                tagId"sometext",
                                align"outer l",
                                initX0,
                                initY0,
                                content"I make",
                                size"72px",
                                color"#ffffff",
                                relatedTotmpDDM
                                });

                                var 
                                titleText2 createText({
                                //groupId: "dropDownMenu1",
                                intName"internal",
                                mouseOverName"Button text 1",
                                tagId"sometext",
                                align"outer r",
                                initX0,
                                initY0,
                                content"websites",
                                size"72px",
                                color"#ffffff",
                                relatedTotmpDDM
                                });

                                console.log(renderStack.getFromStack("poly1"));
                                ///////////////////////////////////////////////////////////////////////////
                                Mouse.addClickable(containment);
                                containment.hover = function () {
                                containment.colorIt(containment, [.3.9.3.5]);
                                requestAnimationFrame(renderStack.render);
                                }
                                setTimeout(function () {
                                titleText2.move(titleText23210);
                                }, 
                                2000);
                                /* setTimeout(function () {
                                toGroup2.move(toGroup2, 10, 330);
                                }, 3000);
                                setTimeout(function () {
                                group(renderStack.getFromStack("btnBack"), toGroup2);
                                }, 4000);
                                setTimeout(function () {
                                containment.move(containment, 170, 10);
                                console.log(renderStack.getFromStack("btnBack").x + " group2:" + toGroup2.x);
                                }, 5000);*/
                                for (0textElements.lengthi++) {
                                testTextElements.push(textElements[i].width);
                                }
                                //text elements will have color and size management functions
                                requestAnimationFrame(renderStack.render);
                                }
                                //texture stack and regular stack are different things
                                // regular stack contains image elements
                                //texture stack is what the images are created from 

                                I believe I'm being realist but thanks for the support so far, it's been helpful; especially at the beginning. I will keep updating the journal, as it proved to be a powerful tool helping me think, figure out solutions and manage what's the next step.



                                Here's what it looks like with transparency. Cool, huh?

                                Untitled.png
                                Rou likes this.

                                Comment

                                Working...
                                X