Skip to content

Instantly share code, notes, and snippets.

View canadaduane's full-sized avatar

Duane Johnson canadaduane

View GitHub Profile
@canadaduane
canadaduane / pixi-tilemap-llms.md
Last active May 17, 2025 23:53
@pixi/tilemap -- llms.txt

@pixi/tilemap - PixiJS Tilemap Kit

Automation CI

This package provides a low-level rectangular tilemap implementation, optimized for high performance rendering and a out-of-the-box canvas fallback.

Version Compatiblity

PixiJS PixiJS Tilemap Kit
@canadaduane
canadaduane / llms-full.md
Created May 17, 2025 17:55
PixiJS Guides, Docs & API: llms-full.txt

Introduction & Overview

What PixiJS Is

So what exactly is PixiJS? At its heart, PixiJS is a rendering system that uses WebGL (or optionally Canvas) to display images and other 2D visual content. It provides a full scene graph (a hierarchy of objects to render), and provides interaction support to enable handling click and touch events. It is a natural replacement for Flash in the modern HTML5 world, but provides better performance and pixel-level effects that go beyond what Flash could achieve. It is perfect for online games, educational content, interactive ads, data visualization... any web-based application where complex graphics are important. And coupled with technology such as Cordova and Electron, PixiJS apps can be distributed beyond the browser as mobile and desktop applications.

Here's what else you get with PixiJS:

@canadaduane
canadaduane / pixijs-llms.md
Created May 17, 2025 17:05
PixiJS Guides and Docs -- llms.txt

Introduction & Overview

What PixiJS Is

So what exactly is PixiJS? At its heart, PixiJS is a rendering system that uses WebGL (or optionally Canvas) to display images and other 2D visual content. It provides a full scene graph (a hierarchy of objects to render), and provides interaction support to enable handling click and touch events. It is a natural replacement for Flash in the modern HTML5 world, but provides better performance and pixel-level effects that go beyond what Flash could achieve. It is perfect for online games, educational content, interactive ads, data visualization... any web-based application where complex graphics are important. And coupled with technology such as Cordova and Electron, PixiJS apps can be distributed beyond the browser as mobile and desktop applications.

Here's what else you get with PixiJS:

@canadaduane
canadaduane / kaplay-llms.txt
Last active April 28, 2025 04:47
Kaplay JS Docs - llms.txt
# The fun and open source game library for HTML5 Games
Warriors! Level up the fun with our brand new [Colyseus multiplayer guide!](guides/how-to-make-a-multiplayer-game-with-colyseus-and-kaplay)
**KAPLAY** (/ˈkæpleɪ/) is a JavaScript and TypeScript game library that makes it easy to create games for the web. It's free, open-source and fun.
[Explore Docs](/guides/) [Play in KAPLAYGround](https://play.kaplayjs.com) [Join our Discord](https://discord.com/invite/aQ6RuQm3TF)
Friendly API. Easy to learn, easy to teach.
@canadaduane
canadaduane / dlight-explore.ts
Created February 1, 2025 22:34
Exploring new syntax ideas for DLight.JS
const Content = Symbol("_$dlContent")
// A couple of HTML tags to play around with; use `any` type for now
const div: any = () => {}
const button: any = () => {}
function component<T extends { new (...args: any[]): any }>(
_cls: T
): ComponentFunction<InstanceType<T>> {
return (() => {}) as any
@canadaduane
canadaduane / dlight-plugin.ts
Last active January 23, 2025 05:58
Bun loader for DLight
import type { BunPlugin } from "bun";
import { transform } from "@babel/core";
import dlight, { type DLightOption } from "babel-preset-dlight";
export const dlightPlugin = (): BunPlugin => ({
name: "bun-plugin-dlight",
setup(build) {
build.onLoad({ filter: /\.(view|model)\.[tj]s$/ }, async (args) => {
const options: DLightOption = {};

Easy Muesli

Ingredients

  • 3 1/2 cups rolled oats
  • 1/2 cup wheat bran
  • 1/2 teaspoon kosher salt
  • 1/2 teaspoon ground cinnamon
  • 1/2 cup sliced almonds
  • 1/4 cup raw pecans, coarsely chopped
  • 1/4 cup raw pepitas (shelled pumpkin seeds)
@canadaduane
canadaduane / .zshrc
Created April 8, 2024 14:51
Reformat graphite.dev output to link to github when submitting
# Normally, graphite wants to point you to their website after you submit a stack. I don't use their website, and I
# would prefer to go directly to the github PR. I wrote an alias that uses `unbuffer` to keep all of the nice ansi color
# and formatting, while replacing the final URL displayed with a github URL.
#
# Install unbuffer:
# - Mac OS: `brew install expect`
# - Ubuntu Linux: `sudo apt install expect`
#
# I have this in my .zshrc; "gts" is short for "gt submit":
export type TaskJobType =
| 'chat.created'
| 'chat.messageSent'
| 'content.generateCoursePipeline'
| 'content.generateOutcomeRubrics'
| 'content.getTopicActivities'
| 'content.getTopicActivity'
| 'content.getTopicDescription'
| 'etl.humanloopProjects' // cron task
| 'healthcheck.ping'
@canadaduane
canadaduane / package.json
Last active April 13, 2023 14:25
Using Turborepo for build and Overmind for process management
{
//... snip ...
"scripts": {
"dev": "sh -c '(export TURBO_ARGS=\"${*}\"; turbo dev:deps $TURBO_ARGS && overmind start --root . --no-port --procfile $(node run-dev.mjs))' zero",
"dev:dry": "turbo dev --dry=json $TURBO_ARGS"
}
}