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

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 or Unity for their games (or that's what lot of people think) because d

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 { }