Florian Morel ayamflow

Rendering High-Resolution Meridian Outputs

Meridian is a generative art project deployed on Ethereum, and distributed as unique, artist-signed tokens. This creates an interesting scenario where the value and acquisition of the art project is not tied to the scarcity of access to its media (such as high-resolution PNGs and fine art prints of the algorithm's output). And so, I've created some tools to help all audiences—whether collectors of the tokens or not—export high-resolution outputs of a given Meridian for personal and non-commercial means. For example: fine art printing to hang a Meridian on your walls, or using it as a social media avatar or banner, or including it in a blog post.

First, open the following page and scroll to the interactive component, showing the Meridian software: https://meridian.mattdesl.com/

In that page, open your DevTools Console in the browser, in Chrome it is under View > Developer > JavaScript Console. Each time you click the artwork, it

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

This document has a more accessible location, here:

http://nickporcino.com/posts/last_mile_interchange.html

I'll maintain a copy here too, this is a nice place to support discussion.

Introduction

texture loading

A utility for loading texture in ThreeJS. Will upload to GPU as soon as the texture is loaded, ensuring that it won't cause jank later in your application.

Example:

const loadTexture = require('./loadTexture');

// Returns a THREE.Texture object

	// TODO: Do fresnel the ronja way
	Shader "HCF/3D/Toon Lit" {
	Properties {
	_MainTex("Albedo (RGB)", 2D) = "white" {}
	_Tint("Tint", Color) = (1, 1, 1, 1)
	[Header(Lighting)]
	[Toggle]
	_UseRampText("Use Ramp Texture", Float) = 0
	[NoScaleOffset]
	_RampTex("Ramp Texture (Greyscale)", 2D) = "white" {}

	// How to increment using the slope and offset comes from tasaboia's example but did not have a solution for A
	// But found a way to calc for A from a ruby Wire Tool plugin, but it's incrementing did not work as well as tasaboia
	// So mixing the two results in a good implementation of the Catenary Curve. All Credit belongs to those two developers.
	// All I did is mash the code together and fixed / optimized it - SketchpunkLabs
	// https://github.com/tasaboia/Procedural-Rope-Generator/blob/master/Assets/CatenaryTeste/Scripts/Catenary.cs
	// http://rhin.crai.archi.fr/rld/plugin_details.php?id=990

	function catenary(a, x){ return a * Math.cosh( x / a ); }
	catenary.MAX_TRIES = 100;
	catenary.getA = function(vecLen, maxLen){

	// Taken From:
	// https://stackoverflow.com/questions/849211/shortest-distance-between-a-point-and-a-line-segment

	function sqr (x) {
	return x * x;
	}

	function dist2 (v, w) {
	return sqr(v[0] - w[0]) + sqr(v[1] - w[1]);
	}

	/**
	* An object that rebinds its skinned meshes when cloned.
	*/
	export class RebindingScene extends THREE.Scene {
	constructor() {
	super();
	}
	copy(source :THREE.Scene, recursive :?boolean) :THREE.Object3D {
	super.copy(source, recursive);
	var nodes = {};

	vec3 vecQuatRotation(vec4 q, vec3 v){
	return v + cross(2.0 * q.xyz, cross(q.xyz, v) + q.w * v);
	}

Florian Morel ayamflow

Rendering High-Resolution Meridian Outputs

CUSTOM GAME ENGINES: A Small Study

Introduction

texture loading

General