Github pages repo with a wasm build and the old js makepad things.
makepad / makepad.github.io Goto Github PK
View Code? Open in Web Editor NEWGithub pages repo with a wasm build and the old js makepad things.
License: Apache License 2.0
Github pages repo with a wasm build and the old js makepad things.
License: Apache License 2.0
Github pages repo with a wasm build and the old js makepad things.
Cool project! Is it a Rust UI lib that powers the tabs, text editor, etc? Or is it built from scratch for Makepad?
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
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,
}
}
...
},
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
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
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.
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):
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.
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?
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.
Selecting text takes a significant time to catch up to the moving cursor.
Screehshot (left - firefox v58, right - chrome): https://gfycat.com/LeftPresentDormouse
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.