Skip to content

Instantly share code, notes, and snippets.

View kernelsoe's full-sized avatar
⚒️
Crafting ...

Kernel Soe kernelsoe

⚒️
Crafting ...
View GitHub Profile
@kernelsoe
kernelsoe / index.css
Created August 8, 2024 07:26
WriteVideo CSS transitions
/* For image panel transition effects */
/**
* ----------------------------------------
* animation fade-in-fwd
* ----------------------------------------
*/
.fade-in-fwd {
-webkit-animation: fade-in-fwd 2s ease-in-out both;
animation: fade-in-fwd 2s ease-in-out both;
}
@kernelsoe
kernelsoe / db.ex
Created February 17, 2023 02:36 — forked from karlseguin/db.ex
Elixir without Ecto, A thin Postgrex wrapper
# see https://www.openmymind.net/Elixir-Without-Ecto/
defmodule A.DB do
defmacro __using__(_) do
quote location: :keep do
@name __MODULE__
def child_spec(opts) do
%{
id: __MODULE__,
@kernelsoe
kernelsoe / WebGL-WebGPU-frameworks-libraries.md
Created January 26, 2022 05:34 — forked from dmnsgn/WebGL-WebGPU-frameworks-libraries.md
A collection of WebGL and WebGPU frameworks and libraries

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries

  • three.js: JavaScript 3D library
  • stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
  • PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
  • Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
  • Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
  • Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
  • ClayGL: A WebGL graphic library
@kernelsoe
kernelsoe / readme.md
Created January 11, 2020 13:02 — forked from slava-vishnyakov/readme.md
How to upload images with TipTap editor
  1. Create a file Image.js from the source below (it is almost a copy of Image.js from tiptap-extensions except that it has a constructor that accepts uploadFunc (function to be called with image being uploaded) and additional logic if(upload) { ... } else { ... previous base64 logic .. } in the new Plugin section.
import {Node, Plugin} from 'tiptap'
import {nodeInputRule} from 'tiptap-commands'

/**
 * Matches following attributes in Markdown-typed image: [, alt, src, title]
 *