anthonyec

function RGBtoHEX(color: string): string {
    const channels = color
        // Remove white space.
        .trim()
        .replace(/\s/gu, "")
        // Remove "rgb" or "rgba".
        .replace(/rgba?/u, "")
        // Remove brackets.
        .replace("(", "")
        .replace(")", "")

anthonyec

export function prepend<T>(array: T[], value: T): T[] {
	return [value, ...array];
}

export function append<T>(array: T[], value: T): T[] {
	return [...array, value];
}

export function insert<T>(array: T[], index: number, value: T): T[] {
	return [...array.slice(0, index), value, ...array.slice(index, array.length)];

anthonyec

I couldn't get icons to working using this:

get_editor_theme_icon(SNAME("Pin"));

It shows as a broken icon, I think I'm missing an #include but I don't know what header file to include. Even where it does work, VSCode shows a red underline under the function name get_editor_theme_icon saying it's undefined.

I did get it working using the editor singleton though:

anthonyec

@tool
extends EditorPlugin

const control_scene = preload("res://addons/plugin/plugin.tscn")

var control: Control

func _enter_tree() -> void:
	control = control_scene.instantiate()
	add_control_to_bottom_panel(control, "Plugin")

anthonyec

# How to do setters and getters in Godot 4:
var size: int: set = set_size
var forward: Vector3: get = get_forward
var files: Array: get = get_files, set = set_files # I think

# Getting the current active camera.
var main_camera: Camera3D = get_viewport().get_camera_3d()

# Direction based of keyboard input.
var input_direction: Vector2 = Input.get_vector("move_left", "move_right", "move_forward", "move_backward")

anthonyec

Inspired by the Counter here: https://webcache.googleusercontent.com/search?q=cache:lJGvIvNiIW0J:https://godotengine.org/qa/147012/join-multiple-coroutines-await-waits-only-single-coroutine&cd=12&hl=en&ct=clnk&gl=uk and Go's WaitGroup

anthonyec

	for node in nodes:
	  # Important to create tween for each node instead of using `get_tree().create_tween()` 
    # because it binds it to each node and also using a single tween for all of them
    # has problems when awaiting the interval.
		var tween = placeholder.create_tween()
		
		tween.set_parallel(true)
		tween.tween_property(node, "position", Vector2(100, 100), 0.3)
		
		await tween.tween_interval(0.05).finished

anthonyec

Poster markup

A tiny tool to let you draw regions, mark positions inside the regions and export the positions as percentage coordinates.

How to use

Copy and paste all the code from poster_markup.js into the dev console, and press enter.

anthonyec

import path from "path"
import { APIGatewayProxyEvent } from "aws-lambda"
import { streamifyResponse, ResponseStream } from "lambda-stream"
import { S3Client, GetObjectCommand, HeadObjectCommand } from "@aws-sdk/client-s3"
import { Upload } from "@aws-sdk/lib-storage"

const {
	THIRD_PARTY_ASSETS_BUCKET,
} = process.env

anthonyec

import React, { useRef, useState } from 'react';
import { CSSTransition } from 'react-transition-group';

import TooltipBubble from './tooltip_bubble';

export default function Tooltip({ message, children }) {
  const [showTooltip, setShowTooltip] = useState(false);
  const childRef = useRef(null);
  const child = React.Children.only(children);