cecilemuller

import type { PluginOption } from "vite";
import { format } from "prettier";

export function plugin(): PluginOption {
  return {
    name: "example",
    transformIndexHtml: async (html) => format(html, {
      // https://prettier.io/docs/en/options.html
      parser: "html",
      htmlWhitespaceSensitivity: "ignore"

cecilemuller

import type { PluginOption } from "vite";

export function plugin(): PluginOption {
  return [
    {
      apply: "serve",
      name: "example-serve",
      configureServer(server) {
        server.middlewares.use("/subfolder/example.txt", (_req, res) => {
          res.appendHeader("Content-Type", "text/plain");

cecilemuller

import type { PluginOption } from "vite";

export function plugin(): PluginOption {
  return {
    name: "example",
    configureServer(server) {
      // Log all requests
      server.middlewares.use((req, _res, next) => {
        console.log(req.url);         // full path
        next();

cecilemuller

{
  "$schema": "https://json.schemastore.org/tsconfig",
  "compilerOptions": {
    "target": "esnext",
    "module": "nodenext",
    "moduleDetection": "force",  
    "newLine": "LF",
    "strict": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitOverride": true,

cecilemuller

<script type="importmap">
{
  "imports": {
    "lil-gui": "./node_modules/lil-gui/dist/lil-gui.esm.js",
    "three": "./node_modules/three/src/Three.js",
    "three/addons/": "./node_modules/three/examples/jsm/",
    "three/nodes": "./node_modules/three/examples/jsm/nodes/Nodes.js"
  }
}
</script>

cecilemuller

#include "data/shader/mat/state.frag"

uniform float uOpacity;   //name "Opacity"  default 1.0   min 0.0  max 2.0
uniform float uExponent;  //name "Exponent"  default 1.0   min 0.0  max 4.0

void RimOpacity( inout FragmentState s )
{
	#ifdef Emissive
		Emissive(s);
	#endif

cecilemuller

function imageComplete(img) {
	return new Promise((resolve) => {
		if (img.complete) {
			resolve();
		} else {
			img.onerror = img.onload = () => { resolve() };
		}
	});
}

cecilemuller

#include "data/shader/mat/state.frag"

uniform float uScale;  //name "Scale"  default 1.0   min 0.0  max 5.0
USE_TEXTURE2D(tTexture0);

void TriplanarEmissive( inout FragmentState s )
{
	vec3 uvw = fract(s.vertexPosition / 100.0 * uScale);

	vec3 blend = abs(s.normal);

cecilemuller

#include "data/shader/mat/state.frag"
#include "data/shader/mat/other/customExtras.sh"

uniform int uIterations; //name "Iterations"  default 15   min 5  max 30
uniform float uSpeed;    //name "Speed"  default 1.0   min 0.0  max 10.0
uniform float uFactor;   //name "Factor"  default 8.0   min 4.0  max 10.0

// Based on https://codepen.io/wildpeaks/pen/gOJmzdo
float neuro(float ratio, vec2 uv, float t) {
	mat2 rotate = mat2(0.540302, 0.841470, -0.841470, 0.540302);

cecilemuller

// Based on http://research.microsoft.com/en-us/um/people/hoppe/hatching.pdf
// and https://github.com/spite/cross-hatching
#include "data/shader/mat/state.frag"

USE_TEXTURE2D(tHatch0);
USE_TEXTURE2D(tHatch1);
USE_TEXTURE2D(tHatch2);
USE_TEXTURE2D(tHatch3);
USE_TEXTURE2D(tHatch4);
USE_TEXTURE2D(tHatch5);