makepad / makepad.github.io

Github pages repo with a wasm build and the old js makepad things.

Github pages repo with a wasm build and the old js makepad things.

makepad.github.io's Issues

Memory Leak

Hey bro... I accidentally left the online makepad demo running overnight and when I checked the Task Manager in chrome (I'm testing on a Parallels Windows 10 VM, this morning, ) I noticed that the memory had grown substantially..

In case you hadn't noticed this I thought I would report it.

While I'm here I have a question... Your turtle graphics implementation.. did you write that from scratch or port it in from somewhere? If it's borrowed do you mind sharing the original source location? Thanks.

/W

Curious: what powers the UI?

Cool project! Is it a Rust UI lib that powers the tabs, text editor, etc? Or is it built from scratch for Makepad?

Selecting text slow on Firefox

Selecting text takes a significant time to catch up to the moving cursor.

Screehshot (left - firefox v58, right - chrome): https://gfycat.com/LeftPresentDormouse

[Question] Possible collaboration for scene graph, layout logic

Removing a lot of the rendering cruft in the browser is something I'm particularly interested in. Also having a direct API to GL from JavaScript, instead of string casting and the convoluted pipelines that exist on the web today.

I'm currently working on my own "layout" engine. It can be found here. It's mainly based on streams and FRP principles. It takes DOM events as input and it outputs CSS3 transforms, opacities and sizes (non-accelerated). That's all it does, and all it will ever do. It could be augmented to output to your GPU layer, while providing powerful scene graph, user input, primitives, a simple physics engine, and other things.

Some old examples can be seen here. They work on every modern device, but are designed for mobile devices.

Here's a newer example of a 3D scrollview (implemented in DOM):

How to apply alpha to background

I'm attempting to apply makepad output atop something like an a-frame scene, but I can't get any alpha through the canvas. Setting alpha:true on the canvas opt & an initial gl.clear doesnt seem to help for any the examples or anything I can contrive.

There is clearly deep ideas in here, @makepaddev any pointers?

weird artefacts during scrolling

I went to: https://makepad.github.io/makepad.html
and scrolled editor:

browser: Chrome 58.0.3029.110 (64-bit)
system: OS X El Capitan 10.11.16

[Improvement] "find" feature for the editor

when I press Ctrl + F to find text in the editor I cant find what I am looking for. I know it is in the canvas so it will be hard to implement.

[Question] Could this be used to develop cross platform webapps?

Hello, im very novice js developer, mostly focused on python, however I saw the video presentation for this library in youtube and was impressed by its performance.

Because the examples shown in the video where eluded to work on mobile, and I have tried it they do,
couldn't than webgl with a wrapping library be used to develop apps that run native .. I mean that they can than be installed thru the app stores of its respected platform.

How to encode / use additional fonts?

Is there a particular config/command you are using for msdfgen?

Has the included fontencoder source deviated from Chlumsky/msdfgen? wondering if output from latest (v1.4) ought to work.

Playing around with HUD like UI, need me some Inconsolata :)

@makepaddev, if helpful, I can PR in a few more open-source fonts.

Transition to state with multiple timing/duration values

for example, when transitioning via setState('selected', false, {dx: this.dx}) to state below, how can I animate Bg props with different timing functions than Text props? Is there a way to configure this in the state tree or a lower level API? I'm assuming nested states are not possible? I can imagine how to do manually in the pixel () render call but that's no fun! Considering falling back to rapidly setting multiple states in consecutive frame updates to coordinate the animation, but that feels kind of wrong too...

    ...
    selected:{
	duration:0.3,
	time:{fn:'ease',begin:0,end:10},
	to:{
		Text:{
			dx:0,
		},
		Icon:{
			dx:0,
		},
		Bg:{
			color:'#00000010',
			dx:0,
			selected:1,
		}
	}
     ...
},

Odd file locations for syntax errors

with the following js program:

y = 1
y += 2
y *= 3

console.log("hello, world")

I find that makepad says can't find variable y at the line containing "hello, world"

If I type

y = 1
y += 2
y *= 3

console.log("hello, world")

The error is reported in the middle of the line containing y *= 3

Both times I would have expected the errors to occur at the first occurence of y