Mars seanmars

Purpose: Make Vue's template ref (https://vuejs.org/guide/essentials/template-refs.html) more typescript friendly, make IDE suggestion and compiler validator better

Create a file name useRefs.ts in your utils/helpers directory

import { reactive } from 'vue'

export const useRefs = <T extends object>() => {
  const refs = reactive<T>({} as T)
  const toRef = (refName: keyof T) => (el: any) => ((refs as T)[refName as keyof T] = el)

CUSTOM GAME ENGINES: A Small Study

WARNING: Article moved to separate repo to allow users contributions: https://github.com/raysan5/custom_game_engines

A couple of weeks ago I played (and finished) A Plague Tale, a game by Asobo Studio. I was really captivated by the game, not only by the beautiful graphics but also by the story and the locations in the game. I decided to investigate a bit about the game tech and I was surprised to see it was developed with a custom engine by a relatively small studio. I know there are some companies using custom engines but it's very difficult to find a detailed market study with that kind of information curated and updated. So this article.

Nowadays lots of companies choose engines like [Unreal](https:

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯

	#!/usr/bin/env bash

	set -Eeuo pipefail
	trap cleanup SIGINT SIGTERM ERR EXIT

	script_dir=$(cd "$(dirname "${BASH_SOURCE[0]}")" &>/dev/null && pwd -P)

	usage() {
	cat <<EOF
	Usage: $(basename "${BASH_SOURCE[0]}") [-h] [-v] [-f] -p param_value arg1 [arg2...]

	#include <stdint.h>
	#include <stdio.h>
	#include <stdlib.h>

	// munged from https://github.com/simontime/Resead

	namespace sead
	{
	class Random
	{

	using UnityEditor;
	using UnityEditor.EditorTools;
	using UnityEngine;

	[EditorTool("LookAt Tool")]
	public class LookatTool : EditorTool
	{
	GUIContent cachedIcon;

	// NOTE: as were caching this, unity will serialize it between compiles! so if we want to test out new looks,

	// NOTE DONT put in an editor folder

	using UnityEngine;

	public class HighlightAttribute : PropertyAttribute
	{
	public HighlightColor Color;
	public string ValidateMethod;
	public object Value;

	// NOTE DONT put in an editor folder

	using UnityEngine;

	public class StatsBarAttribute : PropertyAttribute
	{
	public string valueMax;
	public StatsBarColor color;

	public StatsBarAttribute(string valueMax = null, StatsBarColor color = StatsBarColor.Red)

	// NOTE DONT put in an editor folder

	using UnityEngine;
	public class ReadOnlyAttribute : PropertyAttribute { }