eski's Forum Posts

  • Just while writing this I thought of a hacky way to fix this.

    Create a sprite and using the HTML Element position at function I can have it follow my button. Then I can just use the Touch object to do my bidding! :P

    But, it would be nice to have those built into the HTML Element object...

  • TLDR: Is there any hacky way to get "on hold ID/class" and "double-click id/class" on an HTML Element object without going to JS?

    Longer version:

    The touch functions on the HTML Element are quite limited compared to the touch object. There, we have double tap, on hold, and more.

    I'm looking for a way to do a hold function on a button that I'm using in the HTML element without going into too much custom JS. My though was trying to do some hybrid of Touch object and getting info from HTML Element but those two don't share information, that is, the HTML Element can't be selected as a object in the Touch object.

  • Ok, so I'm a bit rusty on the libraries, was quite sure that NW.js wasn't only desktop exports :)

    I also somehow managed to overlook the File Chooser plugin and went straight for the File System. I got this all working now on desktop and mobile without any outside tinkering.

    Thanks for the help guys!

  • It's strange that the file dialog for the nw.js plugin doesn't work, right?

    I'm trying to do this all vanilla C3 but if that is not possible I will look at a third-party approach. I am not sure how to implement this Java code to my project but I guess there is some tutorial for that :)

  • I'm trying to create a way for a user to open up .csv files on a mobile app.

    While debugging I set up a way to do this with both the FileSystem plugin and the NW.js. The FileSystem way works while trying preview layout and both work when running this on a standalone NW C3.

    When exporting this to a debug .apk I can't get the file open dialog to appear. I have searched online for a reason but nothing comes up. I thought maybe this had something to do with app permissions on the phone but even though I allow everything the dialog will not show up.

    Does anybody know what I could try out?

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • Yes indeed. After looking more into this I change the HTML Element layout. I learned more about the Transform CSS property and managed to get what I needed.

    CSS is way more powerful than I thought. I can drive all the animation and scaling just there.

  • I'm creating a fake mobile OS and looking to transition from one app to another by using this effect. Imagine the typical animation when you minimize the app to go to the home menu on an Android/iOS phone. The whole app layout will reduce and collapse into the app icon on the home screen.

    I'm having a hard time to achieve this transition with the native tools. The most likely way was screenshoting the canvas, putting that into a sprite, and animating that but as I'm using HTML Elements that don't work without going into some JS which I would like to skip if I can.

    Does anybody have any ideas of a workflow for this?

  • Ah yes... when you say it, it makes sense. It is placed on the top and I knew that...

    Looking into this library, need to refresh on my javascript to have it work inside of C3.

  • I am trying to capture my current layout canvas using either the system's Canvas Snapshot or the Drawing canvas, but I only get a white screen.

    My current layout is only composed of HTML Element but somehow, the snapshot looks past it.

    Placing some random sprites on the layout will work.

    I tried it with the HTML Menu example project, same there. When capturing the snapshot while the menu is visible, it will not be in the saved image.

    Is there a step I'm missing when it's HTML Element?

  • The screenshot shows what I'm trying to do. Somehow analyze the sound bits on preload and generate graphics for the whole duration of it.

    The audio analyzer demo shows how to do this but that only works while the audio is

    playing and is getting the info at that current time.

    Is there any way to do this without going into JS?

  • I do not see any options to do this on runtime, only in the viewport. Am I missing something?

    Tagged:

  • I finally got this working with some Javascript... 

    const images = document.getElementsByClassName("searchImage");

for (const image of images) {
	image.addEventListener("mouseover", () =>
	{
		runtime.globalVars.HoverImage = image.id;
		runtime.globalVars.HoverImageX = image.x
		runtime.globalVars.HoverImageY = image.y;
		
	});

}

  • I think this is possible with custom javascript. It's a new territory for me so looking into that. Does anybody have a good way to add some event listeners for mouse enter and mouse out in JS?

  • I'm populating many thumbnail images on the fly with the "Create sprite image element" event on the HTML Element object. It's all working well but the next step I need to do is when hovering these images with the mouse I want to show that thumbnail bigger in a new window ontop (imagine typical image search).

    There is an action in the HTML Element to find the ID when it's clicked but nothing for hover. When using the mouse object I just get a NAN info from the HTML Element, probably because it's looking at the whole HTML Element object instead of the unique image.

    Any way to get this to work?

  • Anyone? :)