fairygui / fairygui-threejs Goto Github PK
View Code? Open in Web Editor NEWA GUI Editor & framework for Three.js
Home Page: https://www.fairygui.com
License: MIT License
A GUI Editor & framework for Three.js
Home Page: https://www.fairygui.com
License: MIT License
Hello the migrationRules.js files is hard coded for versions 116 and 134. I recommend deprecating three.js versions earlier than 0.134.0 and changing the code base to use .invert() and .copy($1).invert() where .inverse() and .getInverse() is being used.
一般在js 和html中实现唤起手机相机直接用html的 input标签,type="file" accept="image/*" 即可
但目前fairygui 官网写 富文本支持 html,
仅支持 INPUT 支持显示以下语法:
//显示一个按钮
//显示一个输入框
是不支持
吗
https://www.fairygui.com/docs/editor/richtext
单独写一个 html覆盖 fairygui-three的canvas,无法唤起相机,应该是click事件还没传到input标签就被捕获了
Hello, the project I am currently working on leverages a flexible canvas element size. Essentially, the screen scales to the browser's window following the default ratio set from 1280px by 720px. The scaleWithScreenSize API appears to retrieve the screen size based on the Stage dimensions. This may work fine with static screen sizes, but hoping for a solution for screen sizes that can change dynamically.
Its great to see this in Three.js! Have an issue using in Typescript with latest Three.js @ three@^0.124.0
Stage.init(renderer)
Stage.scene = r.scene
Argument of type 'WebGLRenderer' is not assignable to parameter of type 'Renderer'.
Types of property 'render' are incompatible.
Type '(scene: Object3D, camera: Camera) => void' is not assignable to type '(scene: Scene, camera: Camera) => void'.
Types of parameters 'scene' and 'scene' are incompatible.
Type 'Scene' is missing the following properties from type 'Object3D': animations, clear
Property 'dispose' is missing in type 'THREE.Scene' but required in type
If I revert back to 116.1 it appears to be ok, but could you update to latest?
public set pivotY(value: number) {
this.setPosition(this._pivot.x, value);
}
是不是写错了
Hi, I use Vite as my build tool, which is what three.js doc recommended. When running "npx vite" with fairygui, I get an error
caught TypeError: Cannot read properties of undefined (reading 'Vector3')
at Stage.js:105:19
at fairygui.js:4:31
at fairygui.js:5:2
(anonymous) @ Stage.js:105
(ano
I tried vite with your other example https://github.com/fairygui/FairyGUI-threejs-example, it has more errors
Unable to parse HTML; parse5 error code invalid-first-character-of-tag-name
at F:/Dev/Cas/External/FairyGUI-threejs-example/index.html:8:7
6 | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
7 | <meta name="keywords" content="" />
8 | <% for (var css in htmlWebpackPlugin.files.css) { %>
| ^
9 | <link href="<%=htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
10 | <% } %>
It seems that vite does not support non strict mode
https://vitejs.dev/guide/troubleshooting.html#syntax-error-type-error-happens
How can I get it to run with vite?
请问一下,three vr模式下,这个ui还有效么?
在2D模式下 富文本能显示包体自带的图片,外部链接图片显示不了,在3D模式下富文本不能显示图片 ,这是什么原因
npm run serve后,可以调试项目.
npm run build命令正常运行后,需要将什么文件,build和dist移动到本地服务器吗?在哪里查看访问链接配置.
加入fgui后VR按钮无法点击了,不知道哪里出了问题。
1、更改Three版本更新的接口调整;DisplayObject -> inverse->invert
2、新增输入文本键盘按下的事件;InputTextField -> createElement -> onkeydown
3、修复BUG:绘制大量文本时清除canvas方法不对,会造成重影;DynamicFont -> clearTexture
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.