React Konva
A-Frame

React Konva | A-Frame | |
---|---|---|
6 | 112 | |
6,040 | 17,227 | |
0.7% | 0.9% | |
7.2 | 9.7 | |
10 days ago | 4 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
React Konva
-
What is the appropriate webpack loader for the 'canvas' package in a Node.js environment?
I'm currently using konva (& react-konva) package, to utilize it in Node.js enviroment I also need canvas package installed in. However, when running the code encountering this error:
- How to create a Drag and Drop quiz like this?
-
Nextjs & konva error I'm not sure how to resolve
Links I found googling (https://github.com/konvajs/react-konva/issues/588, https://stackoverflow.com/questions/53139884/next-js-disable-server-side-rendering-on-some-pages) hint that I should turn off SSR, but it does not seem to work for me as doing what this (https://stackoverflow.com/a/64509306/153399) solution suggests does nothing for me and even though my app looks like this now:
-
Redux as a global store
This is a known issue for Konva: https://github.com/konvajs/react-konva/issues/188
- React Renderer for 2d Canvas
- Can't find good libraries / sdks for advanced image editing in the browser? (including layers)
A-Frame
-
Show HN: Spark, An advanced 3D Gaussian Splatting renderer for Three.js
BabylonJS and the OP's own Aframe [1] seem to have similar licenses, similar number of Github stars and forks, although Aframe seems newer and more game / VR focused.
How do Babylon, Aframe, Three.js, and PlayCanvas [2] compare from those that have used them?
IIUC, PlayCanvas is the most mature, featureful, and performant, but it's commercial. Babylon is the featureful 3D engine, whereas Three.js is fairly raw. Though it has some nice stuff for animation, textures, etc., you're really building your own kit.
Any good experiences (or bad) with any of these?
[1] https://github.com/aframevr/aframe
[2] https://playcanvas.com/
- React Three Ecosystem
-
Stripe Black Friday Dashboard (Physical Machine)
Just based off one of the errors in the console, I think it's using A-Frame which is built on top of Three.js https://aframe.io/
- Ask HN: Is webdev getting complicated without results to show for it?
-
What is OpenGL, WebGL, Three.js, and WebXR?
Other graphic libraries: Babylon.js A-Frame
-
HTML5 Differences from HTML4 (2014)
If you're looking for something similar still you may want to checkout https://aframe.io/ -- it's JS library(s) and you load them, then use custom tags in HTML to create VR worlds. it's rad.
-
Ask HN: What brought back the joy of programming for you?
I hear you. I come from a web dev background too and co-created A-Frame (https://aframe.io/) 8 years ago taking some of the Unity ideas (entity component) while retaining the fun parts of Web deving and publishing. Games and 3D graphics is super deep. Joy for me is having always interesting areas to explore that are not just the accidental complexity of the regular Web dev tooling.
- 2024 GitHub Accelerator: Meet the 11 projects shaping open source AI
-
Ask HN: Why Htmx So Controversial?
I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.
React can handle apps with much more complex state and do really amazing things like
https://aframe.io/
but it is overkill for the common form applications it is commonly used for.
-
Show HN: 3D Framework for the Web. Built on Svelte and Three.js
Cool project!
For those who prefer a more vanilla approach, A-frame [1] is nice.
[1] https://aframe.io/
What are some alternatives?
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
react-canvas - High performance <canvas> rendering for React components
PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
react-heat-map - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
