Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/inbestigator/godact
Convert React components to Godot scenes.
https://github.com/inbestigator/godact
godot react react-renderer
Last synced: 5 days ago
JSON representation
Convert React components to Godot scenes.
- Host: GitHub
- URL: https://github.com/inbestigator/godact
- Owner: Inbestigator
- License: mit
- Created: 2024-10-22T15:31:33.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-08T09:49:28.000Z (6 days ago)
- Last Synced: 2025-02-08T10:26:30.049Z (6 days ago)
- Topics: godot, react, react-renderer
- Language: TypeScript
- Homepage: https://jsr.io/@gdx/godact
- Size: 235 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Godact
Convert React components to Godot scenes and transpile Typescript/Javascript
code to GDScript.
You can now make an entire Godot game without touching the Godot editor, other
than to run it! https://github.com/Inbestigator/flappy-bird
Due to the sheer number of Godot nodes (>200)
- **By request**: If you really want a specific node, you can either add it in,
or request it
> To request a node, please open an
> [issue](https://github.com/inbestigator/godact/issues/new) with the label
> `node request`
- **Others**: The rest of the registry will slowly be filled in
```tsx
import {
CharacterBody2D,
CollisionShape2D,
createCircleShape2D,
createGodactScene,
createTexture2D,
Sprite2D,
} from "@gdx/godact";
function Player() {
return (
);
}
createGodactScene(, "./player.tscn");
```
Player logic
```ts
// player.ts
"extends CharacterBody2D";
import { GlobalMethods } from "@gdx/godact/methods";
const SPEED = 300.0;
const JUMP_VELOCITY = -400.0;
export function _physics_process(delta: number) {
if (!GlobalMethods.is_on_floor()) {
GlobalMethods.velocity += GlobalMethods.get_gravity() * delta;
}
if (
GlobalMethods.Input.is_action_just_pressed("ui_accept") &&
GlobalMethods.is_on_floor()
) {
GlobalMethods.velocity.y = JUMP_VELOCITY;
}
const direction = GlobalMethods.Input.get_axis("ui_left", "ui_right");
if (direction) {
GlobalMethods.velocity.x = direction * SPEED;
} else {
GlobalMethods.velocity.x = GlobalMethods.move_toward(
GlobalMethods.velocity.x,
0,
SPEED * delta * (GlobalMethods.is_on_floor() ? 2 : 1),
);
}
GlobalMethods.move_and_slide();
}
```
Transpiled GDScript code
```ts
extends CharacterBody2D
var Godot = null
var SPEED = 300
var JUMP_VELOCITY = -400
func _physics_process(delta):
if !is_on_floor():
velocity+=get_gravity() * delta
if Input.is_action_just_pressed("ui_accept") and is_on_floor():
velocity.y=JUMP_VELOCITY
var direction = Input.get_axis("ui_left", "ui_right")
if direction:
velocity.x=direction * SPEED
else:
velocity.x=move_toward(velocity.x, 0, SPEED * delta * 2 if is_on_floor() else 1)
move_and_slide()
```
Component status:
- 1: Component created
- 2: Started implementing props
- 3: Minimal props in
- 4: Ready
- 5: Exported and available in lib
| Node | Category | Component status | Props todo |
| ---------------- | --------- | ---------------- | ------------- |
| Node | Base | N/A | `multiplayer` |
| CanvasItem | Base | N/A | |
| Node2D | Primitive | 5 | |
| Control | Primitive | 5 | |
| TileMapLayer | Visual | 5 | |
| Sprite2D | Visual | 5 | |
| Line2D | Visual | 5 | |
| AnimatedSprite2D | Visual | 5 | |
| Camera2D | Visual | 5 | |
| CollisionShape2D | Physics | 5 | |
| CharacterBody2D | Physics | 5 | |
| RigidBody2D | Physics | 5 | |
| StaticBody2D | Physics | 5 | |
| AnimatableBody2D | Physics | 5 | |
| Area2D | Physics | 5 | |
| PhysicalBone2D | Physics | 5 | |
| Button | Controls | 3, 5 | `shortcut` |
| TextEdit | Controls | 5 | |
| Label | Controls | 5 | |